![](https://img-blog.csdnimg.cn/20201014180756913.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
饥人谷
zengyushan
这个作者很懒,什么都没留下…
展开
-
Vue 数据响应式
css响应式不用说大家都知道,拖动浏览器窗口大小时,内容布局和大小会自动变化。那么Vue的数据响应式就是,实例中,通过修改vm的.n值,就能改变data()中的n。let vm = Vue({ data(){ n:0 }})Vue2中,数据响应式是通过Object.defineProperty实现的。注意事项如果开发者给一个data中不存在的变量a做了修改,a是无法在页面上显示出来的,因为Vue无法监听一开始不存在的变量。解决方法:使用Vue.set或者this.$setdata原创 2020-09-07 15:56:34 · 216 阅读 · 0 评论 -
Vue的两个版本的差异
两个版本的差别完整版文件是vue.js完整版额外包含了编译器。所以体积比非完整版大40%左右。视图部分需要写在html中;或者写在vue组件中的template选项中。只包含运行时的版本是vue.runtime.js非完整版,没有编译器。视图部分需要写在render()函数里。template和render如何使用template一般写在vue组件里的顶部,html语法如下:<template> <div id="app"> <div>{原创 2020-09-06 21:24:34 · 542 阅读 · 0 评论 -
浅析 MVC
MVC是什么?MVC是一种设计模式M是Module,是数据层 ,专门管理数据的地方V是View,是视图层,操作界面及交互的地方C是control,是控制器,其他操作封装在这里let m = { 数据1, 数据2}let v = { 生成页面标签, 渲染到页面}let c = { 计算数据, 计算其他逻辑}EventBus 有哪些 API,是做什么用的?on, 用来绑定事件eventBus.on(事件1,回调函数1)trigger原创 2020-09-05 15:50:00 · 136 阅读 · 0 评论 -
DOM 事件机制
什么是DOM事件?对DOM元素进行操作的事件例如点击一个元素,发生了这个动作后,以便进行下一步操作。这个点击就是一个事件。捕获和冒泡现代浏览器的事件包含捕获阶段和冒泡阶段。捕获阶段在先,冒泡发生在后。这里有一个id=div1的元素,其内部包含一个class=div2的元素。<div id="div1"> <div id="div2"> <div id="div3"></div> </div></div>那么点击原创 2020-08-28 18:48:46 · 204 阅读 · 0 评论 -
jQuery 的功能
jQuery是一个对网页DOM元素的操作进行封装的库jQuery 如何获取元素?$(元素) 等同于jQuery(元素) 。 这里的“元素”可以是类选择器.div1,也可以是id选择器#div1,还可以是div标签名,也可以是文档对象document。这样就获取了这个元素,然后可以进行后续操作。jQuery还提供了过滤器,筛选要获取的元素$('div').has('p'); // 选择包含p元素的div元素$('div').not('.myClass'); //选择class不等于myClas原创 2020-08-28 12:48:23 · 210 阅读 · 0 评论 -
JS 函数的执行时机
普通函数的执行时机函数在定义时不会执行,只要在调用函数时,其调用的变量已经存在就可以打印出变量值。let a = 1;function fn(){ console.log(a)}下面的代码,打印结果是6个6,为什么?let i = 0for(i = 0; i<6; i++){ setTimeout(()=>{ console.log(i) },0)}原因:setTimeout表示先放下内部的代码,暂时不执行,等其部分执行完毕后才执行,是延迟执行。外面i走到原创 2020-08-24 21:23:53 · 144 阅读 · 0 评论 -
JS 对象基本用法
如何声明对象语法:简写方式let obj = {'name':'frank','age':18}标准方式let obj = new Object({'name':'frank'})如何删除对象的属性语法delete obj.xxxdelete obj['xxx']上面代码删除的是属性名和属性值。如果只想删除属性值,保留属性名,直接重设属性值就好obj.name = undefined如何查看对象的属性查看属性就是读属性查看对象的属性中括号语法obj['原创 2020-08-23 18:23:18 · 446 阅读 · 0 评论 -
JS语法
1什么是表达式和语句?表达式和语句不能完全区分。一般来说,表达式都有值,语句可能有也可能没有。语句一般会改变声明和赋值。例如:1+2是一个表达式,var a = 1是一个语句。函数也是表达式,只有函数有返回值。console.log表达式的返回值就是log函数本身console.log(3)的返回值是undefined,并不是3,3只是打印出来的值而已。2标识符的规则标识符是声明时取名字需要用到的符号规则:第一个字符,可以是Unicode字母$或_或中文,后面的字...原创 2020-08-16 22:51:59 · 93 阅读 · 0 评论 -
JavaScript的诞生
JavaScript诞生于何处?先从浏览器的诞生说起。1993年,伊利诺伊大学厄巴纳-尚佩恩分校的国家超级电脑应用中心(NCSA)发表了NCSA Mosaic。1994年,Mosaic Communications雇用了许多原来的NCSA Mosaic开发者用来开发Mosaic Netscape浏览器。该浏览器于同年更名为Netscape Navigator。公司创始人认为浏览器的未来会更加动态,1995年,网景招募了布兰登·艾克。后来网景公司想发明一种与java配合使用的脚本语言,布兰登·原创 2020-08-06 22:28:48 · 103 阅读 · 0 评论 -
浅析 URL
URL的定义中文名称:统一资源定位符英文全称:Uniform Resource LocationURl包含哪几部分URL = 协议 + 域名 + 路径 + 查询参数 + 锚点1. 协议 protocol 协议是一种约定形式,等于沟通的双方都需要遵守同一种协议,才能通信。 例如:HTTP协议,同来管理打开一个网页时,请求和相应信息是怎么写的。2. 域名 域名是ip的别称。 先说说ip。ip全称是internet protocol。 ip约定了两件事: 1. 如何定位一台设备 2. 如原创 2020-07-27 21:31:08 · 119 阅读 · 0 评论 -
CSS知识小总结
浏览器渲染原理根据html构建html树(DOM)html树就像一颗倒立的树,不断往下分叉。每个叉是一个html标签。根据css构建css树(CSSOM)MDN上说:css树是一组允许用JavaScript操纵CSS的API。 它是继DOM和HTML API之后,又一个操纵CSS的接口,从而能够动态地读取和修改CSS样式。将两棵树合并成一颗渲染树(render tree)渲染树是dom与cssom连接在一起形成的。渲染树用来描述所有可见的DOM内容,并且将CSSOM样式信息附加到节点上。La原创 2020-07-24 22:46:48 · 105 阅读 · 0 评论 -
HTML常用标签
一 a标签的用法 a标签是超链接标签。用于点击它时,跳转到新的页面。 href属性,全拼是hyper+reference。 值可以是以下三类:网址: https...是加密网址 http...是过去的未加密网址,没有https安全 //google.com 只要输入网址时,就按这个形式输入绝对没错路径: /a/b/c 以及a/b/c index.html以及./index.html(./也表示当前目录)伪协议:...原创 2020-07-16 21:51:00 · 117 阅读 · 0 评论