- 博客(15)
- 收藏
- 关注
原创 点击按钮自动复制
copyToClipboard: function() { var $temp = document.createElement("input"); var val = window.location.href || ""; document.body.appendChild($temp); $temp.value = val; $temp.select(); ...
2018-07-09 16:18:26
979
1
原创 怀疑人生的44问-- JavaScript Puzzlers题目详解
题目在这里:http://javascript-puzzlers.herokuapp.com/1. Q: ["1", "2", "3"].map(parseInt)A: [1, NaN, NaN]parseInt接收2个参数(val,radix)map的回调函数接收3个参数(elem,idx,arr)所以相当于把idx作为radixparseInt("1",0) - radix为0时会被忽略 - ...
2018-05-13 23:41:50
380
原创 浏览器渲染页面原理,reflow、repaint及其优化
浏览器的主要组件包括:1. 用户界面 - 包括地址栏、前进/后退按钮、书签菜单等。除了浏览器主窗口显示的你请求的页面外,其他显示的各个部分都属于用户界面。2. 浏览器引擎 - 在用户界面和渲染引擎之间传送指令。3. 渲染引擎 - 负责显示请求的内容。如果请求的内容是 HTML,它就负责解析 HTML 和 CSS 内容,并将解析后的内容显示在屏幕上。4. 网络...
2018-04-10 21:21:18
2078
转载 函数节流(throttle)与函数去抖(debounce)
一、前言 以下场景往往由于事件频繁被触发,因而频繁执行DOM操作、资源加载等重行为,导致UI停顿甚至浏览器崩溃。 1. window对象的resize、scroll事件 2. 拖拽时的mousemove事件 3. 射击游戏中的mousedown、keydown事件 4. 文字输入、自动完成的keyup事件 实际上对于w...
2018-04-07 04:07:20
207
转载 关于 JavaScript 语句后是否应该加分号
可能是受c++,c#风格影响比较深,一半出于强迫症,之前一直是个分号党。最近看各种大神和教程的代码都并不写分号。调研了一下,从此拥抱前置分号。==================================================================以下摘自 @贺师俊 在某乎的回答:总结下“分号党”推崇的“总是写分号”风格的最主要缺陷:1. 人总是有可能忘记写分号。ASI(...
2018-03-11 13:47:40
288
原创 CSS3主要的新特性总结
增加了强大的选择器,如E[att^="val"],E[att$="val"],E[att*="val"],E:last-child,E:nth-child(n),E:nth-last-of-type(n),E:checked,E:enabled,E:target,E::selection等;布局更灵活:弹性盒子:Flexbox;多列布局:columns;响应式设计Responsive、媒体查询Me...
2018-03-04 22:26:42
530
原创 CSS3 渐变、变形、过渡、动画小结
CSS3 渐变(IE9&-用滤镜filter来兼容)线性渐变:linear-gradient([ [ <angle> | to <side-or-corner> ] ,]? <color-stop>[, <color-stop>]+)<side-or-corner> = [left | right] || [top | botto...
2018-03-04 22:01:33
1941
原创 CSS3 Flexbox 小结
* Flexbox前后有三个版本,较老的浏览器会存在兼容性问题。IE11部分支持,IE10部分支持(需加-ms-)。* CSS的columns在伸缩容器上无效;float、clear、vertical-align在伸缩项目上无效;最新版本Flexbox的使用:伸缩容器display: flex | inline-flex伸缩项目:伸缩容器的每个子元素(需要盒修复的元素除外);伸缩流方向flex-d...
2018-03-04 21:55:08
185
原创 学习CSS盒模型和布局
快速入坑:Learn CSS Layout深入:CSS basic box model W3C Working Draft /* 画外音:有时间还是应该多看Working Draft,随便写好像很简单,系统学习起来觉得CSS真是深坑。 文档有些说得有些个晦涩,按自己的理解稍微整理了一下, 如有不对欢迎指正!(ง •_•)ง *//* 好啦敲黑板:*/block-level boxes...
2018-03-01 22:51:33
243
原创 Git多账号配置
在公司的电脑上增加一个私人Git账号,遇到的问题和解决方案,记录一下。1. 执行ssh-add ~/.ssh/id_rsa_elise,报错:Could not open a connection to your authentication agent解决方案:先执行 ssh-agent 或 eval `ssh-agent`,再执行 ssh-add2. 连接时报错:Permission deni...
2018-02-23 14:34:20
1150
原创 一些实用的前端小工具
一些实用的前端小工具整理1. CSS速查参考手册 http://css.doyoe.com/2. Caniuse https://caniuse.com/ Browser support tables for modern web technologies;3. TinyPng https://tinypng.com/ Smart PNG and JPEG compression;4....
2018-02-22 22:05:08
700
原创 纯CSS实现select的placeholder效果
利用CSS伪类,为select添加伪类required,即不能为空;而默认选项(Placeholder)的value为空,触发invalid,实现不选时置灰的效果;
2017-12-03 22:40:26
10975
2
原创 原生Ajax的原理和实现
核心:XMLHttpRequest对象(XHR)var xhr = new XMLHttpRequest() xhr.onreadystatechange= function(){// 此函数异步执行,readyStatus变化则触发 if(xhr.readyState === 4){ //请求处理状态 if (xhr.status >= 200 && xhr.s
2017-12-03 15:47:30
1184
原创 JS事件流,事件绑定
事件流,事件绑定 主流browser,符合W3C标准,支持冒泡和捕获低版本ie,仅支持冒泡冒泡到windowdocument事件绑定/解绑elem.addEventListener(evt, func, useCapture)elem.removeEventListener(
2017-12-03 01:55:20
288
转载 python读写mysql
连接数据库python连接mysql主要用到了游标cursor来访问,这个是MySQLdb自带的。补充几个对象的方法和属性:1.connection的参数:conn=MySQLdb.connect(“localhost”, “root”, “123456”, “testdb”)亦作conn = MySQLdb.connect(host=’localhost’,user=’root’
2015-02-05 15:32:34
284
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人