- 博客(67)
- 收藏
- 关注
RSS订阅转载 关于冒泡和捕获 -- 待处理
https://www.cnblogs.com/Chen-XiaoJun/p/6210987.html转载于:https://www.cnblogs.com/cara-front-end/p/8670985.html
2018-07-31 14:04:00
138
转载 css- margin详解
margin的特性margin始终是透明的，所以设置 margin 来用来控制元素空间的间隔。提供了缺省数值的缩写（这里就不介绍了），所以在实战中我一般都采用此种写法，一来方便修改，二来节省字符。垂直外边据合并：当两个盒子垂直外边距相遇时，只有数值大的那个外边据的值才是起作用的（这跟padding有明显的区别，如果垂直方向设置了padding且相遇，则两个盒子之间的空白等...
2018-03-23 17:15:00
286
转载 浅析js -- 之for 与forEach循环
亲测总结：当数组长度 为 100000时，偶尔能刷出时间相等当数组长度 小于 100000时，差距不明显，for 与 forEach 谁快谁慢不一定当数组长度 大于 100000时，明显for 要快于forEachforEachforEach无法遍历对象forEach无法在IE中使用，只是在firefox和chrome中实现了该方法forEa...
2018-03-15 16:59:00
249
转载 canvas 实战
canvas：关于width和heightwidth 和 height 属性是设定画板和画纸的宽高 --如： width=”300” height=”300” 即画板的宽高是300*300，画纸的宽高也是300*300，作业的300*300 的对角线图像就不会被拉伸style样式 里设定的是仅画板的宽高，画纸的宽高还是为默认值300*150 -- B...
2018-03-05 11:25:00
283
转载 css五种图片垂直居中的方法--亲测
html<html><head> <title>水平垂直居中的所有方法</title> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="./style/index.css"></head...
2018-03-01 13:41:00
273
转载 js -- require.js
阮一峰大神博客：http://www.ruanyifeng.com/blog/2015/05/require.html转载于:https://www.cnblogs.com/cara-front-end/p/8358312.html
2018-01-26 10:19:00
149
转载 css -- 预处理和后处理区别
简单来说，预处理器（ pre-processor ）是你把一些长得很像 CSS 但不是 CSS 的东西丢给它，处理过后会给你编译过后的CSS，而 CSS 再经过后处理器 （ post-processor ），透过一些规则帮它加上一些东西，最后产出完整的CSS文件！前面有提过预处理器跟后处理器的差别，一个是写好 Sass(或其他的)丢进去，一个是把 CSS 加上一些东西之类丢出来转...
2018-01-23 17:02:00
1384
转载 js -- 内联函数
内联函数内联函数是指用inline关键字修饰的函数。在类内定义的函数被默认成内联函数。内联函数从源代码层看，有函数的结构，而在编译后，却不具备函数的性质。内联函数不是在调用时发生控制转移，而是在编译时将函数体嵌入在每一个调用处。编译时，类似宏替换，使用函数体替换调用处的函数名。一般在代码中用inline修饰，但是能否形成内联函数，需要看编译器对该函数定义的具体处理。内联扩...
2018-01-22 15:07:00
2145
转载 js-- 堆栈内存关系
1、栈（stack）和堆（heap） stack为自动分配的内存空间，它由系统自动释放； 而heap则是动态分配的内存，大小不定也不会自动释放。2、基本类型和引用类型 基本类型：存放在栈内存中的简单数据段，数据大小确定，内存空间大小可以分配。 5种基本数据类型有Undefined、Null、Boolean、Number和String，它们是直接按值存放的，...
2018-01-18 18:05:00
214
转载 js - 跨域
跨域JSONP原理在全局定义一个funName函数在页面中创建一个script，src格式为：url+?cb=funName&key1=value1。后台定义一个接口来接受cb,key 等参数，逻辑计算，返回格式为字符串：funName({prop:value});致命缺点就是只能使用GETwindow.name + iframe可以通...
2018-01-15 10:23:00
145
转载 浅析js执行顺序
一、为什么JavaScript是单线程？ 作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。比如，假定JavaScript同时有两个线程，一个线程在某个DOM节点上添加内容，另一个线程删除了这个节点，这时浏览器应该以哪个线程为准？为了利用多核CPU的计算能力，HTML5提出Web Worker标准...
2018-01-08 19:13:00
253
转载 移动端--h5--关于touch的那些事
TouchEvent里的targetTouches、touches、changedTouches的区别的具体体现是？touches是当前屏幕上所有触摸点的列表;targetTouches是当前对象上所有触摸点的列表;changedTouches是涉及当前事件的触摸点的列表。 举例来说，比如div1,div2只有div2绑定了touchs...
2017-11-06 10:33:00
127
转载 浅析 -- webpack
1. 一切皆模块正如js文件可以是一个“模块（module）”一样，其他的（如css、image或html）文件也可视作模 块。因此，你可以require('myJSfile.js')亦可以require('myCSSfile.css')。这意味着我们可以将事物（业务）分割成更小的易于管理的片段，从而达到重复利用等的目的。2. 按需加载传统的模块打包工具（mod...
2017-08-30 11:48:00
164
转载 浅析 redux
含有抽象数据而没有业务逻辑的组件，我们 称之为容器型组件（container component）；而没有数据请求逻辑只有业务逻辑的组件，我们称之 为展示型组件（presentational component）MVCModelModel ᠆责保存应用数据，和后端交互同步应用数据，或ಢ验数据。 Model 不涉及用户界面，也不涉及表示层，而是代表应用程序可能需要的࿗特...
2017-07-25 11:45:00
162
转载 xss攻击
反射型 <img src="null" onerror="alert(3)"><a href="" onclick="alert">点我</a><iframe src=""></iframe>存储型 掌握xss的防御措施编码 过滤 校正 转...
2017-07-10 19:51:00
141
转载 js基础
设计模式工厂模式：实质是定义一个创建对象的接口，但是让实现这个接口的类来决定实例化哪个类。工厂方法让类的实例化推迟到子类中进行。让对象的调用者和对象创建过程分离，当对象调用者需要对象时，直接向工厂请求即可单例模式：如果一个类始终只能创建一个实例，则这个类被称为单例类，这种模式就被称为单例模式。观察者模式：目标和观察者是基类，目标提供维护观察者的一系列方法，观察者...
2017-06-12 21:01:00
161
转载 性能
1、什么是301转向?什么是301重定向? 301转向(或叫301重定向，301跳转)是当用户或搜索引擎向网站服务器发出浏览请求时，服务器返回的HTTP数据流中头信息(header)中的状态码的一种，表示本网页永久性转移到另一个地址。2、什么是302重定向? 302重定向又称之为302代表暂时性转移(Temporarily Moved )，英文名称：302 redirec...
2017-06-04 17:19:00
117
转载 package.json版本号
语义化版本格式为：主版本号.次版本号.修订号，例如4.11.1，版本号递增规则如下：主版本号：当你做了不兼容的 API 修改，次版本号：当你做了向下兼容的功能性新增，修订号：当你做了向下兼容的问题修正。 含义和对比用法举例含义范围备注^4.11.1Compatible with 4.11.14.11.1 <...
2017-05-11 09:48:00
94
转载 前端常用语解释
cli:（command-line interface，命令行界面）mixin ：Mixin是一种思想，用部分实现的接口来实现代码复用。可以用来解决多继承的问题，又可以用来扩展功能。Mixin在不同的编程语言中又不同的使用形式或者命名，但其本质都是一样的。继承与组合： 继承是面向对象的三大特征（封装、继承、多态），如果类A继承自类B，那么我们称A为子类（派生类），称...
2017-05-04 13:56:00
171
转载 浅析前端页面渲染机制
浏览器基础结构浏览器基础结构主要包括如下7部分：用户界面（User Interface）:用户所看到及与之交互的功能组件，如地址栏，返回，前进按钮等；浏览器引擎（Browser engine）:负责控制和管理下一级的渲染引擎；渲染引擎（Rendering engine）:负责解析用户请求的内容（如HTML或XML，渲染引擎会解析HTML或XML，以及相...
2017-04-26 21:57:00
200
转载 浅析 react
JSX注释：在一个组件的子元素位置使用注释要用 {} 包起来const App = ( <Nav> {/* 节点注释 */} <Person /* 多行 注释 */ name={window.isLoggedIn ? window.name : ''} /> </Nav> )...
2017-04-25 17:41:00
198
转载 浅析js之this --- 一次性搞懂this指向
ES5函数调用三种形式：func(p1, p2)obj.child.method(p1, p2)func.call(context, p1, p2) // 先不讲 apply 前两种都是语法糖，可以等价地变为 call 形式：转换代码func(p1,p2)等价于func.call(undefined,p1,p2)obj.chil...
2017-04-25 14:49:00
87
转载 防止内存泄漏之weakMap
什么是内存泄漏？ 对于持续运行的服务进程（daemon），必须及时释放不再用到的内存。否则，内存占用越来越高，轻则影响系统性能，重则导致进程崩溃。 不再用到的内存，没有及时释放，就叫做内存泄漏（memory leak）。 垃圾回收机制 最常使用的方法叫做“引用计数”（reference counting）：语言引擎有一张”引用表”，保存了内存里面所有的资源（通...
2017-04-25 10:59:00
298
转载 浅析nodejs
node版本管理windows <---> nvmwlinux <---> nvm发布自己的npm包 --->npm package manager先创建一个文件创建package.json npm init -ynpm adduser 先添加一个用户，注册登录到npmjs.org网站npm whoami 查看当...
2017-04-23 17:39:00
195
转载 react.js+ webpack
组件间通信：父级 --> 子级 props down子级 --> 父级 event up为什么用webpack: 1. babel实时编译，慢 2. 测试麻烦 3. 自己搭建服务器 4. 没有热更新转载于:https://www.cnblogs.com/cara-front-end/p/6747950....
2017-04-22 15:18:00
142
转载 浅析-js的alert()与console.log()区别
alert():有阻塞作用，不点击确定，后续代码无法继续执行alert()只能输出string,如果alert输出的是对象会自动调用toString()方法 e.g. alert([a,b,c]);//a,b,calert不支持多个参数的写法,只能输出第一个值 e.g. alert(1,2,3);//1conso...
2017-04-20 10:46:00
206
转载 浅析toString与valueOf
valueOf()：返回最适合该对象类型的原始值；toString(): 将该对象的原始值以字符串形式返回。这两个方法一般是交由JS去隐式调用，以满足不同的运算情况。在数值运算里，会优先调用valueOf()，在字符串运算里，会优先调用toString()。修改过的toString与ValueOf调用顺序 哪个修改先调用哪个，都修改，先调valueOf 再toSt...
2017-04-19 14:20:00
76
转载 浅析es6知识点
Module 的语法import和export命令只能在模块的顶层，不能在代码块之中（比如，在if代码块之中，或在函数之中）。require是运行时加载模块，import是编译阶段执行的import命令能够接受什么参数，import()函数就能接受什么参数，两者区别主要是后者为动态加载。import()类似于 Node 的require方法，区...
2017-04-18 22:02:00
128
转载 浅析js原型继承
我们创建的每一个函数，都可以有一个prototype属性，该属性指向一个对象。这个对象，就是我们这里说的原型。当我们在创建对象时，可以根据自己的需求，选择性的将一些属性和方法通过prototype属性，挂载在原型对象上。而每一个new出来的实例，都有一个__proto__属性，该属性指向构造函数的原型对象，通过这个属性，让实例对象也能够访问原型对象上的方法。因此，当所有的实例都能够通...
2017-04-11 15:47:00
186
转载 angular vue react原理解析
angular:双向数据绑定脏数据监测：在Angular中，有$apply和$digest两个函数：$apply可以带参数，它可以接受一个函数，然后在应用数据之后，调用这个函数。digest将会遍历我们的$watch：嘿，$watch，你的值是什么？是9。好的，它改变过吗？没有，先生。（这个变量没变过，那下一个）你呢，你...
2017-03-29 11:50:00
309
转载 js盲点
eval(string):函数可计算某个字符串，并执行其中的的 JavaScript 代码。该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。注意：call或apply的第一个参数传的是什么，它们就会将其默认为执行上下文对象。倘若我们没有指明call...
2017-03-27 11:02:00
187
转载 js 浏览器模式 宽 高等
document.compatMode用来判断当前浏览器采用的渲染方式。官方解释：BackCompat：标准兼容模式关闭。CSS1Compat：标准兼容模式开启。当document.compatMode等于BackCompat时，浏览器客户区宽度是document.body.clientWidth；当document.compatMode等于CSS1Compat时，浏...
2017-03-14 17:09:00
61
转载 es6及原生js一些总结
'use strict';if(true) { console.log(x); // ReferenceError let x = 'hello';}上面代码如果使用var替代let，console.log那一行就不会报错，而是会输出undefined，因为变量声明提升到代码块的头部。这违反了变量先声明后使用的原则在let和const之间，...
2017-02-27 11:00:00
497
转载 h5和app交互总结
与app约定跳转协议（jsbridge）,h5向app原生跳转时则根据协议：window.location.href = 'xmj://login?token='+tokenapp原生调用h5页面方法则需将js方法暴露给原生，放在最外层，先声明<script type="text/javascript"> var ...
2017-02-27 10:05:00
259
转载 requestAnimationFrame 神奇的动画效果
requestAnimationFrame：相当一部分的浏览器的显示频率是16.7ms，显示器16.7ms刷新间隔之前发生了其他绘制请求(setTimeout)，导致所有第三帧丢失，继而导致动画断续显示（堵车的感觉），这就是过度绘制带来的问题。不仅如此，这种计时器频率的降低也会对电池使用寿命造成负面影响，并会降低其他应用的性能。这也是为何setTimeout的定时器值推荐最小使用16...
2017-02-10 16:25:00
254
转载 http协议
工作流程建立连接 -- 首先客户机与服务器需要建立连接。只要单击某个超级链接，HTTP的工作开始。客户端发送请求 --建立连接后，客户机发送一个请求给服务器，请求方式的格式为：统一资源标识符（URL）、协议版本号，后边是MIME信息包括请求修饰符、客户机信息和可能的内容。服务端给予响应 --服务器接到请求后，给予相应的响应信息，其格式为一个状态行，包括信息的协议版本号...
2017-02-07 14:55:00
71
转载 meta解析
所有服务器都至少要发送一个：content-type:text/html。这将告诉浏览器准备接受一个 HTML 文档。 使用带有 http-equiv 属性的 <meta> 标签时，服务器将把名称/值对添加到发送给浏览器的内容头部。完美视口 <meta name="viewport" content="initial-scale=1...
2017-02-07 13:56:00
153
转载 app开发遇到问题及解决
1：ios andAndroid 差异input type=text当用户点击input框时，弹出手机键盘，ios会遮挡输入框解决办法：pswOnFocus = function(){ target = this; let u = navigator.userAgent; if(u.indexOf('Android') > -1 ||...
2016-12-22 15:30:00
355
转载 git使用--git命令项目提交问题总结
提交遇到Error“remoterefdoesnotexist”解决办法：git fetch -p MY_REMOTE eg. git fetch -p origin 注：The -p option tells fetch to delete any tracking branches that no longer exist in...
2016-12-05 16:56:00
164
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人