- 博客(11)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 初识vue 的数据绑定与模板语法
1.想让Vue工作,就必须创建一个Vue实例,且要传入一个配置对象; 2.root容器里的代码依然符合html规范,只不过混入了一些特殊的Vue语法; 3.root容器里的代码被称为【Vue模板】; 4.Vue实例和容器是一一对应的; 5.真实开发中只有一个Vue实例,并且会配合着组件一起使用; 6.{{xxx}}中的xxx要写js表达式,且xxx可以自动读取到data中的所有属性; 7.一旦dat...
2021-08-07 10:28:14
169
原创 伪类选择器和伪标签选择器
:单冒号来表示伪类,::用双冒号来表示伪元素伪类一般匹配的是元素的一些特殊状态,如hover、link等,而伪元素一般匹配的特殊的位置,比如after、before等。
2021-10-28 10:13:58
143
原创 实现vue的双向绑定
实现数据绑定的做法有大致如下几种:发布者-订阅者模式(backbone.js) 脏值检查(angular.js) 数据劫持(vue.js)脏值检查: angular.js 是通过脏值检测的方式比对数据是否有变更,来决定是否更新视图,最简单的方式就是通过 setInterval() 定时轮询检测数据变动,angular只有在指定的事件触发时进入脏值检测,大致如下:DOM事件,譬如用户输入文本,点击按钮等。( ng-click ) XHR响应事件 ( $http ) 浏览器Locat
2021-10-25 12:53:44
126
原创 闭包函数.
一个函数fun的作用域访问了另外一个函数fn 里面的局部变量 function fn() { var num = 10; return function() { console.log(num); } } var f = fn(); f(); // 类似于 // var f = function() { ...
2021-10-25 12:34:45
63
原创 ajax请求
ajax:1本身是针对MVC的编程,不符合现在前端MVVM的浪潮从浏览器中创建 XMLHttpRequests。2原生的XHR开发,XHR本身的架构不清晰,已经有了fetch的替代方案JQuery整个项目太大,单纯使用ajax却要引入整个JQuery非常的不合理(采取个性化打包的方案又不能享受CDN服务aJax= 异步 JavaScript 和 XML(asynchronous 向浏览器发生异步请求,无刷新获取数据)页面不需要刷新而与服务器进行通信 运许根据用户事(鼠标经过实践、
2021-08-06 21:43:32
100
原创 axios的理解
axios:是一个基于 promise 的 HTTP 库,可以用在浏览器和 node.js 中axios通过 promise 又把 ajax 进行封装就成了 axios。在现在的前端 mvvm 模式下 axios 更适合于数据请求。就像jQuery实现ajax封装一样。可以作为函数也可以作为对象使用简单来说: ajax技术实现了网页的局部数据刷新,axios实现了对ajax的封装。axios是ajax ajax不止axios。axios特点:从 node.js 创建 http 请求
2021-08-06 21:41:10
212
原创 js 浅拷贝深拷贝
shwenfor(var k in )其中 k是属性名 obj.keys()直接得到属性值es中使用Object.assign()浅拷贝:只是把更深层的 地址拷贝,指向的是同一个数据,如果修改obj值,则拷贝的数据o里面的也连带修改深拷贝...
2021-07-31 17:19:42
74
原创 js 函数
匿名函数 var fun= new function() {}。利用new function(‘参数1’,‘参数2’,‘函数体’)定义函数。所有的函数都是Function构造函数的实例,函数也是对象普通函数 :function fn() {}. 调用fn()或者是。fn.call().其中this指的是window对象的方法 :var obj = { sayobj:function(){ xxxx}} 调用:obj.sayobj()。构造函数:function Obj() {} ,this是
2021-07-30 21:11:33
50
原创 ES6继承
1.子构造函数去父构造函数继承属性:父.call(this,属性1.属性2)。调用父构造函数时,主要是使用call()的第一个参数改变this的指向问题。// 2 .子构造函数 function Son(uname, age, score) { // this 指向子构造函数的对象实例 Father.call(this, uname, age); this.score = score; }子构
2021-07-29 15:44:31
105
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人