前端路由:通过动态改变 url 实现,并不会和后端服务器发生交互,前端路由不同于传统路由,它不需要服务器来进行解析,而是通过一个 hash 函数或者 H5 提供的 history API 来实现。前端路由的优势:页面刷新速度快。由于前端路由不需要和后...
一、组件知识组件,从形式上看,组件就是一个自定义的 html 标签;组件本质上来看是一个可复用的 Vue 实例,是构造函数 Vue 的一个子类;组件实现了代码复用。从组件的层面上来理解,Vue 的挂载点就是一个组件,不过它是一个隐式声明根组件。 创建...
一、vue 中的条件渲染条件渲染指令v-if,v-show。 v-if 指令: v-if 指令和原生 js 中的 if 语句的功能是一样的,作为条件约束,执行哪些功能。同样有作为单分支和多分支条件的语句。v-show 指令: v-show 指令和 v...
一、导入 vue使用 vue 渲染页面要先进行 vue 库的导入,和 jQuery 一样,可以通过 script 标签引入,可以在vue 官网上找到 使用 vue 进行页面渲染时第一步时先将 vu...
一、实现一个购物车购物车要实现的功能 全选框选中时,底下的单个商品复选框按钮要全部选中 单个商品复选框中只要有一个没有被选中,则全选复选框取消选中 改变商品数量的时候,后边的金额会自动进行加减 总价和总数量中只计算当前勾选的商品,但是没有勾选的商品...
一、jQuery 中常用的 DOM 操作使用 jQuery 库一定不能忘了导入 1.添加元素通过和原生 js 的对比来进行元素添加操作 // 原生方式const h2 = d...
一、jQuery 的导入方式与工厂函数$()的四种用法jQuery: jQuery 是一个快速,小型且功能丰富的 JavaScript 库。通过易于使用的 API(可在多种浏览器中使用),它使 HTML 文档的遍历和操作,事件处理,动画和 Ajax ...
一、选项卡的实现项卡是由两部分组成,头部是导航部分,内容区是主要内容部分,一下使用 php 中文网主页的一个截图作为示例 选项卡的设计思路:通过给每个导航区的 li 添加自定义属性,然后让相关联的内容区设置相同的自定义属性,在点击/悬浮在一个 li...
一、js 中数组常用方法1.push()方法:在数组的尾部插入一个元素 let arr = [];arr.push(1);arr.push(2);arr.push(3);console.log(arr);// arr = [1, 2, 3]; 2.p...
一、常用的字符串方法1.concat()方法:字符串拼接,在大量的生成 html 代码时用处很大,而且可以自动类型转换 let str = " html ".concat(" css ", " js ", " ! ", 666);console.lo...
一、构造函数与原型js 是一门面向对象的编程语言,但是在 js 中是没有类和继承的概念的,ES6 之前都是基于原型的继承模式,而在 ES6 中开始正式的支持类和继承,不过,ES6 的类都仅仅是封装了 ES5.1 构造函数加原型继承的语法糖,所以说,j...
一、对于数组和对象解构的补充解构赋值:快速从集合数据(数组/对象)解构出独立变量 1.数组解构 在对数组进行解构时,等号两边的类型要一致。对于数组来说,它里边的元素都是有顺序的,想要通过解构赋值来得到某一个位置的元素是可行的。可以同时获得数组中的多个...
一、js 中的基本数据的类型转换问题js 中的变量类型分为原始类型和引用类型,其中原始类型包括:1.数值,2.字符串,3.布尔类型,4.undefined 类型,5.null(空对象)类型,6.符号(Symbol)类型;引用类型包括:1.对象,2.数...
一、 解构理论上来说任何类型都可以解构,但是工作中基本上只会用到对象和数组,所以我们最关注的就是数组和对象的解构。 1.对象的解构首先我们需要的是声明一个对象,这里我们使用 const 声明一个对象 const user = {name: “zhu...
js 是基于事件驱动的异步单线程的脚本编程语言,它的全称是 JavaScript,虽然里边有个 java 字样,但是和 java 编程语言一点关系都没有。它是一种脚本语言,基于解释器执行,它是边解释便执行的语言。浏览器控制台 Console 是一个浏...