dasd52661-优快云博客

转载使用performance工具分析运行时性能

背景在写项目的过程中，我们有时候写出来的代码尤其是一些js实现的一些动画效果，在电脑浏览器上运行的是很流畅的，但是在一些手机上运行却效果不理想，会出现卡顿的效果，这就涉及到运行时的性能问题。按照以前，我是猜想可能出现的问题，然后试图去优化。如果我们能够借助一个分析工具，帮助我们去分析问题，尽快找到问题可能出现的地方，针对性解决优化。 performance性能面板它可以记录和分析你的...

2018-05-12 16:20:00 596

转载 RegExp对象

正则对象的属性和方法属性与修饰符相关的属性 ignoreCase: 返回一个布尔值，表示是否设置了i修饰符，可读 global: 返回一个布尔值，表示是否设置了g修饰符，可读 multiline: 返回一个布尔值，表示是否设置了m修饰符，可读与修饰符无关的属性 lastIndex 返回下一次开始搜索的位置，可读写，在设置了g修饰符是有意义 source: 返回正则表达式的字符...

2018-01-19 11:21:00 165

转载浏览器机制

浏览器渲染分为几步 javascript javascript实现动画效果，DOM元素操作 style 确认每一个DOM元素是用什么css规则 layout 计算每一个DOM元素在屏幕上的显示的大小和位置。由于元素布局是相对的，所以，每次任意一个元素发生变化，都会联动其他元素发生变化，这个过程称为reflow paint 在多个层上绘制DOM元素的文字，颜色，图像，边框和阴影等 com...

2018-01-17 17:30:00 180

转载 javascirpt的闭包理解

前言在这之前看过很多其他博客描述闭包这个概念和实际的应用，对于它的理解有了一些大概的概念，今天再重复看书，将自己对闭包的理解记录下来，达到巩固理解的作用。执行环境及作用域说到闭包，首先要先说执行环境这个概念。执行环境定义了变量和函数有权访问的其他数据，决定了它们的行为。每个执行环境都有一个与之关联的变量对象，环境中定义的所有变量和方法都保存在这个对象中。虽然我们在代码中无法访问这个...

2018-01-14 11:17:00 155

转载 javascirpt实现继承

前言在面试的过程中，被问到最多的问题的javascript的继承，我之前也有了解过一些，但是总是理解得不够透彻，在实际的应用中没有很好的利用。这一次，我拿着《javascirtpt高级程序设计》这本书，将面向对象设计讲的继承反复的看了好几遍，跟着书本代码来敲，也按照自己的理解去实现继承，旨在能够充分理解熟练掌握js继承的思想。下面是我的读书笔记，记下来供以后翻看复习。原型是什么？每...

2018-01-13 15:00:00 197

转载 vue响应式原理

vue作为一个MVVM框架，是如果对数据属性实现响应式的呢？通过深入研究，发现它是通过Object.defineProperty(只支持纯对象)绑定get,set来实现的，下面就来探究一下其中的原理。 Object.definePropety() /** * @param {[Object]} obj 目标对象 * @param {[String]} prop 目标对象的属性 * ...

2017-12-21 15:16:00 149

转载单页面应用和多页面应用的区别对比

单页面应用一个项目中只有一个完整的html页面，其他的都是部分的html片段组成。页面跳转只是局部刷新，不会重新加载全部资源。片段之间的切换快，比较容易实现转场动画。多页面应用一个项目是由多个完整的html页面组成，页面跳转所有的资源都要重新加载，页面之间的切换会出现卡顿空白的问题，不容易实现切换动画等l 单页面VS多页面单页面应用(SPA) 多页面应用（MPA） ...

2017-12-14 14:52:00 273

转载 http和https的区别

前言前几天被问起http和https的区别，我发现自己只是表面上知道https比http安全，原理的什么的都不清楚，决定查资料彻底理解他们的含义和区别。超文本协议http协议被用于在web浏览器和网站服务器之间传递信息，HTTP协议以明文的方式发送内容，不提供任何方式的数据加密，如果攻击者截取浏览器和服务器之间传递的报文，就可以直接读懂其中的信息，因此，http不适合传输一些敏感信...

2017-12-08 11:39:00 243

转载 http的缓存机制.md

强制缓存对于强制缓存来说，响应header中有两个字段来标明失效规则（expires/cache-control） expires expires的值为服务器返回的到期时间，下一次请求的时候，请求时间小于服务器返回的时候，直接使用缓存数据。 cache-control cache-control的常见取值 private: 客户端可以缓存 (默认值) public: 客户端和代理...

2017-11-23 18:11:00 156

转载 js 中比较常见的排序算法.md

冒泡排序思想: 一次比较元素的的大小，小的与大的进行位置上的调换 function bubbleSort(arr) { for(let i = 0, len = arr.length; i < len; i ++) { for(let j = i+1; j < len; j ++) { if(arr[i] > arr[j]) { ...

2017-11-06 16:07:00 111

转载 js去重的三种方法.md

主要记录的js常用的三种方法进行介绍和总结。第一种是比较常规的方法思路：构建一个新的数组存放结果循环原来的数组的每一个元素，用来与存放结果的数组进行一一对比结果数组里没有相等的，就把该元素放在结果数组中 Array.prototype.unique1 = function() { var result = [this[0]]; for(var i = 0; i &l...

2017-11-06 15:02:00 128

转载函数防抖和函数节流.md

函数防抖&函数节流函数防抖：当调用动作过N毫秒后，才会执行该动作，若在这N毫秒又调用次动作则将重新计算执行时间函数节流：预选设定一个执行周期，当调用动作的时刻大于等于执行周期则执行该动作，然后进入下一个新周期函数防抖和函数节流都是为了限制的执行次数，以优化函数触发频率过高而导致的响应速度跟不上触发频率，出现延迟，假死或卡顿的现象。比如下面情况： window对象的r...

2017-11-06 14:08:00 147

转载 es6的展开运算符.md

前言 es6的新语法已经出来很久了，平时用的最多的就是箭头函数还有变量的定义。对于展开运算符则是很少用，今天看到的一篇文章讲的展开运算符的妙用，相见恨晚。所以将这几个用处记录下来。多看多用。替代Apply的函数调用平时经常用Function.prototype.apply，传递一个数组作为参数，使用数组中存放的一组参数调用函数。 function doSomething(x, y, ...

2017-11-06 14:06:00 140

转载 web安全-xss.md

web安全-xss xss的定义 xss的原理 xss的攻击方式脚本的注入，dom的攻击 xss的攻击方式有两种方式 1.反射型发出请求时，xss代码出现在url中,作为输入提交到服务器端，服务器端解析响应，xss代码随响应内容一起传回浏览器，最后浏览器解析xss. 简单例子：在node.js 中用express 来作为整个应用的服务架构，-e 表示应用ejs来调用模板引擎，./ ...

2017-07-25 15:55:00 162

转载 es6 数组实例中的find() 和 findIndex() 方法.md

es6 对数组扩展了两个查找用的方法 1.find() find()方法用于找出第一个符合条件的数组成员，他的参数是一个回调函数，所有数组成员一次执行这个回调函数，知道找出第一个返回值为true的成员，然后返回该成员，如果没有符合条件的成员，就返回undefined 例：找出数组中小于0的成员 javascript [1,2,-4,6].find((n) => n < 0)...

2017-07-14 16:19:00 274

转载 vuex的学习

最近在开发一个后台管理系统，要用到vuex,所以学习的vuex的基本用法。记录一下学习的到的知识。以巩固知识点。转载于:https://www.cnblogs.com/Imflyer/p/7153880.html...

2017-07-12 09:48:00 115

转载利用nodejs搭建本地服务器.md

需求在项目开发的过程中，前端经常会遇到某项目需要在手机等移动设备中测试，但是还没有放在测试服务器中，也不想麻烦后台同事帮忙搭建一个服务器，这样可以利用nodejs快速搭建一个简单的本地服务器。 1.在node官方网站安装node 2。安装好node之后打开cmd 输入 npm install anywhere -g 安装anywhere 。 3.git bash 进入项目根目录，any...

2017-05-03 15:00:00 171

转载 webpack的配置学习

已经使用vue+weapck搭建的框架一年多了，一直都觉得vue配合webpack非常好用，但是觉得好用是参考别人的项目的，自己去配置感觉还是很困难。今天又重新重头开始新建一个测试项目来配置webpack巩固自己的技术，所以有了这篇文章，防止以为自己忘记。 webpack的核心概念 webpack是一个模块化管理和打包工具。它可以将各种静态资源包括html,css,js，图片等按照依赖和...

2017-04-06 17:08:00 155

转载 npm 安装依赖运行所遇到的坑

现在日常项目中，用到的npm来创建或者安装项目实在不少，github上面那么多开源项目,经常克隆别人的项目到本地运行研究。在运行的过程中，会遇到各种问题，持续记录一下自己遇到的各种问题，避免重复踩坑。 1.webpack的配置问题如上截图的问题，最刚开始看到这个问题的时候，一头雾水，看不懂具体的错误的地方。npm的错误，就需要我们学会去定位关键问题的所在，一般都是前面的几行就会显...

2017-04-05 14:32:00 1608

转载 canvas图片问题和移动端iOS系统onload事件失效的问题

canvas图片问题做的一个项目需要将两张图片合成一张图片输出，想到可以用canvas来实现图片的合成 var self = this; var codeImg = document.getElementById("qrcode").getElementsByTagName("img")[0]; var bgImg = document.createElement("img"); ...

2017-04-05 10:55:00 2167

转载 js知识总结

1.获取屏幕可视的大小：标准浏览器及IE9+ || 低版本浏览器IE8以下 || 低版本混杂模式 window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight jquery : $(window).height() 2.获取滚动条滚动的距离： window.pageYO...

2017-03-16 15:47:00 91

转载 js模块化

CommonJS 服务器端的Node.js遵循CommonJS规范，该规范的核心思想是允许模块通过require方法来同步加载所有要依赖的其他模块，然后通过exports，或者的module.exports 来导出需要暴露的接口。 require("module"); require("../file.js"); exports.dostuff = function() {}; modu...

2017-03-16 15:43:00 94

转载 vue 学习笔记

使用vue框架做了一个项目，在这个过程中，摸索学习了vue,把过程学习到技术整理放在这里，供以后查看。 ##什么是vue.js* 构建用户界面的渐进式框架* 声明式渲染(允许采用简洁的模板语法来渲染数据到dom)* 简单的指令。(条件,循环，过滤器等)* 通过事件监听器来处理用户输入等* 组件化应用构建vue.js都是通过构建函数Vue创建一个实例来实现的，实例vue时，需要传入...

2016-11-09 15:02:00 87

dasd52661的博客