随笔分类 - 前端
摘要：生命周期 又名：生命周期回调函数、生命周期函数、生命周期钩子 生命周期是Vue在关键时刻帮我们调用的一些特殊名称的函数 生命周期函数的名字不可更改，但函数的具体内容是程序员根据需求编写的；生命周期函数中的this指向是vm 或 组件实例对象 常用的生命周期钩子 1.mounted: 发送ajax请求
阅读全文
摘要：1、过滤器 定义：对要显示的数据进行特定格式化后再显示（适用于一些简单逻辑的处理）。 语法 注册过滤器：Vue.filter(name,callback) 或 new Vue{filters:{}} 使用过滤器：{{ xxx | 过滤器名}} 或 v-bind:属性 = "xxx | 过滤器名" 注
阅读全文
摘要：1、列表渲染 语法：v-for="(item,index) in xxx" :key="yyy" 用于展示列表信息，可遍历数组、对象、字符串、指定次数示例——vue、react中的key有什么作用 1、虚拟DOM中key的作用：key是虚拟DOM对象的标识，当数据发生变化时，Vue会根据【新数据】生
阅读全文
摘要：1、computed和watch的区别 computed能完成的功能，watch都可以完成；但是watch能完成的功能，computed不一定能完成，如watch可以实现异步操作 注意：所有被Vue所管理的函数写成普通函数；所有不被Vue所管理的函数(如定时器的回调函数、ajax的回调函数等)最好写
阅读全文
摘要：1、事件处理 （1）基本使用 1、使用v-on:xxx或@xxx绑定事件，xxx是事件名； 2、事件的回调需要配置在methods对象中，最终会在vm上； 3、methods中配置的函数不要用箭头函数，否则this就不是vm了； 4、methods 中的配置函数都是被Vue所管理的还是，this的指
阅读全文
摘要：1、MVVM模型 M:模型(Model)——对应data中的数据V:视图(View)——模板代码VM:视图模型(ViewModel)——Vue实例对象 <!-- View --> <div id="root"> <h1>学校名称，{{name}}</h1> <h1>学校地址，{{address}}<
阅读全文
摘要：1、模板语法 （1）插值语法——容器中的两个{}用于解析标签体(即开始标签和结束标签间的内容)：{{xxx}},xxx是表达式且可以读取data中的所有属性（2）指令语法——用于解析标签(包括标签属性、标签体内容、绑定事件......) v-bind:可以简写成:Vue中有很多指令，形式为v-???
阅读全文
摘要：1、引入 多了个Vue—— //阻止vue在启动时生成生产提示 Vue.config.productionTip = false 2、初识 <div id="root"> <h1>hello，{{name}}</h1> <h4>年龄是：{{age}}</h4> </div> <script> //阻
阅读全文
摘要：1、间隔定时器：按照指定周期（毫秒）去执行指定的代码 语法：setInterval(函数,时间)函数——每次要执行的内容 时间——单位是毫秒返回值：表示当前页面的第几个定时器 2、延时定时器：在固定的时间（毫秒）后指定一次代码——炸弹定时器 语法：setTimeout(函数,时间)函数——时间到达执
阅读全文
摘要：1、创建对象 （1）字面量方式创建对象var obj = {...}（2）内置构造函数创建对象var obj = new Object()（3）工厂函数创建对象 function create(name,age){ var obj = {} obj.name = name obj.age = age
阅读全文
摘要：1、语法：事件源.on事件类型 = 事件处理函数 事件绑定的三要素：事件源：和“谁”做好约定事件类型：约定一个什么行为事件处理函数：当用户触发该行为时，执行什么代码 2、事件类型 （1）鼠标事件 单击:click 双击:dbclick 鼠标按下:mousedown 鼠标抬起:mouseup 鼠标移动
阅读全文
摘要：jQuery：一个大型的简单的第三方类库，对DOM操作进行封装引入了两个变量名：$、jQuery 1、选择器：$('选择器') 2、筛选器——语法：$('选择器').筛选器名称() 常用筛选器名称：first、last、eq(索引)、next、nextAll、prew——指的是前一个、prewAll
阅读全文
摘要：1、创建Ajax对象 var xhr = new XMLHttpRequest() 2、配置本次请求信息 xhr.open(请求方式如GET, 请求地址, 是否异步默认true) 3、注册请求完成事件 xhr.onload = function(){} 4、把请求发送出去 xhr.send() 注：
阅读全文
摘要：1、定义变量 ——新增了两个：let——定义变量 const——定义常量二者与var的区别就是var会进行预解析(即let和const不能未声明就使用)，var可以声明两个重名的变量，但var没有块级作用域const与let的区别就是：let可以定义时不赋值，const必须赋值；let定义的变量可以
阅读全文
摘要：1、获取浏览器窗口尺寸 2、浏览器的弹出层 3、开启和关闭标签页 4、浏览器常见事件 5、浏览器的历史记录操作 6、浏览器卷去的尺寸 7、设置浏览器滚动条的位置 window.scrollTo(Left,Top)——瞬间定位到该位置window.scrollTo({ left:xx, top:yy,
阅读全文
摘要：1、获取元素的方式 2、操作元素内容 3、操作元素属性 4、操作元素类名 5、操作元素行内样式 6、获取元素非行内样式 7、节点操作 8、获取元素尺寸 元素.offsetHeight 元素.offsetWidth元素.clientHeight 元素.clientWidth注意:二者都包括内边距pad
阅读全文
摘要：1、random()方法 语法：Math.random()作用：获取一个0-1之间的随机小数，包含0，但不包含1返回值：0-1之间的随机小数 2、round()方法 语法：Math.round(数字)作用：对数字进行四舍五入取整返回值：四舍五入后的整数 3、ceil()方法 语法：Math.ceil
阅读全文
摘要：注意：字符串常用方法索引也是从0开始 1、charAt()方法 语法：字符串.charAt(索引)作用：获取对应索引位置的字符返回值：对应索引位置的字符 <script> var str = '你好，前端学习' console.log(str) var res = str.charAt(3) con
阅读全文
摘要：1、push()方法 语法：数组.push(数据)作用：将数据追加到数组末尾返回值：追加后数组最新的长度 <script> var arr = [100,200,300] console.log(arr) var res = arr.push('追加的') console.log(arr) //输出
阅读全文
摘要：1、冒泡 <script> var arr = [9,3,6,2,4,1,8,5,7] console.log(arr) for(var j=0;j<arr.length-1;j++){ //j控制比较多少轮 for(var i=0;i<arr.length-1-j;i++){ //i控制一轮比较多
阅读全文
浙公网安备 33010602011771号