笔记目录
2 | 1. [字符串](字符串.md) 3 | 2. [ES6基础](ES6基础.md) 4 | 3. [let与const命令](let与const命令.md) 5 | 4. [解构赋值](解构赋值.md) 6 | 5. [字符编码](字符编码.md) 7 | 6. [ES6正则表达式扩展](ES6正则表达式扩展.md) 8 | 7. [ES6数组扩展](ES6数组扩展.md) 9 | 8. [ES6函数扩展](ES6函数扩展.md) 10 | 9. [ES6对象扩展](ES6对象扩展.md) 11 | 10. [Symbol](Symbol.md) 12 | 11. [Set与Map数据结构](Set与Map数据结构.md) 13 | 12. [Promise](Promise.md) 14 | 13. [Proxy](Proxy.md) 15 | 14. [Reflect](Reflect.md) 16 | 15. [Iterator和for...of循环](Iterator和for...of循环.md) 17 | 16. [Generator](Generator.md) 18 | 17. [async](async.md) 19 | 18. [Class](Class.md) 20 | 19. [Decorator](Decorator.md) 21 | 20. [Module](Module.md) 22 | 21. [ArrayBuffer](ArrayBuffer.md) 23 | -------------------------------------------------------------------------------- /2016/3/2016年3月16日.markdown: -------------------------------------------------------------------------------- 1 | #2016年3月16日 2 | ##javascript 3 | ###实参与形参 4 | 5 | ```js 6 | function addNum(var para1,var para2){ 7 | var sum = para1+para2; 8 | return sum; 9 | } 10 | ``` 11 | 12 | 形参指函数定义时候的参数，在这里就是para1和para2。实参是实际传送给函数的参数，在这里就是20和30。 13 | 14 | ###angularjs 15 | - MVC 16 | + model 17 | + view 18 | + controller 19 | * MV的桥梁 20 | 21 | - service服务 22 | + $内部 23 | + $scope 24 | + $apply 25 | + $watch 26 | + $rootScope 27 | + $http 28 | + $timeout 29 | + $filter 30 | 31 | 32 | - directive指令 33 | + ng内部 34 | + ng-app 35 | + ng-controller 36 | + ng-repeat 37 | + ng-click 38 | 39 | 40 | 41 | -------------------------------------------------------------------------------- /2016/3/2016年3月22日.markdown: -------------------------------------------------------------------------------- 1 | #2016年3月22日 2 | ##nginx 3 | 4 | **反向代理** 5 | 6 | 我们有时候，用自己的计算机A想访问国外的某个网站B，但是访问不了，此时，有一台中间服务器C可以访问国外的网站B，那么，我们可以用自己的电脑访问服务器C，通过C来访问B这个网站。那么这个时候，服务器C称为代理服务器，这种访问方式叫做正向代理。正向代理有一个特点，就是我们明确知道要访问哪个网站。再如，当我们有一个服务器集中，并且服务器集群中的每台服务器的内容一样的时候，同样我们要直接从个人电脑访问到服务器集中的服务器的时候无法访问，且此时第三方服务器能访问集群，这个时候，我们通过第三方服务器访问服务器集群的内容，但是此时我们并不知道是哪一台服务器提供的内容，此时的代理方式称为反向代理。 7 | 8 | 9 | **负载均衡** 10 | 11 | 当一台服务器的单位时间内的访问量越大的时候，服务器的压力会越大。当一台服务器压力大得超过自身的承受能力的时候，服务器会崩溃。为了避免服务器崩溃，让用户有更好地体验，我们通常通过负载均衡的方式来分担服务器的压力。那么什么是负载均衡呢？是这样，我们可以建立很多很多个服务器，这些服务器组成一个服务器集群，然后，当用户访问我们网站的时候，先访问一个中间服务器，再让这个中间服务器在服务器集群中选择一个压力较小的服务器，然后将该访问请求引入该选择的服务器。这样，用户的每次访问，都会保证服务器集群中的每个服务器的压力趋于平衡，分担了服务器压力，避免了服务器崩溃的情况。 12 | 13 | 14 | 15 | -------------------------------------------------------------------------------- /2015/11/2015年11月11日.markdown: -------------------------------------------------------------------------------- 1 | #2015年11月11日 2 | ##学习资料 3 | 4 | 入门三板斧： 5 | 6 | http://www.cnblogs.com/jikey/p/3613082.html 7 | 8 | 入门看这个系列。 9 | 10 | http://pan.baidu.com/s/1pJqJvAV 11 | 12 | 入门JS视频。 13 | 14 | http://pan.baidu.com/s/1o6DTGro 15 | http://pan.baidu.com/s/1qWPntdq 16 | 17 | 入门HTML5视频 18 | 19 | http://pan.baidu.com/s/1bnlHT3x 20 | 21 | 前端开发 资料都在这里边。 22 | 23 | http://t.cn/Rv38Wg7 24 | 25 | API参考手册大全 26 | 27 | http://www.cnblogs.com/sb19871023/p/3894452.html 28 | 29 | 前端知识结构 30 | 31 | http://pan.baidu.com/s/1pJqJvAV 32 | 33 | 这个视频我当时花了一年的时间看完看懂，看完视频里边的代码敲了2边，前前后后2年。 34 | 35 | http://www.cnblogs.com/jikey/p/3613082.html 36 | 37 | 这个系列是重点，看完在看我博客，准备面试，作品什么的。 38 | 39 | http://www.cnblogs.com/jikey 40 | 41 | -------------------------------------------------------------------------------- /javascript/数组.md: -------------------------------------------------------------------------------- 1 | ##数组遍历操作 2 | 3 | - forEach()：没有返回值，只是针对每个数组项调用指定的函数(callbackfn) 4 | 5 | - every(): 返回一个布尔值(true或false) ，判断每个数组项是否符合指定函数的条件，符合为true，反之为false 6 | 7 | - some(): 返回一个布尔值(true或false),判断每个数组项是否符合指定函数的条件，只要有任何一项返回为true，就会返回true 8 | 9 | - filter(): 每个数组项调用指定的函数，条件为true的将返到一个新数组中 10 | 11 | - map(): 每个数组项调用指定的函数，返回每次函数调用的结果组成一个新数组 12 | 13 | >语法都类似的，`array.keyWord(function(currentValue,index,arr), thisValue)`。 14 | 15 | 16 | `function(currentValue, index,arr)`,必须。函数，数组中的每个元素都会执行这个函数 17 | 函数参数: 18 | 19 | 参数 | 描述 20 | -----|---- 21 | currentValue | 必须。当前元素的值 22 | index | 可选。当期元素的索引值 23 | arr | 可选。当期元素属于的数组对象 24 | 25 | `thisValue` ,可选。对象作为该执行回调时使用，传递给函数，用作 "this" 的值。 26 | 如果省略了 thisValue ，"this" 的值为 "undefined" -------------------------------------------------------------------------------- /2015/11/2015年11月12日.markdown: -------------------------------------------------------------------------------- 1 | #2015年11月12日 2 | ##javascript 3 | 4 | getElementById 5 | 6 | - FF下直接使用ID存在问题 7 | - 引入document.getElementById（） 8 | - document.getElementById在任何浏览器下均可以使用 9 | 10 | 网站换肤 11 | 12 | - 任何标签都可以加ID，包括link 13 | - 任何标签的属性，都可以修改 14 | - HTML里怎样写 ，javascript就怎样写 15 | 16 | 在DOM中，class要写成className； 17 | 18 | 字面量：看到的东西，自然知道什么。12、"abc"。 19 | 20 | 变量：var a=? 21 | 22 | style和className 23 | 24 | - 元素.style.属性=xxx是修改行间样式 25 | - 之后再修改className不会有效果 26 | 27 | **提取行间样式** 28 | 提取事件 29 | 30 | - 为元素添加事件 31 | + 时间和其他属性一样，可以用javascript添加； 32 | + window.onload的意义； 33 | + 行为、样式、结构三者分离； 34 | 35 | >元素的样式与属性，一次只能设置一次。 36 | 37 | 或者一组元素 38 | 39 | - getElementById 40 | + 数组的使用 41 | + 里面的 42 | 43 | -------------------------------------------------------------------------------- /2015/9/2015年9月3日.markdown: -------------------------------------------------------------------------------- 1 | # 2015年9月3日 2 | 3 | 4 | `each()` : 遍历一个jQuery对象,为每个匹配元素执行一个函数。 5 | `eq(index)` : 匹配指定的元素。 6 | 7 | ##标签切换 8 | ``` 9 | HTML: 10 | 11 |-
12 |
- Menu One 13 |
- Menu two 14 |
- Menu Three 15 |
17 |
21 |
22 | jQuery:
23 |
24 | $("#tabsecond li").each(function(index) {
25 | $(this).click(function(){
26 | $("#tabsecond li.tabin").removeClass("tabin");
27 | $(this).addClass("tabin");
28 | })
29 | })
30 | ```
31 |
32 | ---
33 |
34 | - `
18 |
19 |
20 | `是更长远的使用方式。 35 | - HTML 标签对大小写不敏感。 36 | 37 | 38 | 39 | -------------------------------------------------------------------------------- /2016/3/2016年3月13日.markdown: -------------------------------------------------------------------------------- 1 | #2016年3月13日 2 | ##javascript 3 | ###转义字符 4 | 5 | 6 | |转义字符|意义|ASCII码值（十进制）| 7 | |:---:|---|---| 8 | |\a|响铃(BEL)|007| 9 | |\b|退格(BS) ，将当前位置移到前一列|008| 10 | |\f|换页(FF)，将当前位置移到下页开头|012| 11 | |\n|换行(LF) ，将当前位置移到下一行开头|010| 12 | |\r|回车(CR) ，将当前位置移到本行开头|013| 13 | |\t|水平制表(HT) （跳到下一个TAB位置）|009| 14 | |\v|垂直制表(VT)|011| 15 | |\\|代表一个反斜线字符''\'|092| 16 | |\'|代表一个单引号（撇号）字符|039| 17 | |\"|代表一个双引号字符|034| 18 | |\?|代表一个问号|063| 19 | |\0|空字符(NULL)|000| 20 | |\ddd|1到3位八进制数所代表的任意字符| 三位八进制| 21 | |\xhh|1到2位十六进制所代表的任意字符 | 二位十六进制| 22 | 23 | >常用转义字符：http://tool.oschina.net/commons?type=2 24 | 25 | >HTML、CSS特殊字符表： http://www.w3cplus.com/resources/HTML-special-character-sheets.html 26 | >HTML 特殊符号编码对照表: http://tool.chinaz.com/Tools/HtmlChar.aspx -------------------------------------------------------------------------------- /Java/继承.md: -------------------------------------------------------------------------------- 1 | # 继承 2 | 3 | 面向对象程序设计语言有三大特性：封装、继承和多态性。 4 | 5 | ## 概要 6 | 7 | 类是规则，用来制造对象的规则，所以类定义了对象的属性和行为。 8 | 9 | >继承：父类的所有方法和属性子类都会拥有，还可以拥有自己特有的方法和属性。 10 | 11 | Java的继承只允许单继承，即一个类只能有一个父类。 12 | 13 | 基本语法： 14 | ```Java 15 | class ThisClass extends SuperClass { 16 | //… 17 | } 18 | ``` 19 | 20 | 示例： 21 | 22 | ```Java 23 | // 父类 24 | public class Animal(){ 25 | public int age; 26 | 27 | //private属性不能被继承 28 | private String name; 29 | public void eat(){ 30 | System.out.println("吃东西"); 31 | } 32 | } 33 | 34 | // 子类 35 | class Dog extends Animal { 36 | 37 | } 38 | 39 | public static void main(String[] args){ 40 | Dog dog = new Dog(); 41 | 42 | dog.age = 10; 43 | dog.nane = "xiaotia n"; 44 | } 45 | ``` 46 | -------------------------------------------------------------------------------- /tool/atom.md: -------------------------------------------------------------------------------- 1 | ## atom手动安装使用 2 | 3 | 1. 本地安装 4 | 以activate-power-mode插件为例 5 | 6 | ```js 7 | cd ~/.atom/packages 8 | 9 | git clone https://github.com/JoelBesada/activate-power-mode.git 10 | 11 | cd activate-power-mode 12 | 13 | npm install 14 | 15 | ``` 16 | 17 | 然后重启。 18 | 19 | 2. 命令行安装 20 | 21 | ``` 22 | apm install atom-ternjs 23 | ``` 24 | 25 | 国内需要科学上网。 26 | 27 | 3. 下载插件文件到本地 28 | 29 | 在插件地址里点击Repo就能进到插件对应的GitHub项目页面，然后你可以选择Clone or download下载项目到本地的/Users/username/.atom/packages路径下。 30 | 31 | `.atom`默认情况下隐藏文件，Mac下的隐藏文件可以通过命令行显示出来。 32 | 33 | 显示隐藏文件： 34 | 35 | defaults write com.apple.finder AppleShowAllFiles -boolean true ; killall Finder 36 | 37 | 再次隐藏： 38 | 39 | defaults write com.apple.finder AppleShowAllFiles -boolean false ; killall Finder 40 | -------------------------------------------------------------------------------- /2015/12/2015年12月11日.markdown: -------------------------------------------------------------------------------- 1 | #2015年12月11日 2 | ##Git 3 | ###vi & vim 打开 关闭 保存 文件 4 | 5 | - 创建、打开文件： 6 | 输入`$ vi [filename]`,此时 vi 处于默认的命令模式，键盘输入字母 ‘ i ’ 进入最常用的插入编辑模式. 7 | 8 | - 保存文件 9 | 按下 “ ESC ” 键，退出编辑模式，切换到命令模式. 10 | 在命令模式下键入： 11 | " ZZ " 12 | 或者： 13 | " :wq " 14 | 保存修改并且退出 vi 15 | 16 | 如果只想保存文件，则键入： 17 | " :w " 18 | 19 | 放弃所有文件修改： 20 | 按下 " ESC " 键进入命令模式，键入 " :q! " 21 | 22 | 放弃所有文件修改，但不退出 vi ,即回退到文件打开后最后一次保存操作的状态，继续进行文件操作： 23 | 按下 " ESC " 键进入命令模式，键入 " :e! " ： 24 | 25 | >参考资料[连接](http://blog.chinaunix.net/uid-20671208-id-3721795.html) 26 | 27 | `cd`:根目录； 28 | 29 | `ls`:显示目录列表 30 | 31 | `touch Readme`:生成一个叫`Readme`的文件。 32 | 33 | `git mv hellogit.rb helloworld.rb`:重命名； 34 | 35 | `git commit -m "rename hellogit.rb"`:再次 提交。 -------------------------------------------------------------------------------- /2015/9/2015年9月25日.markdown: -------------------------------------------------------------------------------- 1 | #2015年9月24日 2 | ##TCP/IP 协议族概述 3 | OSI七层模型 4 | 1. 应用层 5 | 2. 表示层 6 | 3. 会话层 7 | 4. 传输层 8 | 5. 网络层 9 | 6. 数据链路层 10 | 7. 物理层 11 | 12 | TCP/IP协议族四层模型 13 | 1. 应用层 14 | 2. 传输层 15 | 3. 网络层 16 | 4. 链路层 17 | 18 | 四层模型中各个层次的作用和特点 19 | 20 |  21 | 22 | 四层模型中各个层次的协议 23 | 24 |  25 | 26 | TCP报文段传输过程 27 |  28 | 29 | 最大传输单元 30 | 在数据链路层传输的数据包称为帧，帧的最大传输单元称为MTU。 31 | 32 | 数据分用过程 33 | 34 |  35 | 36 | ARP协议工作原理 37 | 38 | ARP协议作用：能实现任意网络地址到任意物理地址的转换。 39 | ARP工作原理：广播一个ARP请求，被请求的机器回应一个ARP应答，其中包含自己的物理地址。 40 | 41 | ARP请求、应答报文详解 42 |  43 | 44 | **DNS协议工作原理** 45 | DNS的作用：讲机器的域名转换成IP地址 46 | DNS的工作原理：解释器通过一个或者多个名字服务器来完成这种相互转换。 47 | 48 | 49 | 50 | -------------------------------------------------------------------------------- /2016/3/2016年3月6日.markdown: -------------------------------------------------------------------------------- 1 | #2016年3月6日 2 | ##nodejs 3 | 4 | 在一个模块中通过var定义的变量，其作用域范围是当前模块，外部不能够直接的访问 5 | 如果我们想一个模块能够访问另外一个模块中定义的变量，可以： 6 | 7 | 1. 把变量作为global对象的一个属性，但是这样的做法是推荐 8 | 2. 使用模块对象 module 9 | 10 | **module** : 保存提供和当前模块有关的一些信息; 11 | 在这个**module**对象，有一个子对象：**exports** 对象 12 | 我们可以通过这个对象把一个模块中的局部变量对象进行提供访问 13 | 14 | 15 | ```js 16 | 17 | module.exports.a = a; 18 | 19 | 20 | 21 | var m5 = require('./5'); //这个方法的返回值，其实就被加载模块中的module.exports 22 | 23 | console.log(module); 24 | 25 | //{ a: 100 } 26 | // 27 | //module.exports = [1,2,3]; //exports 和 module.exports 的指向关系已经断开了,module.exports 给改写了，不是在这个对象上添加属性那样了 28 | //。 29 | ``` 30 | 31 | **__filename **: 返回当前模块文件解析后的绝对路径，该属性其实并非全局的，而是模块作用域下的 32 | **__dirname** : 返回当前模块文件所在目录解析后的绝对路径，该属性也不是全局的，而是模块作用域下的。 33 | 34 | -------------------------------------------------------------------------------- /2016/3/2016年3月21日.markdown: -------------------------------------------------------------------------------- 1 | #2016年3月21日 2 | ##angularjs 3 | 4 | **npm操作使用教程** 5 | 6 | ``` 7 | cd xxx //访问某个文件夹 8 | 9 | npm install angular//安装angularjs文件包 10 | 11 | npm uninstall angular //删除angularjs文件包 12 | 13 | 使用npm help
| John | 23 |Doe | 24 |Jack | 25 |
") 13 | document.write(arr.push("James") + "
") 14 | document.write(arr) 15 | 16 | 17 | //输出 18 | George,John,Thomas 19 | 4 20 | George,John,Thomas,James 21 | ``` 22 | 23 | `join()` 方法用于把数组中的所有元素放入一个字符串。 24 | 元素是通过指定的分隔符进行分隔的。 25 | 26 | ```js 27 | var arr = new Array(3) 28 | arr[0] = "George" 29 | arr[1] = "John" 30 | arr[2] = "Thomas" 31 | 32 | document.write(arr.join(".")) 33 | 34 | //输出： 35 | George.John.Thomas 36 | ``` 37 | 38 | Ajax的POST请求 39 | ```js 40 | xhr.setRequestHeader("Content-Type",application/json); 41 | xhr.send(json.stringify({ 42 | keyword:'c', 43 | other:'test' 44 | })); 45 | ``` 46 | 47 | Ajax超市设置 48 | ```js 49 | xhr.timeout=5000; 50 | xhr.ontimeout=function(){ 51 | console.log('timeout!'); 52 | } 53 | ``` -------------------------------------------------------------------------------- /CodeLibrary/ajax.md: -------------------------------------------------------------------------------- 1 | # Ajax请求代码 2 | ```js 3 | function ajax(url, fnSucc, fnFaild) 4 | { 5 | //1.创建Ajax对象 6 | /*if(window.XMLHttpRequest) 7 | { 8 | var oAjax=new XMLHttpRequest(); 9 | } 10 | else 11 | { 12 | var oAjax=new ActiveXObject("Microsoft.XMLHTTP");//为了我兼容IE6. 13 | 14 | }*/ 15 | 16 | var oAjax=new XMLHttpRequest()||new ActiveXObject("Microsoft.XMLHTTP"); 17 | 18 | //2.连接服务器（打开和服务器的连接） 19 | oAjax.open('GET', url, true); 20 | 21 | 22 | 23 | //3.发送 24 | oAjax.send(); 25 | 26 | //4.接收 27 | oAjax.onreadystatechange=function () 28 | { 29 | if(oAjax.readyState==4) 30 | { 31 | if(oAjax.status==200) 32 | { 33 | //alert('成功了：'+oAjax.responseText); 34 | fnSucc(oAjax.responseText); 35 | } 36 | else 37 | { 38 | //alert('失败了'); 39 | if(fnFaild) 40 | { 41 | fnFaild(); 42 | } 43 | } 44 | } 45 | }; 46 | } 47 | function fnFaild() { 48 | console.log(arguments); 49 | } 50 | 51 | function fnSucc() { 52 | console.log(arguments); 53 | } 54 | 55 | ``` 56 | -------------------------------------------------------------------------------- /2015/12/2015年12月17日.markdown: -------------------------------------------------------------------------------- 1 | #2015年12月17日 2 | ##配色 3 | 4 | 描述一个色彩有三种途径，按色彩的**色相**，**饱和度**，**亮度**。 5 | 6 | - 彩度 7 | 8 | 下图显示的是彩度（Chroma）或者称为饱和度（saturation）：反应的是色彩相对于灰度的纯度 9 | 10 |  11 | 12 | - 亮度 13 | 14 | 下图显示的是彩度（Chroma）或者称为饱和度（saturation）：反应的是色彩相对于灰度的纯度。 15 | 16 |  17 | 18 | - 减色 19 | 20 | 当使用颜料或者使用涂料等方式时候，我们使用减色法。减色法意味着由白色开始，随色色彩的叠加，直到黑色。 21 | 22 |  23 | >CMYK 色彩模型用于减色法 24 | 25 |  26 | >这个色轮用于颜料色彩搭配--减色法 27 | 28 | - 加色 29 | 30 | 如果你使用电脑来处理色彩，那么电脑上的色彩是由加色法呈现的。加色法意味着色彩是从黑色开始，随着色彩的叠加，逐渐变亮，最后成为白色。 31 | 32 |  33 | >这是RGB色彩模型表示加色法，白色由R红色，G绿色,蓝色叠加而成。 34 | 35 |  36 | >这个色轮用于加色。 37 | 38 | - 色环 39 | 40 |  41 | >色环中根据亮度又分为积极色（ Active colors，也可以称为暖色）和消极色（ Passive colors也可以叫做冷色），积极色表现出活跃，积极的一面，消极色则相反。 42 | 此外还有**原色**、**间色（次色）**、**三级色**、**互补色**、**类似色**。 43 | 参考：链接； 44 | 45 | 46 | -------------------------------------------------------------------------------- /2016/2/2016年2月11日.markdown: -------------------------------------------------------------------------------- 1 | #2016年2月11日 2 | ##php 3 | 4 | **定义变量** 5 | 6 | $变量名称=值; 7 | 8 | 第一位只可以是字母、下划线。命名只能使用字母、下划线、数字。 9 | 10 | **预定义变量** 11 | 12 | - 传值中接受数据变量 13 | 14 | - $_GET 数据量小，不安全 经由HTTP GET方式来传递数据 15 | - $_POST 数据量打，安全 经由HTTP POST方式来传递数据 16 | - $_REQUEST $_GET+$_POST效率低 17 | - $_FILES 经由HTTP POST方式来上传文件 18 | 19 | 20 | - 会话 21 | 22 | - $_SESSION 23 | - $_COOKIE 24 | 25 | - 系统的环境信息 26 | 27 | - $_SERVER 28 | 29 | **数据类型** 30 | 31 | 1. 基础数据类型 32 | - 字符串 33 | 在双引号内。 34 | $str="dfswe23423"; 35 | 单引号('')会把转为字符串输出，双引号("")会作为代码执行。 36 | 转义字符：\ 37 | \n:换行 38 | \r:回车 39 | \t:水平制表符 40 | \f:换页符 41 | 42 | 43 | - 整型 44 | $a=123;//不带引号 45 | 46 | 47 | - 浮点型 48 | 正整数、负整数、0 49 | $num=3.14;// 50 | 51 | - 布尔型 52 | true、false 53 | 54 | 55 | 2. 复合类型 56 | 57 | - 数组 array 58 | - 对象 object 59 | 60 | 3. 特殊类型 61 | 62 | - 资源 resource 63 | 64 | - 空值 null 没有值 65 | 66 | $m=null; 67 | $t=""; 68 | unset($m);//释放变量 69 | 70 | 71 | var_dump();结果返回变量的数据类型。 -------------------------------------------------------------------------------- /2015/10/2015年10月15日.markdown: -------------------------------------------------------------------------------- 1 | #2015年10月15日 2 | ##Python 3 | 4 | - 数字类型的运算 5 | 6 | |运算符和运算函数 |操作含义| 7 | |-------- |--------- | 8 | |x+y |x与y之和| 9 | |x-y |x与y之差| 10 | |x*y |x与y之积| 11 | |x/y |x与y之商| 12 | |x//y| 不大于x与y之商的最大整数| 13 | |x%y |x与y之商的余数| 14 | |+x |x| 15 | |-x |x的负值| 16 | |x**y| x的y次幂| 17 | |abs(x)| x的绝对值| 18 | |divmod(x,y) |(x//y,x%y)| 19 | |pow(x,y)| x的y次幂| 20 | 21 | - 字符串处理方法 22 | 23 | |操作 | 含义 | 24 | |------------------------|-----------------------| 25 | |+| 连接| 26 | |* |重复| 27 | |< string>[ ]| 索引| 28 | |< string>[ : ]| 剪切| 29 | |len(< string>)| 长度| 30 | |< string>.upper()| 字符串中字母大写| 31 | |< string>.lower()| 字符串中字母小写| 32 | |< string>.strip()| 去两边空格及去指定字符| 33 | |< string>.split()| 按指定字符分割字符串为数组| 34 | |< string>.join()| 连接两个字符串序列| 35 | |< string>.find()| 搜索指定字符串| 36 | |< string>.replace()| 字符串替换| 37 | |for < var> in < string>|字符串迭代 | 38 | 39 | ```python 40 | 41 | # month.py 42 | months="JanFebMarAprMayJunJulAugSepOctNovDec" 43 | n=input("请输入月份数（1-12）：") 44 | pos=(int(n)-1)*3 45 | monthAbbrev=months[pos:pos+3] 46 | print("月份数是"+monthAbbrev+".") 47 | 48 | 49 | ``` -------------------------------------------------------------------------------- /2015/12/2015年12月18日.markdown: -------------------------------------------------------------------------------- 1 | #2015年12月18日 2 | ##javascript 3 | ###面向对象 4 | 5 | ```js 6 | oDiv.onclick=function(){ 7 | alert(this); 8 | } 9 | ``` 10 | 11 | >给一对象添加**事件**（click事件），等于给一个对象添加**方法**（function）； 12 | 13 | **this** 14 | 15 | - 当前发生事件的对象 16 | - 当前的方法属于谁，this就是谁。 17 | 18 | **对象的组成** 19 | 20 | - 方法——函数：过程、动态的 21 | - 属性——变量：状态、静态的 22 | 23 | **类与对象** 24 | 25 | 类：模子 26 | 对象：产品 27 | 28 | var arr=new Array(1,2,3,4,5) 29 | 30 | Array----- 类 31 | arr ----- 对象 32 | 33 | 用构造函数加属性 34 | 用原型加方法 35 | 36 | **继承** 37 | 38 | ```javascript 39 | A.prototype.show=function () 40 | { 41 | alert(this.abc); 42 | }; 43 | for(var i in A.prototype) 44 | { 45 | B.prototype[i]=A.prototype[i]; 46 | 47 | } 48 | B.prototype.fn=function(){ 49 | alert('abc'); 50 | } 51 | var objA=new A(); 52 | var objB=new B(); 53 | 54 | objA.fn();//error. 55 | 56 | ``` 57 | 58 | `call()`:可以改变函数`this`的指向。 59 | 60 | ```javascript 61 | function A(){ 62 | this.abc=12; 63 | } 64 | 65 | function B(){ 66 | //这里的this指-->new B(),把A的this指向了B的this，本来给A加的属性，变成给B加的属性。 67 | A.call(this); 68 | } 69 | ``` 70 | 71 | 72 | 73 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2017 沐霖 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /2016/5/2016年5月26日.markdown: -------------------------------------------------------------------------------- 1 | [TOC] #2016年5月26日 ##jQuery **滚动监听** ```js $(window).scroll(function () { var $currentWindow = $(window); //当前窗口的高度 var windowHeight = $currentWindow.height(); console.log("current widow height is " + windowHeight); //当前滚动条从上往下滚动的距离 var scrollTop = $currentWindow.scrollTop(); console.log("current scrollOffset is " + scrollTop); //当前文档的高度 var docHeight = $(document).height(); console.log("current docHeight is " + docHeight); //当 滚动条距底部的距离 + 滚动条滚动的距离 >= 文档的高度 - 窗口的高度 //换句话说：（滚动条滚动的距离 + 窗口的高度 = 文档的高度） 这个是基本的公式 if ((BOTTOM_OFFSET + scrollTop) >= docHeight - windowHeight) { createListItems(); } }); ``` window.innerHeight – 浏览器窗口的内部高度,包括滚动条 window.innerWidth – 浏览器窗口的内部宽度，包括滚动条 document.documentElement.clientHeight，根元素html的高度。 document.documentElement.clientWidth，根元素html的宽度。 >documentElement 是整个节点树的根节点root，即 标签； document.body.clientHeight，body元素的高度，可有元素撑起，或者自定义。 document.body.clientWidth，body元素的宽度，可有元素撑起，或者自定义。 >clientTop实际上就是border的高度； -------------------------------------------------------------------------------- /2015/9/2015年9月16日.markdown: -------------------------------------------------------------------------------- 1 | #2015年9月16日 2 | ##Git 3 | **Git使用40个16进制字符的SHA-1 Hash来唯一标识对象。** 4 | 5 | e98757d0598ab6eeaf1df0d87dd00826048bd80b 6 |  7 | 8 | ### 远程仓库相关命令 9 | 10 | 检出仓库：$ git clone git://github.com/jquery/jquery.git 11 | 12 | 查看远程仓库：$ git remote -v 13 | 14 | 添加远程仓库：$ git remote add [name] [url] 15 | 16 | 删除远程仓库：$ git remote rm [name] 17 | 18 | 拉取远程仓库：$ git pull [remoteName] [localBranchName] 19 | 20 | 推送远程仓库：$ git push [remoteName] [localBranchName] 21 | 22 | ###分支(branch)操作相关命令 23 | 24 | 查看本地分支：$ git branch 25 | 26 | 查看远程分支：$ git branch -r 27 | 28 | 创建本地分支：$ git branch [name] ----注意新分支创建后不会自动切换为当前分支 29 | 30 | 切换分支：$ git checkout [name] 31 | 32 | 创建新分支并立即切换到新分支：$ git checkout -b [name] 33 | 34 | 删除分支：$ git branch -d [name] ---- -d选项只能删除已经参与了合并的分支，对于未有合并的分支是无法删除的。如果想强制删除一个分支，可以使用-D选项 35 | 36 | 合并分支：$ git merge [name] ----将名称为[name]的分支与当前分支合并 37 | 38 | 创建远程分支(本地分支push到远程)：$ git push origin [name] 39 | 40 | 删除远程分支：$ git push origin :heads/[name] 41 | 42 | 43 | 44 | 45 | ##慕课笔记 46 | 互联网创业发展方向 47 | - 互联网+ 48 | >对传统行业的改造。 49 | 50 | 51 | - 文化+ 52 | >情感连接。 53 | >小米是一种情感的连接。 54 | 55 | BAT不形成垄断，小团队执行力、创新力都比较高。 56 | 57 | 58 | 59 | -------------------------------------------------------------------------------- /2015/9/2015年9月29日.markdown: -------------------------------------------------------------------------------- 1 | #2015年9月29日 2 | ##CSS内部的分类及其顺序 3 | - 布局（grid）（.g-）：将页面分割为几个大块，通常有头部、主体、主栏、侧栏、尾部等！ 4 | - 模块（module）（.m-）：通常是一个语义化的可以重复使用的较大的整体！比如导航、登录、注册、各种列表、评论、搜索等！ 5 | - 元件（unit）（.u-）：通常是一个不可再分的较为小巧的个体，通常被重复用于各种模块中！比如按钮、输入框、loading、图标等！ 6 | - 功能（function）（.f-）：为方便一些常用样式的使用，我们将这些使用率较高的样式剥离出来，按需使用，通常这些选择器具有固定样式表现，比如清除浮动等！不可滥用！ 7 | - 皮肤（skin）（.s-）：如果你需要把皮肤型的样式抽离出来，通常为文字色、背景色（图）、边框色等，非换肤型网站通常只提取文字色！非换肤型网站不可滥用此类！ 8 | - 状态（.z-）：为状态类样式加入前缀，统一标识，方便识别，她只能组合使用或作为后代出现（.u-ipt.z-dis{}，.m-list li.z-sel{}）。 9 | 10 | ```css 11 | /* 重置 */ 12 | div,p,ul,ol,li{margin:0;padding:0;} 13 | /* 默认 */ 14 | strong,em{font-style:normal;font-weight:bold;} 15 | /* 统一调用背景图 */ 16 | .m-logo a,.m-nav a,.m-nav em{background:url(images/sprite.png) no-repeat 9999px 9999px;} 17 | /* 统一清除浮动 */ 18 | .g-bdc:after,.m-dimg ul:after,.u-tab:after{display:block;visibility:hidden;clear:both;height:0;overflow:hidden;content:'.';} 19 | .g-bdc,.m-dimg ul,.u-tab{zoom:1;} 20 | /* 布局 */ 21 | .g-sd{float:left;width:300px;} 22 | /* 模块 */ 23 | .m-logo{width:200px;height:50px;} 24 | /* 元件 */ 25 | .u-btn{height:20px;border:1px solid #333;} 26 | /* 功能 */ 27 | .f-tac{text-align:center;} 28 | /* 皮肤 */ 29 | .s-fc,a.s-fc:hover{color:#fff;} 30 | ``` 31 | -------------------------------------------------------------------------------- /Vue/Vue模块.md: -------------------------------------------------------------------------------- 1 | # Vue模块 2 | 3 | ## vue-cli工程目录 4 | 5 | 6 |
| 目录/文件 | 10 |说明 | 11 |
|---|---|
| build | 15 |最终发布的代码存放位置。 | 16 |
| config | 19 |配置目录，包括端口号等。我们初学可以使用默认的。 | 20 |
| node_modules | 23 |npm 加载的项目依赖模块 | 24 |
| src | 27 |这里是我们要开发的目录，基本上要做的事情都在这个目录里。里面包含了几个目录及文件： 28 |
|
35 |
| static | 38 |静态资源目录，如图片、字体等。 | 39 |
| test | 42 |初始测试目录，可删除 | 43 |
| .xxxx文件 | 46 |这些是一些配置文件，包括语法配置，git配置等。 | 47 |
| index.html | 50 |首页入口文件，你可以添加一些 meta 信息或同统计代码啥的。 | 51 |
| package.json | 54 |项目配置文件。 | 55 |
| README.md | 58 |项目的说明文档，markdown 格式 | 59 |
-
34 |
- ao 35 |
- bo 36 |
- co 37 |
-
38 | do
39 |
-
40 |
- 1121 41 |
- 1121 42 |
- 1121 43 |
- 1121 44 |
46 |
```
--------------------------------------------------------------------------------
/2016/4/2016年4月1日.markdown:
--------------------------------------------------------------------------------
1 | [TOC]
#2016年4月1日
##js
###constructor 属性
对象的`constructor`属性用于返回创建该对象的函数，也就是我们常说的**构造函数**。
```js
// 字符串：String()
var str = "张三";
document.writeln(str.constructor); // function String() { [native code] }
document.writeln(str.constructor === String); // true
// 数组：Array()
var arr = [1, 2, 3];
document.writeln(arr.constructor); // function Array() { [native code] }
document.writeln(arr.constructor === Array); // true
// 数字：Number()
var num = 5;
document.writeln(num.constructor); // function Number() { [native code] }
document.writeln(num.constructor === Number); // true
// 自定义对象：Person()
function Person(){
this.name = "CodePlayer";
}
var p = new Person();
document.writeln(p.constructor); // function Person(){ this.name = "CodePlayer"; }
document.writeln(p.constructor === Person); // true
// JSON对象：Object()
var o = { "name" : "张三"};
document.writeln(o.constructor); // function Object() { [native code] }
document.writeln(o.constructor === Object); // true
// 自定义函数：Function()
function foo(){
alert("CodePlayer");
}
document.writeln(foo.constructor); // function Function() { [native code] }
document.writeln(foo.constructor === Function); // true
// 函数的原型：bar()
function bar(){
alert("CodePlayer");
}
document.writeln(bar.prototype.constructor); // function bar(){ alert("CodePlayer"); }
document.writeln(bar.prototype.constructor === bar); // true
```
>代码中的`[native code]`这是JavaScript的底层内部代码实现，无法显示代码细节。
--------------------------------------------------------------------------------
/javascript/CommonJS.md:
--------------------------------------------------------------------------------
1 | ##概述
2 |
3 | **CommonJS**规范中，每个模块可以是一个文件，一个文件也可以就是一个函数。
4 | 所以每个模块就是一个单独的作用域。
5 |
6 | ```js
7 | // example.js
8 | var x = 5;
9 | var addX = function(value) {
10 | return value + x;
11 | };
12 | ```
13 |
14 | global.warning = true;
15 |
16 | **global**对象可以在多个文件分享，但不建议使用。
17 |
18 | **CommonJS**规定，每个文件的对外接口是**module.exports**对象。
19 |
20 | ```js
21 | var x = 5;
22 | var addX = function(value) {
23 | return value + x;
24 | };
25 | module.exports.x = x;
26 | module.exports.addX = addX;
27 | ```
28 |
29 | 在另一个文件，可以利用`require`对象加载这个文件，
30 |
31 | ```js
32 | var example = require('./example.js');
33 |
34 | console.log(example.x); // 5
35 | console.log(example.addX(1)); // 6
36 | ```
37 |
38 | **CommonJS**的特点：
39 |
40 | - 所有模块都运行在模块作用域，不会污染全局作用域。
41 | - 模块可以多次加载，但是只会在第一次加载时运行一次，然后运行结果就会被缓存，以后再加载都是读取缓存。
42 | - 模块加载的顺序，按照其在代码中出现的顺序。
43 |
44 |
45 | **CommonJS**规范加载模块是同步的，也就是说，只有加载完成，才能执行后面的操作。
46 |
47 | ##基本用法
48 |
49 | 内置的`require`命令用于加载模块文件。
50 |
51 | `require`命令的基本功能是，读入并执行一个`JavaScript`文件，然后返回该模块的exports对象。
52 |
53 | 如果模块输出的是一个函数，那就不能定义在`exports`对象上面，而要定义在`module.exports`变量上面。
54 |
55 | ```js
56 | module.exports = function () {
57 | console.log("hello world")
58 | }
59 | //如何module.exports还有其他子对象，将会给覆盖，不建议这样使用。
60 |
61 |
62 | //另一个文件
63 | require('./example2.js')()
64 | ```
65 |
66 |
67 | >http://javascript.ruanyifeng.com/nodejs/module.html
68 |
69 |
70 |
71 |
72 |
73 |
--------------------------------------------------------------------------------
/2015/11/2015年11月13日.markdown:
--------------------------------------------------------------------------------
1 | #2015年11月13日
2 | ##HTML&CSS
3 | **CSS content内容生成技术以及应用**
4 |
5 | ```css
6 | h2:before {
7 | content: "我是额外文字！";
8 | }
9 | ```
10 |
11 | >h2标签前面添加文字；
12 |
13 | ```html5
14 | a.content:after {
15 | content: attr(href);
16 | }
17 | 此标签的href值是：
18 | ```
19 |
20 | >结果："此标签的href值是：http ://www.zhangxinxu.com/" ;
21 |
22 | >content属性的值除了使用文本值外，还可以使用标签的一些属性值，方法是attr()
23 |
24 | **HTMLElement.dataset**
25 |
26 | 自定义的数据属性名称是以 data- 开头的。
27 | 这种方式通过访问一个元素的`dataset` 属性来存取 `data-*` 自定义属性的值。这个 dataset 属性是HTML5 JavaScript API的一部分，用来返回一个所有选择元素 data- 属性的DOMStringMap对象。
28 |
29 | 使用这种方法时，不是使用完整的属性名，如 `data-uid` 来存取数据，应该去掉`data-` 前缀。
30 |
31 | 带连字符连接的名称在使用的时候需要命名驼峰化，即大小写组合书写.
32 |
33 | `data-meal-time`，则我们要获取相应的值可以使用：`expenseday2.dataset.mealTime`
34 |
35 | ```js
36 | 码头
37 | s
49 | ```
--------------------------------------------------------------------------------
/2015/12/2015年12月27日.markdown:
--------------------------------------------------------------------------------
1 | #2015年12月27日
2 | ##bootstrap
3 |
4 | ```html5
5 |
6 |
7 |
8 |
9 |
10 |
11 |
12 |
14 |
15 |
16 | 你好，世界！
31 | 32 | 33 | 34 | 35 | 36 | 37 | 38 | ``` -------------------------------------------------------------------------------- /2015/9/2015年9月6日.markdown: -------------------------------------------------------------------------------- 1 | # 2015年9月6日 2 | 3 | ##列表 4 | 无序列表符号： 5 | `disc`：实心原点； 6 | `circle`：空心原点； 7 | `square`：方形点； 8 | 9 | 有序列表符号： 10 | `A`:大写字母； 11 | `a`：小写字母； 12 | `I`:大小罗马字母； 13 | `i`：小写罗马字母； 14 | 15 | 自定义列表： 16 | 自定义列表以`- ` 标签开始。每个自定义列表项以 `
- `开始。每个自定义列表项的定义以`
- `开始。
17 | ```
18 |
-
19 |
- Coffee 20 |
- Black hot drink 21 |
- Milk 22 |
- White cold drink 23 |