• 等级
  • 28463 访问
  • 75 原创
  • 17 转发
  • 67797 排名
  • 2 评论
  • 8 获赞

对 vue的computed的一些理解

首先说一下vue的响应式,数据模型仅仅是普通的js对象,当你修改它们的时候,视图就会更新。当把一个普通js对象传给Vue实例的data,Vue将遍历对象所有的属性,使用Object.defineProperty将这些属性转为getter/setter,在内部让Vue追踪依赖,在属性被访问或者修改的时候通知变化,每个组件实例都有watcher实例。它在组件渲染的途中把属性记为依赖,之后当依赖项的...

2019-04-28 23:06:04

jquery的几种绑定事件的方法

bind只能对已经存在的元素绑定live把事件委托给根节点documentdelegate性能优于live可以指定代理的节点one元素绑定的事件只触发一次on推荐使用!解决了上述绑定混乱的问题...

2019-04-22 23:57:15

搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

clientHeight:包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。offsetHeight:包括padding、border、水平滚动条,但不包括margin的元素的高度。对于inline的元素这个属性一直是0,单位px,只读元素。出现滚动条的情况,子元素高度/宽度大于父元素的时候会出现,然后...

2019-04-22 10:00:33

first-child和first-of-type的区别

直接上代码//html<divclass="type"><p>1</p><h1>2</h1><span>s1</span><span>s2</span></div>//js//first-childconso...

2019-04-21 21:16:43

node.js入门

node.js是什么Node.js是一个基于ChromeV8引擎的JavaScript运行环境。Node.js使用了一个事件驱动、非阻塞式I/O的模型,使其轻量又高效。Node.js的包管理器npm,是全球最大的开源库生态系统。I/O阻塞:I/O时进程休眠等到I/O完成后进行下一步非阻塞:I/O时函数立即返回,进程不等待I/O完成事件驱动I...

2019-04-08 18:02:14

性能优化

图片优化PNG8、24、32的区别PNG8支持2^8色+支持透明(8比特表示一种颜色颜色变化不大的情况可以使用PNG8PNG242^24+不支持透明PNG322^24色+透明JGP压缩率高,图片有损耗,不支持透明PNG支持透明,浏览器兼容好webP压缩程度好,但在ios支持不好svg代码内嵌,相对较小,适合图片简单的场景图片优化雪碧...

2019-03-31 23:33:17

基础的表单

<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title</title><style>*{margin:0;

2019-03-14 09:58:04

sass、less、stylus的区别

基本的写法区别less:标准的css语法,有花括号和冒号h1{color:#0982C1;}sass:当然也可以写成上面那样同时也可以不写花括号h1color:#0982c1stylus:花括号和冒号都可以不写比较自由h1color#0982C1变量上的差异Less变量都是用@开头的@maincolor:#092873;@s...

2019-01-12 23:27:39

less基本用法

webstorm配置less文件的方法参考http://blog.csdn.net/a562550212/article/details/51777725http://www.cnblogs.com/caiyuan9426/p/4663199.htmlkoala下载地址http://koala-app.com/index-zh.html变量less的变量用@开头@nice-blue:...

2019-01-12 23:08:27

stylus常用的功能

选择器传统css写法body{color:#fff;}stylus写法bodycolorwhite当然也可以写成color:white父级引用字符&指向父选择器。下面这个例子,我们两个选择器textarea和input在:hover伪类选择器上都改变了color值textarea,inputcolor#A7A7A7&:ho...

2019-01-12 22:41:36

ps

新建设置ctrl+n存储预设 移动工具设置截取图层上方自动选择不要勾上 选择图层 然后按下ctrl加鼠标左键点击图层就可以选中啦视图设置视图那里勾上显示-智能参考线和标尺在窗口中调试右边面板如下再打开信息面板再点击上方编辑-首选项-单位与标尺把标尺和文字都改为像素最后点击窗口-工作区-新建将设置的面板单独保存为切图 防止复位后...

2019-01-08 23:32:56

jquery的DOM操作

创建HTMLDOM对象和jquery对象的区别DOM对象是浏览器渲染出来的元素  jquery对象是对0、1个或者多个DOM对象的包装  例如最后一个返回jquery版本号    创建HTML <!DOCTYPEhtml><htmllang="en"><head><metac...

2019-01-08 23:32:20

整理

1.前端安全问题有哪些,如何防范主要有XSS攻击和CSRF攻击xss:跨站脚本攻击,在网页里植入一段恶意代码,在该网站的作用域下执行了这段代码防范:1.在服务端设置对cookie的保护,也就是设置httponly,防止用户通过document.cookie来读取cookie2.对用户的输入进行编码和解码,以及转义和过滤用户的输入内容,过滤掉用户输入的dom属性以及styleiframe...

2019-01-08 23:21:44

vue相关

1.vue的MVVMMVVM全称modelviewview-model,是一种设计思想。model层代表数据模型,可以在model层中定义数据修改和操作的业务逻辑。view代表ui组件,负责将数据模型转化为ui展现出来。view-model是一个同步view和model的对象在这种架构下,view和model之间没有直接的联系,而是通过viewmodel来进行交互,这种交互是双...

2019-01-06 23:46:28

websocket

由于http存在一个明显的弊端(消息只能有客户端推送到服务器端,而服务器端不能主动推送到客户端),导致如果服务器如果有连续的变化,这时只能使用轮询,而轮询效率过低,并不适合。于是WebSocket被发明出来。websocket的特点(与http的对比)本质还是tcp连接1.支持双向通信,实时性更强最大特点就是,服务器可以主动向客户端推送信息,客户端也可以主动向服务器发送信息2.可...

2019-01-03 20:14:24

自己配置webpack4.x vue开发/生产环境

先上配置文件吧~package.json{"name":"vuewebpack","version":"1.0.0","description":"","main":"index.js&

2018-12-31 23:09:47

restful API

什么是restfulapi?是rest风格api设计规范,用于web数据接口设计什么场景使用呢?如今前端展示媒介有手机电脑平板等等那么这些媒介统一接收用户请求由一个后台处理并把处理结果返回给不同的前端是最有效率的RESTfulAPI就是一套协议来规范多种形式的前端和同一个后台的交互方式。那么RESTfulapi有哪些设计原则和规范呢?资源:例如图片。文本、音频JSON...

2018-12-28 15:22:02

遇到的一些小问题

1.页面最上层的右边导航用float:right其中的lifloat:left就可以并排例如登录|注册的|可以直接用|设置padding:010px就可以达到效果2.vue中的slot组件就是外部调用时标签中的内容如果没有内容就使用自己的默认内容3.vue-axios功能特性1、在浏览器中发送XMLHttpRequests请求2、在...

2018-11-14 23:31:25

js面试笔记

 引用类型:对象数组函数typeof只能区分值类型的详细类型 例如前四个  针对引用类型就不能区分  只能区分函数  变量类型——强制转换     问题1:typeof能得到的类型undefinedstring numberBooleanobject function  面试的时候可以补充引用对...

2018-11-14 23:30:52

面试题整理

1.谈谈对前端安全的理解,有什么,怎么防范安全问题主要有xss、CSRF攻击 xss:跨站脚本攻击 攻击者将恶意代码植入到提供给其他用户使用的页面中,可以理解为一种javascript代码注入 防范措施:1.过滤用户的输入输出2.使用cookie的httpOnly属性 加上这个属性的cookiejs无法进行读写在浏览器中的document对象中,就储存了...

2018-11-14 23:27:32

花江夏树

兴趣使然
关注
  • 中国
奖章
  • 持之以恒
  • 勤写标兵Lv1