z_Sherry-优快云博客

原创动画性能优化实用方法整理

一、动画性能优化原理简述【页面渲染过程】 1.javascript/css设置动画或变换 2.【计算样式】根据css选择器，对每个DOM元素匹配对应的CSS样式。从而确定每个DOM元素上应该应用什么CSS样式规则。 3.【布局】计算每个DOM元素最终在屏幕上显示的大小和位置。 4.【绘制

2017-05-15 15:10:34 1168

原创 css动画优化笔记

一、每一帧动画浏览器可能需要做如下工作：计算需要被加载到节点上的样式结果（Recalculate style--样式重计算）为每个节点生成图形和位置（Layout--回流和重布局）将每个节点填充到图层中（Paint Setup和Paint--重绘）组合图层到页面上（Composite Layers--图层重组）【如果我们需要使得动画的性能提高，需要做的就是减少浏览器在动画运行时

2017-05-08 10:16:30 587

原创【typescript】tsd文件获取方式之typings&@types

重要步骤简记：1.typings安装npm install typings --global2.搜索希望在ts文件中使用的框架以jQuery为例：typings search --name jquery3.使用typings安装，从而得到框架的tsd文件（以.d.ts结尾的文件）typings install dt~jquery --globa

2017-03-24 17:18:50 7224

转载 js内存泄漏常见的四种情况

意外的全局变量js中如果不用 var 声明变量,该变量将被视为 window 对象(全局对象)的属性,也就是全局变量.function foo(arg) { bar = "this is a hidden global variable";}// 上面的函数等价于function foo(arg) { window.bar = "this is an expli

2016-11-26 17:45:24 3042

原创【工作笔记】浏览器后退响应及关于input标签的一些说明

一、关于浏览器后退：点击浏览器后退按钮，会重新加载前一个页面，但是有两种情况：1.后退读取缓存的资源，来重新加载页面（html、css、js等资源）2.浏览器重新向服务器发送请求，请求服务器端最新资源，来重新加载页面注：ios后退，默认读取缓存因此，关于前一个页面的信息展示，需要兼顾两种处理情况。重新向服务器发送请求，相当于f5刷新，只要服务器数据存储无故障，不会出现问题。需要

2016-10-25 18:50:33 1499

转载 JS获取CSS属性值

[html] view plain copy> html> head> meta http-equiv="content-type" content="text/html; charset=utf-8"> title> JS获取CSS属性 title> style type="text/css"> #f{ba

2016-10-24 15:05:31 483

转载 X5内核的问题

目录(?)[+]常常被人问及微信中使用的X5内核的问题，其实我也不是很清楚，只知道它是基于android 4.2的webkit，版本号是webkit 534。今天正好从X5团队拿到了一份问题汇总，梳理下发出来，给各位开发者以参考——不排除明天会删除这篇文章的可能。1.Android WebView常见问题及解决方案汇总：http://blog.youkuaiyun.com/

2016-07-18 19:42:03 4750

转载 win8 win10 安装msi 提示2502、2503的错误代码

前言：归根到底是权限不够导致的。win7应该不会有这个问题。问题发生：换了个电脑，装个win10预览版玩玩，发现python的msi安装文件安装不了。错误代码是2502。其实我已经在win8上安装mysql的时候遇到过，那个时候解决了，可是方法用在win10上无效，简直就是想哭....还好还是找到的解决办法。解决方法：方法1：临时安装方法1、

2016-05-26 11:54:19 492

转载 javascript中4种类型识别的方法

typeoftypeof操作符用于返回正在使用值的类型【输出】首字母小写的字符串形式【功能】[1]可以识别标准类型(将Null识别为object)[2]不能识别具体的对象类型(Function除外)【实例】console.log(typeof "jerry");//"string"console.log(typeof 12);//"number

2016-01-11 17:50:19 486

转载【Linux】常用基本指令（较全）

Linux中许多常用命令是必须掌握的，这里将我学linux入门时学的一些常用的基本命令分享给大家一下，希望可以帮助你们。这个是我将鸟哥书上的进行了一下整理的，希望不要涉及到版权问题。1、显示日期的指令： date2、显示日历的指令：cal3、简单好用的计算器：bc

2015-09-20 15:38:59 585

转载【Linux】最常用的20条命令

1、cd命令这是一个非常基本，也是大家经常需要使用的命令，它用于切换当前目录，它的参数是要切换到的目录的路径，可以是绝对路径，也可以是相对路径。如：[plain] view plaincopyprint?cd /root/Docements # 切换到目录/root/Docements cd ./path #

2015-09-20 15:35:46 616

原创 ajax全接触--imooc

一、http请求1.http是一种无状态的协议。即，服务器不会记录客户端的请求，每次都需重新建立连接。2.一个完整的http请求通常包含以下7个步骤：（1）建立TCP连接（2）web浏览器向web服务器发送请求命令（3）web浏览器向web服务器发送请求头信息（4）web服务器向web浏览器发送应答命令（5）web服务器向web浏览器发送应答头信息（6）web服务器

2015-09-18 19:24:05 486

原创 javascript高级程序设计知识点总结（4）

函数表达式一、定义函数的方式：1.函数声明语法：function myFun(arg0,arg1,arg2){//函数体}重要特征：函数声明提升，即：可以把函数声明放在调用它的语句后面。2.函数表达式语法(有几种不同的语法形式，这里列出的是最常见的一种)：var myFun = function(arg0,arg1,arg2){//函数体};//

2015-09-12 14:06:08 693

转载排序方法性质总结

一、交换排序1.冒泡排序：稳定，时间复杂度 O(n^2)冒泡排序方法是最简单的排序方法。这种方法的基本思想是，将待排序的元素看作是竖着排列的“气泡”，较小的元素比较轻，从而要往上浮。在冒泡排序算法中我们要对这个“气泡”序列处理若干遍。所谓一遍处理，就是自底向上检查一遍这个序列，并时刻注意两个相邻的元素的顺序是否正确。如果发现两个相邻元素的顺序不对，即“轻”的元素在下面，就交换它们的位置。显

2015-09-12 13:34:56 848

转载 js正则表达式语法

1. 正则表达式规则1.1 普通字符字母、数字、汉字、下划线、以及后边章节中没有特殊定义的标点符号，都是"普通字符"。表达式中的普通字符，在匹配一个字符串的时候，匹配与之相同的一个字符。举例1：表达式 "c"，在匹配字符串 "abcde" 时，匹配结果是：成功；匹配到的内容是："c"；匹配到的位置是：开始于2，结束于3。（注：下标从0开始还是从1开始，因当前编程

2015-08-19 09:57:13 513

原创 javascript高级程序设计知识整理（3）

面向对象的程序设计一、理解对象1.数据属性Object.defineProperty()方法：作用：修改属性默认的特性（configurable,enumerable,writable,value）接收3个参数：属性所在对象，属性的名字，一个描述符对象例如：var person={};Object.defineProperty(person,"name",{co

2015-08-14 21:21:28 515

原创 javascript高级程序设计知识整理（2）

一、基本类型和引用类型基础知识点1.基本类型和引用类型的值5中基本数据类型（number,string,boolean,null,undefined）：按值访问引用类型：引用类型的值是保存在内存中的对象(1)当，复制保存着对象的某个变量时，操作的是对象的引用(2)当，为对象添加属性时，操作的是实际的对象*我们可以给引用类型的值动态的添加属性，基本类型不可以（赋予基本类型添加

2015-08-13 10:11:17 615

原创 javascript高级程序设计知识整理（1）

一、文档模式最初的两种文档模式是：混杂模式和标准模式这两种模式主要影响css内容的呈现，但在某些情况下也会影响到JavaScript的解释执行。如果在文档开始处没有文档类型声明，所有浏览器都会默认开启混杂模式。在这种模式下，不同浏览器的行为差异非常大。严格模式：1.要在整个脚本中启用严格模式，可以在顶部添加如下代码："use strict";这是一个编译指示，用于告诉支

2015-08-08 09:25:02 684

原创用css样式画尖角

效果图（百度某年笔试题）： #demo { width: 100px; height: 100px; background-color: #fff; position: relative; border: 2px

2015-08-06 20:17:14 1668

原创 DOM事件处理

一、事件流可以形象理解为：当我们指向一组同心圆的圆心时，所指的其实是这一组同心圆，而不只是同心圆组中位于最里层的圆1.事件冒泡：触发事件的标签（即最里层的标签）最先感知到事件的发生，然后逐层向外传递事件，2.事件捕获：与事件冒泡的感知方向正好相反，现在很少用二、事件处理程序1.HTML事件处理程序在html标签中设置触发事件、并调用js方法 f

2015-08-03 14:31:47 551

原创 CSS一些基础知识整理

一、关于权值标签选择器：1类选择器：10ID选择器：100（继承的权值：0.1）文本样式若被多次设定，则显示权值最高的设定样式例子：p{color:red;} /*权值为1*/p span{color:green;} /*权值为1+1=2*/.warning{color:white;} /*权值为10*/p span.warning{color:purple;

2015-07-21 10:58:04 615

原创 HTML一些基础整理

一、语义化通俗理解，就是明白每个标签的用途（在什么情况下使用此标签合理）比如，网页上的文章的标题就可以用标题标签，网页上的各个栏目的栏目名称也可以使用标题标签。文章中内容的段落就得放在段落标签中，在文章中有想强调的文本，就可以使用 em 标签表示强调等等。语义化的好处：1.更容易被搜索引擎收录2.更容易让屏幕阅读器读出网页内容、标签是没有语义的，它们的作用就是为了设置单

2015-07-16 16:56:13 482

原创 sublime text3 快捷键整理（不全）

ctrl+P：goto anythingctrl+shift+P：切换命令模式ctrl+shift+T：打开刚刚关闭的文件ctrl+N：打开新的编辑区ctrl+H：replace&find--相当于eclipse的ctrl+Fctrl+shift+D：快速复制多行文本--相当于eclipse的ctrl+alt+上下键alt+.：html标签闭合快捷键ctrl+E

2015-07-16 13:36:13 740

原创 javaScript基础概念整理1(数据类型)

一、六钟数据类型（js：弱类型特性）五种原始类型：1.number2.string 3.boolean4.null5.undefined一种对象类型：object(对象)--包括：Function,Array,Date等二、隐式转换("==="和"==")1."===" 首先判断等号两侧的类型，若类型不同，直接返回false 若类型相同，对于

2015-07-15 18:46:48 366

初心