- 博客(17)
- 收藏
- 关注
原创 JS性能分析
JS中循环语句中的性能分析遍历种类数组forwhileforeachfor…infor…of对象for…infor…of描述循环相同的次数,执行同一个操作,(这里都是简单赋值操作)测试每一种循环所需要的时间Tips:尽量不要用for…in来循环数组,因为在数组中自定义的属性,也会在循环中遍历到,而且性能极差用for…of本身是不能直接遍历对象的,需要使用Obj
2018-01-09 14:10:09
694
原创 Sass/Scss
Scss一直想学Sass,于是花了两天时间算是手抄了一份官方文档,里面覆盖了大部分的Sass语法,同时关于@extend加入了一些自己的理解所有的例子都已经测试过 CSS 扫盲 单位 绝对单位 in (英寸)mm (毫米)cm (厘米)pt (点,1点 = 1/72in)pc (皮卡,1pc = 12点)相对单位 px (像素)em (元素大小)% (元素百分比)ex
2017-12-26 20:51:13
290
原创 一些感悟
前言最近在读《编程之美》,一些思想和方法真的觉得挺好的,随手记录下来自己觉得比较好的一些思路二进制中移位Q: 求一个数二进制表示中1的个数思路一:判断最后一位是否是数字一(通过&OX01),不断循环右移思路二:通过V&(V-1)移位操作,它的目的是将该数字二进制表示中最右边的1变成0约数Q:求n!分解质因数中5的个数思路1:当N=5-24 分解之后是 N/5个5,当N=25时增加一个5,以
2017-06-20 17:12:36
192
原创 ES6
Letlet 功能和 var 类似只不过声明的变量只在自己的作用域内有效{ var i = 10; let j = 0; }//10console.log(i);//undefined;console.log(j);不存在变量提升//undefined,相当于://var i;//console.log(i);//i = 10;console.log(i);va
2017-06-18 21:58:58
194
原创 JS面向对象
创建对象的方式工厂模式这种模式的缺点是无法识别实例是属于哪一个对象function createPerson(name,age,place){ var obj = {}; obj.name=name; obj.age=age; obj.place=place; obj.getName= function(){ co
2017-04-25 21:00:14
159
原创 Vue.js
Vue_1Vue的特点Vue的基本结构什么是指令熟悉以下指令 v-modelv-forv-showv-onMVVM模型 / <script> window.onload = function () { var c = new Vue({ el:'#box',
2017-04-24 22:19:51
493
原创 Cookies的封装
Cookie的组成基本组成 “key=value; expires=date; [path=path; domain=domain; secure]” 键=值;过期时间; 【可访问路径; 域名; 是否使用安全连接】【可选项】设置Cookie的封装方法 function setCookies(key,value,expires,path,domain,secure) { v
2017-04-24 20:38:35
449
原创 面经
阿里曾经做过什么项目看过 Jquery 源码没有你对 Boostrap 的理解前端性能优化你觉得 Jquery 好在哪里Java如何实现一个类Js 如何实现一个类浏览器是如何渲染页面的Js的数据类型有哪些Js如何实现继承的谈谈你对闭包的理解你经常用的工具都有哪些去哪儿项目用没用过一些前端框架建议看 vue.js 源码Grunt 工具 webPack 工具你可以走了
2017-04-15 18:32:24
234
原创 QWR3
补充知识全局属性accesskey & tabindex与键盘操作有关 ,当按下对应的按键 Alt + 对应案件的时候,获取焦点同样对于链接也适用,要注意按键冲突的问题<p> <input accesskey="i" placeholder="Press Alt + i"></p>tabindex 页面元素 focus 跳转contenteditable & spellcheck
2017-04-06 15:01:03
252
原创 QWT2
链接与图片链接http://www.example.com/post/2016/fe.html?print=1&color=no#heading省略协议<a href=""po.ssl.qhing.com/tutugjhbj.png>查看图片</a>会根据你当前页面的协议决定标签内的协议是什么 减少字节数省略协议和 host<a href="/index.html">返回首页</a>在
2017-04-06 14:59:27
350
原创 QWT1
HTML 简介与文本Doctype 的含义告诉页面以何种标准对 html 进行解释浏览器根据 doctype 决定使用哪种渲染模式渲染模式怪异模式Almost Standard Mode 准标准模式标准模式XHTML用XML语法重新定义 HTML语法要求严格不兼容历史去除了样式类标签去除 img、a彻底修改 Form开发者不欢迎,浏览器不支持HTML 设计思想兼容已有内
2017-04-06 14:58:24
256
原创 Git使用.
/** * Created by WebStorm * User: xiaoSais * Date: 2017/3/15 * Time: 14:43 /Git上传本地文件到githubStep 1:建立仓库 (略)Step 2:克隆远程仓库到本地 (需安装 Git shell)验证公钥ssh -T git@github.com正确验证结果Warning: Permanentl
2017-03-15 14:58:39
293
原创 琐碎知识点二
琐碎知识点(二)display: block(块级元素)block 元素独占一行,多个block元素会各自起新一行display: inline inline 元素不会独占一行,多个相邻的元素会排列在同一行display: inline-block简单来就说是将对象呈现为 inline 对象,但是对象的内容作为 block 对象呈现。之后的内联对象会被排列在同一行内。在 HTML body部
2017-03-15 14:36:19
568
原创 琐碎知识点一
琐碎知识点一(浏览器内核 + boostrap3 兼容 + form enctype 属性含义)常见浏览器内核IE 浏览器内核 TridentIE 9 内核Chakra 双核浏览器 Trident + 其他 (高速模式+兼容模式)Firefox GeckoSafari & chrome & operawebkitchrome & opera (后续版本)blink Boostrap
2017-03-15 14:35:28
282
转载 布局二
CSS 常见布局之多列布局左列定宽,右列自适应该布局什么常见,适用于定宽的一侧常为导航,自适应的一侧为内容布局利用 float + margin 实现.left{float:left;width:100px;} .right{margin-left:100px;}利用 float + margin(fix) 实现.left{width:100px;float:left;} .right-fix
2017-03-15 14:32:45
207
转载 布局一
CSS 常见的布局之单列布局水平居中水平居中的页面布局是常见的一种布局形式,下面各个实例是基于 child 元素的对其操作, child 元素的父容器是 parent 元素。使用 inline-block 和 text-align 实现优点:兼容性好;不足: 需要同时设置子元素和父元素 .parent{text-align: center;}.child{display: inline-blo
2017-03-15 14:31:09
226
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人