- 博客(54)
- 收藏
- 关注
RSS订阅原创 《css揭秘》-学习笔记1
Box-shadow: 属性值复杂，需要认真研究以下；/* offset-x | offset-y | blur-radius | spread-radius | color*/box-shadow: 2px 2px 2px 1px rgba(0, 0, 0, 0.2);一个div元素的shadow可以认为是另一个元素，前两个值规定阴影的相对于元素的位置，后面两个值都会改变阴影
2016-12-20 18:29:59
570
原创 linux学习-笔记2
1 CTRL + Z 和 bg 的区别：（1）那个 [ctrl]-z 可以将目前的工作丢到背景底下去『暂停』， （2）让工作在背景下进行（run）： bg延申： 可以通过查看jobs, 观察背景中的工作是被“暂停”还是“run”. jobs -l 除了列出job number，同时还列出PID。 jobs -r 只列出
2016-12-20 18:28:17
354
原创 第二周第二天
写博客时我脖子疼，写之前我心情不好：因为我觉着今天没学到什么，大部分时间在浪费。所以，在刚刚几分钟，我还考虑是否不要写了。把每天的工作写成博客总结，这是必须要做的，很多人都说这是个好习惯，写博客肯定是好的学习方法，写吧，兴许能看到自己的不足。
2016-12-19 19:16:28
375
原创 移动端调试-问题解决
找到好的学习资料事半功倍，话说找不到好的呢（一般都是这种情况），也是一种学习经历嘛。遇到的问题：利用chrome进行移动端调时，点击 inspect 页面一片空白。问题原因：这是inspect页面被“墙”。这里可能会出现一个疑问：虽然此时可以上google，看youtube，但是dns依然不全， 关键是要ping通chrometophone.ap
2016-12-16 17:37:47
610
原创 移动端学习
以下是三个技术博客 链接，未来复习时重点再看，本文是一次学习笔记。http://www.cnblogs.com/2050/p/3877280.htmlhttp://www.quirksmode.org/mobile/viewports.htmlhttp://www.quirksmode.org/mobile/viewports2.html这篇文章是有关尺寸的，各
2016-12-15 19:42:58
363
原创 linux 和 vim 学习笔记
来熊猫tv工作，发现他们的工作模式是所有的开发人员都登陆远程主机进行开发，而远程主机是一个linux系统，因此对于linux的学习将会是当前的重要内容。1 linux 目录操作1.1在Linux的目录结构中“.”表示当前目录，“..”表示当前目录的父目录，“/”表示根目录 ，“~”表示用户文件夹，对应位置是“/home/wangtengyun”;linux的目录机构：“
2016-12-13 19:46:35
288
原创 jquery源码学习--jquery api学习
主要是在看《锋利的jquery》今天终于把第二章 选择器看完。 感悟：jq确实是个好库，非常好实用，里面的api函数有很多，因此也预示着它有很多很方便的功能，所以在看源码之前，必须要学习jquery的使用。在第二章中，关于后代选择器和过滤选择器这里做一个总结（见《锋利的jquery》p52）：$("div p") 选择的元素（中间有空格），最后落脚点是后者p，而不是div。它的意思是d
2016-11-19 11:46:51
536
原创 jquery源码学习--资源清单
知乎给的解答及资源清单：https://www.zhihu.com/question/20521802jquery源码分析：（书）http://www.catalent.com/var/plain_site/storage/original/application/78527fb8081433fc71f2ddb612a9dd47.pdf妙味课堂：（视频）
2016-11-01 13:45:52
287
原创 前端复习--动画设置原理
默认情况下，所有 HTML 元素的位置都是静态的，并且无法移动。如需对位置进行操作，记得首先把元素的 CSS position 属性设置为 relative、fixed 或 absolute。
2016-10-29 11:57:18
325
原创 前端复习--Math.min.apply(Math,arr)写法的理解
Math.min.apply(Math,arr) 这种方法用于求一个数组中的最小值，这令我很困惑，我不知道为甚么apply的第一个参数为什么重新传入Math对象，《JavaScript高级程序设计》上说：为了正确设置this的值。 这不是很好的解释，至少对于现阶段的我。(1)顺藤摸瓜，我首先，研究了Math对象，从《Object-oriented javascript》上讲，Mat
2016-10-28 11:18:24
12238
2
原创 前端复习--深入css
好的学习资料可以事半功倍，这句话就不是盖的。一路走来遇到几篇不错的post，在这里总结一下，以后若是想复习有关css的高级内容，一定要把这几篇文章看一遍，其中的代码也要敲一遍。1 这是篇讲BFC的，说实话，博文写得漂亮，有逻辑，有深度，但不难，唯一可能是英文原文，但比很多国内的jiba文章好上一万倍，多看英文。通过了解BFC可以对CSS理解提高一个档次，有很多问题，比如说一个盒子，加了一个
2016-10-25 23:45:18
262
原创 前端复习--还是数组的研究
[].toString() //""Object.prototype.toString.call([]) // "[object Array]"
2016-10-25 14:12:36
233
原创 前端复习-- [] == [] ?
在javascript的世界里，我又犯一个错误。即 1 == 1 ; // true而 [] == [] ; //false , 同理， {} == {} ;//false[]和{}都是对象，两个不同的对象，即使拥有相同属性和对应的相同的值，也不相等。这不同于var a = {};var b = a;a == b //true,a b 指向同一对象
2016-10-24 20:31:11
531
原创 前端复习--js控制CSS3动画
废话不说，先来个简单的：利用按钮控制旋转 .normal{margin:30px;width:200px;height:100px;background-color:yellow;}.rotate{margin:30px;width:200px;height:100px;background-color:yellow;-webkit-transform:rotat
2016-10-19 21:58:00
921
原创 前端复习--js面向对象的理解
这周一通过去闪银面试，和做熊猫的题，我发现，自己对js面向对象的理解，其实是停留在很初级的层面上，需要不是几道面试题能解决的，我需要的是一本书。这本书目前是找到了：Oriented-object javascript这几天的任务就是去看本书，这篇博客的目的：随时记录学习困惑与答案。1 instanceof 真的理解了吗？题目：function A(){}A.prototyp
2016-10-19 00:27:25
5629
原创 前端复习--归并排序
起因,昨天取面试猿题库,两个面试官,每人各只考了两道算法题.其中有一道是考归并排序不使用递归或是栈结构实现,感觉手生,当时答得并不好,傻傻地问面试官,不能考个"快排"吗,面试官笑笑:"快排"太简单....1 传统方法,利用递归归并排序其实要做两件事：（1）“分解”——将序列每次折半划分。（2）“合并”——将划分后的序列段两两合并后排序。真的就只有这两件事.我们先去解
2016-10-17 12:56:41
589
原创 前端复习--翻转单链表
动机出于面试需要，因为之前就看过这些内容，所以其实不怎么费劲现在再次献上js翻转单链表的代码：（参考）(function (){ var node3 ={ //定义有三个节点的链表，这里要注意由与js是顺序解释的，如果开始定义node1,再定义node2，node1.next = node2,其实为undefined，所以链表节点要从尾节点定义 value:"z",
2016-10-16 11:39:05
528
原创 前端复习--理解javascript的执行时序
理解javascript的执行时序，莫过于好好研究setTimeout函数在《js高级程序设计》P613，给出了一个表现模型，特别实用。链式调用setTimeout 是setTimeInterval的升级版，理解这个原理，需要时间去思考和感觉，才行首先确保自己理解基础，简单的东西。然后再尝试理解Yielding Process看客可先看看下面两段代码的不同之处setTime
2016-10-14 10:53:20
700
原创 前端复习--很深入地理解对象（从实现bind函数入手）
js 的 bind 函数能够帮我们避开很多麻烦事，但有些浏览器不支持bind的存在，那你就自己写一个呗。问题来了，通过mdn可以查到bind的源码：if (!Function.prototype.bind) { //首先检查浏览器是否有bind的实现，若没有，使用下面的代码实现 Function.prototype.bind = function (oThis) { if
2016-10-13 17:17:55
460
原创 前端复习--测试用例如何写，如何检测函数的运行效率。
在查看对象的深复制方法时，作者提出了那种方法，并测试他们的各自的运行时间，来比较优劣。clone函数为 被测函数。var start = Date.now();clone(x);console.log(Date.now() - start); //打印运行时间var start = Date.now();clone2(x);console.log(Date.now()
2016-10-13 16:33:26
988
原创 前端复习--relative盒子的坍塌
程序员使用代码交流 #relative{ position: relative; } #absolute{ position: absolute; } ccccccccccccccccccccc
2016-10-12 12:06:44
614
原创 前端复习--CSS3实现跑马灯
1 一言不合贴代码CSS3实现跑马灯效果#wrapper{ width:200px; height:50px; margin: 100px auto; padding: 10px; font-size: 20px; border: solid 1px black; position: relative; overflo
2016-10-11 15:15:07
9034
1
原创 git--分支实验记录
有参考价值的网站: https://git-scm.com/book/zh/v1/Git-%E5%88%86%E6%94%AF-%E8%BF%9C%E7%A8%8B%E5%88%86%E6%94%AF1 删除远程分支在github创建仓库learn_gitCommond_reset使用 git remote add ,使远程库与本地库关联github已经默认创
2016-10-10 15:17:02
386
原创 git深入学习
以git reset 为切入点. 参考:http://www.cnblogs.com/kidsitcn/p/4513297.htmlhttp://www.worldhello.net/gotgit/02-git-solo/040-git-reset.html仔细看了一下, --hard 与 --soft 的区别.1 概念回顾(1)在Git中，用HEAD表示当前版本,上一个版
2016-10-09 15:57:28
301
原创 前端复习--对象的可枚举属性
初学时,并不是很注意这些细节的东西,但是程序员写代码的时候,怎么会容忍胡而麻三的记忆.1 for in 语句的复习--问题引出var triangle = {a:1, b:2, c:3};function ColoredTriangle() { this.color = "red";}ColoredTriangle.prototype = triangle;var obj
2016-09-29 11:58:29
3443
原创 前端复习--Date小结
最近,总是遇到Date的应用,这里小结一下: Date 是 javascript中的对象1 复制Date对象:var birthday = new Date(1994, 12, 10);var copy = new Date();copy.setTime(birthday.getTime());//这里需要复习的有,Date的初始化方法,getTime, setTi
2016-09-29 11:26:37
256
原创 前端复习--javascript 对象作为对象的属性名字的研究
问题提出:解释下面的输出结果var a={}, b={key:'b'}, c={key:'c'}; a[b]=123;a[c]=456; console.log(a[b]); //456(1) http://stackoverflow.com/questions/8892465/javascript-object-object-meansThat's
2016-09-28 10:34:32
3193
原创 前端复习--css实现幻灯片效果
1 原文链接：http://caibaojian.com/css-slide.html前端开发博客 (http://caibaojian.com/css-slide.html) 这是一种较为简单原始的方法，主要原理：有多张照片放在一个div中，div的属性尺寸设置为每一次只能显示一张照片，且overflow:hidden，然后在每张照片中设置锚点，即可。 css实现幻
2016-09-24 13:53:36
4036
原创 前端复习--图片加载
1 https://segmentfault.com/a/1190000002433791即时加载是最常见的加载方式了，我们一般都是通过给img标签指定具体的src值，那么等页面渲染的时候，遇到该标签的话，就会下载该指定的URL图片，并且渲染出来。 img src="http://img.wallpapersking.com/Big7/1440900/2008320/222
2016-09-23 17:44:15
393
原创 前端复习--来谈谈响应式设计
响应式设计如何实现？这是一道面试常常问到的题目。今天借着几篇好文章，来好好总结一下，如何回答此类问题。1 https://webdesign.tutsplus.com/articles/quick-tip-dont-forget-the-viewport-meta-tag--webdesign-5972这篇文章谈到，响应式设计并不仅仅是 内容随着窗口的变化，布局发生变化；它还
2016-09-23 11:00:20
272
原创 前端复习--CSS3特性学习
CSS3其实并不陌生，并且很简单，但是简单并不意味着可以不花时间去学习。以前曾经用CSS3画过一个button昨天在CODEpen上面看到一个用纯CSS，结合CSS3的动画，画了一个钟表（可以动的），遂开始研究源码。http://codepen.io/iliadraznin/pen/JcqbE其他好玩的CSS效果：to-do-list:https://d
2016-09-21 16:58:18
228
原创 前端复习--rotate和translate联用
这人写的博客很好，简简单单，全是干货。http://www.cnblogs.com/xljzlw/p/4966798.htmltransform 可以接多个属性，别高兴太早，事实远远没有想象中那么简单，w3school没有讲那么细。原来这多个属性值的顺序也很重要！首先rotate是一个害群之马，rotate原地绕自己的几何中心旋转之后，还旋转了坐标轴，之后再进行如translate
2016-09-21 00:32:13
3117
原创 前端复习--iframe frame
An iframe element is just a DOM element, like any other. The only difference is that there exists a related window object. It is referenced in contentWindow property.
2016-09-19 16:10:36
220
原创 前端复习--Array.prototype.slice.call(arguments)
Array.prototype.slice.call(arguments)可以将 类数组 转化为真正的数组。面试中常常问到此，但是，为什么呢？1 首先是Array同Object,Number等 都是一种数据类型的名字，同时Array又是构造函数，每个构造函数都有一个prototype属性指向其原型对象。其原型对象上能取到slice方法。2 什么是类数组（有length属性，属性值为数字；其
2016-09-19 14:22:40
5649
原创 前端复习--正则
前向匹配（？=）var str = 'abcabcad'; var re = /a(?=d)/g; //只匹配a后面接d的astr = str.replace(re,'*'); //"abcabc*d"var str = 'abcabcad'; var re = /a(?=bc)/g; //只匹配a后面接bc的astr = str.replace(re,'*');//
2016-09-18 22:26:37
249
原创 前端复习--数字格式（千分位）
利用一个数组function trans(s){ var arr=[]; var n=0; for(var i=s.length-1;i>=0;i--){ if(n==3){ n=0; arr.push(","); } arr.push(s.charAt(i)); n++; } return arr.reverse().joi
2016-09-18 22:14:25
1497
原创 前端复习--window.name跨域完全搞定
之前就搞得半懂不懂的，主要是懒得动手，导致这么慢搞定这个知识点；今天从俊伯那里回来的路上，再次去研究了这个问题，有两篇文章使我茅塞大开！1 http://www.codes51.com/article/detail_119800.html这篇文章文章首先抛出一个重磅炸弹：window.name跨域的基础是：iframe页面在其url改变的时候，不会改变name的数据， 从而通过pr
2016-09-17 23:47:18
320
原创 前端复习--一些感悟
观念一：一个API 函数，是否可以在写程序时直接用，一般说来是由js语言本省是否有这个函数，如parseInt；而归根结底是要看浏览器是否支持这个方法！！！如postMessage函数。
2016-09-17 23:29:25
369
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人