- 博客(86)
- 收藏
- 关注
RSS订阅转载 rem与移动端布局
移动端布局痛点在：兼容各个分辨率的移动设备，同样是手机，iPhone4-iPhoneX分辨率范围就已经很广；如果使用px进行布局，显然会出现问题； 常见的像素单位px,em,rem中，em是相对于父元素font-size的单位，个人认为在使用中，em会比较混乱；rem相对的是根元素、HTML，便于根据屏幕分辨率进行布局； 目前移动端布局采用的方式： “横向百分比 + 纵...
2018-04-26 14:34:00
149
转载 高级函数
高级函数 或者说 高阶函数，具有如下特征： 1. 参数是函数 2. 返回值是函数 只要满足其中一个特征的函数，都可以称为高阶函数；https://www.cnblogs.com/laixiangran/p/5468567.htmlhttp://blog.jobbole.com/77956/?utm_source=blog.jo...
2018-04-25 14:07:00
107
转载 浏览器的重绘，重排
页面卡顿时，往往是因为过多操作DOM导致的；如果引起浏览器的重绘(repaint)、重排(reflow)，则更会影响浏览器的性能，repaint、reflow会消耗很多资源；在开发中应该尽量减少对DOM的操作，从而减少DOM元素repaint，reflow的几率；如果要了解重绘、重排，首先要了解浏览器加载文档的过程；理解了这个过程，基本上就掌握了浏览器原理，减少DOM操作、性...
2018-04-10 15:12:00
165
转载 事件
事件是个很大的知识点，这里只讲解一些核心点。 一， 事件传播 && DOM事件流 事件传播、dom事件流是相同的概念不同的解释；分成三个阶段： 1.事件捕获 2.处于目标阶段 3.事件冒泡 DOM2规范中明确要求捕获阶段不涉及事件目标，但是IE9、Safari、Chrome、Firefox、Opera...
2018-04-09 20:53:00
101
转载 HTML标签语义化
1.什么是标签语义化？ 像<h1-h6>，<ul><li>，<strong>等以及HTML5中的<header>，<article>，<nav>，<footer>等标签，通过标签就可以知道标签的含义，这就是语义化； 2.为什么要标签语义化？ 2.1 便于开发...
2018-04-09 19:35:00
69
转载 选择器优先级 与 4中引入样式方式
这里涉及css样式加载顺序、覆盖规则，以及优先级提升问题； 1. css样式加载顺序// a.css.one{ color: red;}// c.css.three{ color: green;}<head> <link href=''./a.css"> <...
2018-04-09 17:07:00
149
转载 grid布局
css3新增flexbox布局的同时，也增加了grid布局； flex是一维布局，grid是二维布局；从长远来看，两者将结合，体现出强大功能；参考：[1] flex&grid&圣杯布局转载于:https://www.cnblogs.com/RocketV2/p/8654761.html...
2018-03-26 23:12:00
89
转载 flex弹性布局
flex 弹性布局 是种灵活的布局方案；能够实现响应式布局；在移动端使用频繁； 1.css布局的发展 关于布局，以下为CSS布局的发展路线： 1. table表格布局 样式简单，只能适用简单的界面 2. position布局，能够实现很多复杂界面，但是仍存在元素垂直居中、响应式布局等问题 3. floa...
2018-03-26 20:47:00
75
转载 函数式编程
https://www.cnblogs.com/cpselvis/p/6271008.htmlhttp://blog.jobbole.com/110593/http://blog.jobbole.com/77078/?utm_source=blog.jobbole.com&utm_medium=relatedPosts转载于:https://www.cnblog...
2018-03-26 18:29:00
55
转载 Object
Object 原生函数，自带的属性、方法https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Object/defineProperty对象的三个属性：原型属性，类属性，可扩展性；转载于:https://www.cnblogs.com/RocketV2/p/861...
2018-03-20 20:38:00
77
转载 promise
在es5中，处理异步采用的是回调机制，比如定时器、DOM事件处理程序、ajax异步请求等；但是回调机制容易造成"回调地狱"，以及当逻辑多时代码不易维护；比如：// 定时器setTimeout(function(){ // DOM事件处理程序 document.addEventListener('click',function(){ ...
2018-03-20 11:21:00
69
转载 前端模块化、工程化
先谈谈前端工程化，web前端越来越像“应用程序”，处理的业务繁杂，需要用的html，css，js等文件越来越多；因此不得不用工程化的思想去组织管理这些文件；当然关于前端工程化在细节上见仁见智；以下是个人的理解： 首先是业务需求文档的规范化； 其次是开发过程中的管理：版本控制(git/svn)，js模块化(AMD,CMD,ES6)，MVVM框架(react,vue)等 ...
2018-03-13 21:38:00
119
转载 函数
http://blog.csdn.net/renfufei/article/details/48666975https://www.cnblogs.com/front-Thinking/p/4364337.htmlhttp://www.jb51.net/article/83275.htmhttp://blog.csdn.net/maoguiyou/article/det...
2018-03-01 19:32:00
61
转载 restful && rpc
移动互联网的快速发展，出现了各种端：web端、安卓端、IOS端等，为了统一平台，服务器与各种端之间应该有一套标准的API接口；而 restful 风格的API接口设计正是最佳标准之一；其实正是各种端的出现以及为解决各种端与服务器通信问题，导致API设计思想开始流行；RESTful API是目前比较成熟的一套互联网应用程序的API设计理论； 当然并不是所有的web程序需要RES...
2018-02-27 18:38:00
84
转载 一个定时器相关的题目引发的思考
定时器是我们经常使用的一个异步函数，它的用处十分广泛，比如图片轮播、各种小的动画、延时操作等等； 定时器函数只有两个setTimeout、setInterval，这两个工作原理相同，唯一的区别是：setTimeout只执行一次，setInterval循环执行； 通过以下实例看看对定时器原理掌握程度： 定时器3个实例 首先声明这三个实例输出皆不同，先思考输出...
2017-07-26 17:38:00
95
转载 移动端适配方案
移动端适配方案有很多，基本都是成型的解决方案；如下是常用的方案： 1简单一点的页面，一般高度直接设置成固定值，宽度一般撑满整个屏幕 2稍复杂一些的是利用百分比设置元素的大小来进行适配，或者利用flex等css去设置一些需要定制的宽度 3再复杂一些的响应式页面，需要利用css3的media query属性来进行适配，大致思路是根据屏幕不同大小，来设置...
2017-07-26 17:02:00
76
转载 float之我见
一直对clear清楚浮动这一概念没有理解，不清楚它具体什么意思；这个属性用在一个不包含任何内容的元素中，表示此元素哪个边不接触浮动的元素；这样就能让父元素在表现上仿佛包含了浮动的元素；转载于:https://www.cnblogs.com/RocketV2/p/7238351.html...
2017-07-26 10:46:00
65
转载 外边距margin 合并
这是个基础的问题，我们在普通文本流中布局时常常发生外边距合并的情况；有时不太注意就会造成页面的怪异表现，因此要掌握外边距margin叠加合并的知识点； 外边距合并指的是：当两个垂直的外边距相遇时，它们将形成一个外边距；合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者； 当一个元素出现在另一个元素上面时，第一个元素的下外边距与第二个袁术的上外边距发生...
2017-07-26 10:16:00
76
转载 为何要清除浮动clear:both？
float转载于:https://www.cnblogs.com/RocketV2/p/7234092.html
2017-07-25 14:56:00
247
转载 函数4---函数表达式、闭包
闭包：函数中的函数；用于获取函数内部变量的函数；function A(){ var info = "hello"; var B = function(){ return info; } return B;}console.log(info) // 报错(info is not defined)conso...
2017-07-24 23:36:00
66
转载 css sprite
雪碧图是优化网站性能的一个重要手段； 开发中，我们常常遇到这样的问题：一大堆的小icon图标，比如个性化的箭头、按钮等；当加载网页时，则要一个个地加载这些小图标，每一个小图标都需要http请求，这增加了网络延迟的可能； 假设把这些小图标都放到一张图片中，使用的时候直接获取图片对应位置上的图标，那么网页加载时只需要请求这一张图片，显然这种方式减少了http请求；cs...
2017-07-24 10:40:00
193
转载 浅析less
目前主流css预编译语言有sass，less，stylus等，个人由于最先接触less，所以对此比较有认同感～～～less是一门CSS预处理语言，增加了变量，Mixin，函数等特性，使得CSS更加方便维护，开发；less可以运行在Node或者浏览器，但最终都是将.less文件转换成.css文件，因为浏览器渲染时只能识别.css文件；不同情况下使用less编译器编译less文件...
2017-07-22 16:04:00
125
转载 浏览器http缓存
谈起浏览器缓存总是感觉很神秘，今天就揭开它的面纱。浏览器缓存的知识是前端工程师必须要掌握的，因为这些知识直接影响到你的页面的用户体验，影响到你的页面的加载策略。我们先来思考几个问题：为何要做缓存方案？缓存工作的原理是什么？制定缓存方案时要考虑哪些因素？等等，带着疑惑，我们来一步步认识缓存，看看它到底是何方神圣。浅析缓存机制 浏览器访问一个站点时，会从站点服务器下载请求的资源(比...
2017-07-21 15:12:00
69
转载 进程管理
所属http://www.cnblogs.com/zichi/p/4604053.htmlhttp://www.cnblogs.com/MasterYao/p/5563725.html转载于:https://www.cnblogs.com/RocketV2/p/6955600.html
2017-06-07 10:10:00
61
转载 函数3---arguments对象
arguments比较怪异，是个数组形式的对象，可以通过下表索引，比如arguments[0],arguments[1]等，但是它不是Array类型typeof( arguments ) // Objectarguments instanceof Array //falsearguments instanceof Object //true 题目一...
2017-04-27 11:55:00
83
转载 函数2---call、apply、bind
函数call() apply() bind() 三个方法目的相同： 改变函数中this的指向；三者在使用上存在差异，这导致三者有各种的应用场景：call()、apply()更为接近； 相同点： call、apply、bind 第一个参数：this指向的对象（上下文），之后的参数为要传入的变量； 不同点：var obj = {name:"Hello , functi...
2017-04-27 11:55:00
79
转载 函数1---this指向
当我们声明一个函数fun时，函数fun具有的属性、方法如下：// 属性（常见） 1.name 2.length 3.arguments(对象，arguments.callee) 4.caller 5.this 6.prototype 7.[[prototype]]// 方法（常见） 1.cal...
2017-04-19 20:43:00
84
转载 浅析 base64 处理图片
Base64是一种用64个字符来表示任意二进制数据的方法； 在网络中，base64编码后的文件可以通过http协议传输，因此我们常看到base64编码后的图片；比如：<img src="data:image/gif;base64,R0lGODlhAwADAIABAL6+vv///yH5BAEAAAEALAAAAAADAAMAAAIDjA9WADs=" />...
2017-03-27 12:44:00
315
转载 进程管理
获取进程号 操作中,常常用到进程号PID, 使用ps命令可以获取进程信息ps aux //获取全部的进程信息ps aux | less //使用less分页查看ps aux | grep //查找特定的进程后台执行 在终端中打开firefox,进程一直在前台,怎样才能使进程进入后台?//方法一firefox & //添加&...
2017-03-20 22:48:00
51
转载 terminal
gnome-terminal 1.创建新的profile 在新的profile中可以设置自己喜欢的terminal外观,包括字体颜色,背景透明,主题等terminal --> preference --> profile 2.在profile中设置背景颜色为透明terminal --> preference --> p...
2017-03-19 21:41:00
180
转载 变量提升、函数提升
如果熟悉js代码执行的过程，这个问题不难理解一、变量提升 ES5中没有块作用域，有全局作用域、局部作用域（函数）等// 不声明定义变量console.log(name) //报错，变量没有定义// 变量提升console.log(info) // undefined，不报错var info = "hello";function fun(...
2017-03-10 17:35:00
90
转载 ssh传输文件
Linux下，本地和服务器之间使用scp命令传输文件；scp传输文件建立在ssh基础之上；文件上传/下载 1、从服务器上下载文件scp username@servername:/path/filename /var/www/local_dir（本地目录） 例如： scp root@172.31.0.1:/root/www/test.txt /h...
2017-03-07 16:28:00
116
转载 mocha测试框架
mocha是javascript单元测试框架；平常可以对关键函数进行测试；安装mocha,断言库chai 全局安装 1) 全局安装mocha好处是:可以在项目中直接使用mocha命令sudo npm install mocha -g 2) 项目中局部安装断言库chaisudo npm install chai --sa...
2017-03-03 13:46:00
71
转载 npm-run 自动化
为什么使用npm run 插件不需要全局安装，只要安装在工程项目中，npm上的包提供了命令行接口，可以直接使用这些局部安装的插件; 举例（babel）： 在工程项目中局部安装babel、转码规则后，直接在终端中执行 babel src -d dest 则命令不能执行； 原因：$PATH中目录下没有babel的执行文件 ，babel执行文件在项目中node...
2017-03-02 09:59:00
102
转载 webpack
webpack安装 全局安装npm install -g webpack 局部安装,在项目开发中使用npm install webpack --save-dev npm run webpack // 需要结合npm run使用配置文件 在项目根目录下创建webpack.config.js配置文件, 默认情况下,webpack执...
2017-03-01 15:08:00
50
转载 浅析babel
babel是目前es6转es5的主流工具，有了babel我们可以在node端、浏览器端使用es6的语法；在不同环境中使用babel 日常开发工作中，常常会在命令行模式下使用babel，或者在构建工具中使用babel 1.项目中使用babel,不借助构建工具 [局部安装cli] 这里不使用全局安装babel-cli,原因:不能在各个工程中使用不同版本的babel...
2017-03-01 14:12:00
102
转载 构建工具gulp
gulp基于nodejs流进行构建工作，相对于grunt更加简洁、方便；最主要的是不需要像grunt那样写一堆繁杂的配置参数！！！安装与卸载 在安装方式和grunt相似，首先要全局安装gulp-cli，然后在项目中局部安装gulp1 //首先全局安装gulp-cli2 sudo npm install gulp-cli -g3 4 //在项目根目录...
2017-03-01 10:23:00
87
转载 软件管理工具 (debian ubuntu )
软件管理工具dpkg （以下内容都是以debian ubuntu为例） dpkg（debian package）是debian系统中的软件管理工具，可以进行dpkg软件包的安装、更新、卸载等； dpkg软件包以.deb为后缀，比如软件包 1.安装 dpkg软件管理工具只能进行本地安装，安装之前要下载dpkg软件包dpkg -i /home/xb/M...
2016-08-30 11:12:00
77
转载 全局、局部变量
一直以来这个概念混沌不清，时而以为{}中的都是局部，时而以为{}不能限制变量范围； 在JavaScript语法中，出现{}的语句情况如下：//空块作用域{}//条件语句if(){} else{}switch(){}while(){}//循环for(){}//对象 var obj = {}; //函数 funci...
2016-08-28 00:31:00
71
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人