博客园 - jingangel
uuid:24b78886-0ed1-41c2-8670-e3f31dcf42c4;id=118860
2020-01-19T07:46:58Z
jingangel
https://www.cnblogs.com/jingangel/
feed.cnblogs.com
https://www.cnblogs.com/jingangel/p/7477930.html
window下,nodejs 安装 http-server,开启命令行HTTP服务器 - jingangel
第一步:http://nodejs.cn/ 官网下载安装文件,安装nodejs; 第二步:运行中输入cmd进入命令行模式,输入 node -v ,显示版本号,代表安装成功; 第三步:在node命令行下,输入 npm install http-server -g,安装成功后 会出现上图这样的文字,把上
2017-09-05T03:45:00Z
2017-09-05T03:45:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】第一步:http://nodejs.cn/ 官网下载安装文件,安装nodejs; 第二步:运行中输入cmd进入命令行模式,输入 node -v ,显示版本号,代表安装成功; 第三步:在node命令行下,输入 npm install http-server -g,安装成功后 会出现上图这样的文字,把上 <a href="https://www.cnblogs.com/jingangel/p/7477930.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/5652243.html
前端学习记录2:设计稿分析 - jingangel
步骤: 1、接到设计稿。 2、从头到尾看一遍设计稿,了解页面都有哪些版块。 3、看下交互部分,和产品经理沟通具体交互实现细节及效果,检查交互设计是否合理和完整。 4、再从头到尾仔细看设计稿,在看的过程中,脑袋里就可以构想:整个页面分几个模块,哪些模块可以复用,如何布局,大概的类名,页面有哪些图片和图
2016-07-08T01:23:00Z
2016-07-08T01:23:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】步骤: 1、接到设计稿。 2、从头到尾看一遍设计稿,了解页面都有哪些版块。 3、看下交互部分,和产品经理沟通具体交互实现细节及效果,检查交互设计是否合理和完整。 4、再从头到尾仔细看设计稿,在看的过程中,脑袋里就可以构想:整个页面分几个模块,哪些模块可以复用,如何布局,大概的类名,页面有哪些图片和图 <a href="https://www.cnblogs.com/jingangel/p/5652243.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/5642443.html
前端学习记录1:开始 - jingangel
一般前端工作的流程步骤: 一、设计稿分析:接到设计稿,分析设计稿,和相关人沟通需求 二、切片:切出要用到的图片和图标,并导出适合的图片格式(用PS或FIREWORKS等工具) 三、页面制作:用HTML和CSS写页面的基础结构(sublime等编辑器) 四、页面兼容:调试兼容问题(Chrome开发者工
2016-07-08T01:12:00Z
2016-07-08T01:12:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】一般前端工作的流程步骤: 一、设计稿分析:接到设计稿,分析设计稿,和相关人沟通需求 二、切片:切出要用到的图片和图标,并导出适合的图片格式(用PS或FIREWORKS等工具) 三、页面制作:用HTML和CSS写页面的基础结构(sublime等编辑器) 四、页面兼容:调试兼容问题(Chrome开发者工 <a href="https://www.cnblogs.com/jingangel/p/5642443.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/4631018.html
如何做到让自己长时间精神专注? - jingangel
转自:http://www.nowamagic.net/librarys/eight/posts/2789让你的注意力聚焦在你所做的事情上,你的处理速度趋近于你的接收速度,你的思维跟上你所做的事情的发展。然后保持,就OK了。这好像是句废话,你问我如何长时间集中注意力,我第一句就说你的注意力要集中才能...
2015-07-08T10:18:00Z
2015-07-08T10:18:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】转自:http://www.nowamagic.net/librarys/eight/posts/2789让你的注意力聚焦在你所做的事情上,你的处理速度趋近于你的接收速度,你的思维跟上你所做的事情的发展。然后保持,就OK了。这好像是句废话,你问我如何长时间集中注意力,我第一句就说你的注意力要集中才能... <a href="https://www.cnblogs.com/jingangel/p/4631018.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/4519554.html
sublime使用 - jingangel
那些不错的插件emmetjavascriptCompletions
2015-05-21T05:58:00Z
2015-05-21T05:58:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】那些不错的插件emmetjavascriptCompletions <a href="https://www.cnblogs.com/jingangel/p/4519554.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/4494007.html
nodejs 第一次使用 - jingangel
在win7下安装与使用1 nodejs官网下载,安装 https://nodejs.org/2 下载最新的 npm,在E:\nodejs\中解压 http://nodejs.org/dist/npm/高级系统设置->高级->环境变量->系统变量 中path中添加 E:\nodejs\新建 NODE_...
2015-05-11T03:16:00Z
2015-05-11T03:16:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】在win7下安装与使用1 nodejs官网下载,安装 https://nodejs.org/2 下载最新的 npm,在E:\nodejs\中解压 http://nodejs.org/dist/npm/高级系统设置->高级->环境变量->系统变量 中path中添加 E:\nodejs\新建 NODE_... <a href="https://www.cnblogs.com/jingangel/p/4494007.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/4341871.html
收集好看的效果及互动页面 - jingangel
雷霆战机世界观h5http://lt.qq.com/act/a20150610wx/?from=timeline&isappinstalled=0雷霆战机TVC H5http://lt.qq.com/act/a20150312tvc/ 网易游戏热爱者http://game.163.com/m/201...
2015-03-16T07:03:00Z
2015-03-16T07:03:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】雷霆战机世界观h5http://lt.qq.com/act/a20150610wx/?from=timeline&isappinstalled=0雷霆战机TVC H5http://lt.qq.com/act/a20150312tvc/ 网易游戏热爱者http://game.163.com/m/201... <a href="https://www.cnblogs.com/jingangel/p/4341871.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3975350.html
转 如何赢得朋友和获得影响力 - jingangel
如何赢得朋友和获得影响力作者:[美] 戴尔·卡耐基译者:阮一峰一、人际关系的基本技巧1. 不要批评、谴责、抱怨。 Don't criticize, condemn or complain.2. 真诚地欣赏他人。 Give honest and sincere appreciation.3. 激发...
2014-09-16T09:13:00Z
2014-09-16T09:13:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】如何赢得朋友和获得影响力作者:[美] 戴尔·卡耐基译者:阮一峰一、人际关系的基本技巧1. 不要批评、谴责、抱怨。 Don't criticize, condemn or complain.2. 真诚地欣赏他人。 Give honest and sincere appreciation.3. 激发... <a href="https://www.cnblogs.com/jingangel/p/3975350.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3964578.html
转 scrollLeft,scrollWidth,clientWidth,offsetWidth之完全详解 - jingangel
scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由...
2014-09-10T07:52:00Z
2014-09-10T07:52:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】scrollHeight: 获取对象的滚动高度。scrollLeft:设置或获取位于对象左边界和窗口中目前可见内容的最左端之间的距离scrollTop:设置或获取位于对象最顶端和窗口中可见内容的最顶端之间的距离scrollWidth:获取对象的滚动宽度offsetHeight:获取对象相对于版面或由... <a href="https://www.cnblogs.com/jingangel/p/3964578.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3964124.html
转 JavaScript 操作select控件大全(新增、修改、删除、选中、清空、判断存在等) - jingangel
收藏一下1、判断select选项中是否存在Value=”paraValue”的Item2、向select选项中加入一个Item3、从select选项中删除一个Item4、删除select中选中的项5、修改select选项中value=”paraValue”的text为”paraText”6、设置se...
2014-09-10T03:47:00Z
2014-09-10T03:47:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】收藏一下1、判断select选项中是否存在Value=”paraValue”的Item2、向select选项中加入一个Item3、从select选项中删除一个Item4、删除select中选中的项5、修改select选项中value=”paraValue”的text为”paraText”6、设置se... <a href="https://www.cnblogs.com/jingangel/p/3964124.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3533867.html
【转】解析消极开发者对于团队的影响及解决方法 - jingangel
解析消极开发者对于团队的影响及解决方法http://gamerboom.com/archives/61826
2014-01-26T03:47:00Z
2014-01-26T03:47:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】解析消极开发者对于团队的影响及解决方法http://gamerboom.com/archives/61826 <a href="https://www.cnblogs.com/jingangel/p/3533867.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3387471.html
转: 大卫谈学习4:为何你会一年经验用十年? - 大卫张33 - jingangel
地址:http://davidzhang33.blog.51cto.com/3095817/1313940
2013-10-25T02:47:00Z
2013-10-25T02:47:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】地址:http://davidzhang33.blog.51cto.com/3095817/1313940 <a href="https://www.cnblogs.com/jingangel/p/3387471.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/p/3246362.html
ie8下jquery读取当前点击的标签位置错误,原因是里面有内容写了text-indent:-9999px - jingangel
今天写一地图的效果,鼠标点击对应的区域,弹出所点击区域的名字。因为设计的区域名字有特殊效果,所以,在点击区域里面套了个标签写上区域名字用来识别,但是这个文字呢不同显示在页面上,所以就给 em 加个了display:block;text-indent:-9999px的样式。用jqueryvar _index = $(this).index(); 获取当前点击的标签对应的名字时,发现在ie8每次获取的标签所在位置都不正确,其它浏览器都正常。百思不得其解,找了很长时间问题,发现,把 text-indent:-9999px样式去掉,这个问题解决了。结论:text-indent:-9999px 这个样式
2013-08-08T09:54:00Z
2013-08-08T09:54:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】今天写一地图的效果,鼠标点击对应的区域,弹出所点击区域的名字。因为设计的区域名字有特殊效果,所以,在点击区域里面套了个标签写上区域名字用来识别,但是这个文字呢不同显示在页面上,所以就给 em 加个了display:block;text-indent:-9999px的样式。用jqueryvar _index = $(this).index(); 获取当前点击的标签对应的名字时,发现在ie8每次获取的标签所在位置都不正确,其它浏览器都正常。百思不得其解,找了很长时间问题,发现,把 text-indent:-9999px样式去掉,这个问题解决了。结论:text-indent:-9999px 这个样式 <a href="https://www.cnblogs.com/jingangel/p/3246362.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2013/05/01/3053099.html
Super Scrollorama 和 TweenMax 插件 - jingangel
SuperScrollorama 是一个用来实现超酷的滚动动画效果的 jQuery 插件。实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。地址:http://johnpolacek.github.io/superscrollorama/TweenMax.min.jsFlash业界久负盛名的动画引擎(TweenLite等)GreenSock推出了新一代动画引擎平台GreenSock Animation Platform,这个是JS版本!地址:http://www.greensock.com/jump-start-js/skrollr.min.js视差
2013-05-01T04:53:00Z
2013-05-01T04:53:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】SuperScrollorama 是一个用来实现超酷的滚动动画效果的 jQuery 插件。实现的效果有:文字褪色,飞,旋转,缩放,斯马什,针脚,滑动,隐退,反弹,颜色,扔,移动,视差。地址:http://johnpolacek.github.io/superscrollorama/TweenMax.min.jsFlash业界久负盛名的动画引擎(TweenLite等)GreenSock推出了新一代动画引擎平台GreenSock Animation Platform,这个是JS版本!地址:http://www.greensock.com/jump-start-js/skrollr.min.js视差 <a href="https://www.cnblogs.com/jingangel/archive/2013/05/01/3053099.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2013/01/03/2843505.html
javascript DOM编程艺术书中的一些工具函数 - jingangel
<script>在文档完全加载后想运行某个函数,用下面的函数addLoadEventfunction addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload !='function'){ window.onload = func; }else{ window.onlad = function(){ oldonload(); func(); } }}insertAfter函数,与insertBefore对应fu...
2013-01-03T15:46:00Z
2013-01-03T15:46:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】<script>在文档完全加载后想运行某个函数,用下面的函数addLoadEventfunction addLoadEvent(func){ var oldonload = window.onload; if(typeof window.onload !='function'){ window.onload = func; }else{ window.onlad = function(){ oldonload(); func(); } }}insertAfter函数,与insertBefore对应fu... <a href="https://www.cnblogs.com/jingangel/archive/2013/01/03/2843505.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2012/12/02/2798018.html
文字滚动的另一方法 拆分文字来做到文字滚动 - jingangel
最近在看javascript详解这本书看到这个例子文字滚动,拆分文字来做到文字滚动。代码如下<!DOCTYPE html><html><head><meta charset="gb2312" /><title>专题</title><style type="text/css"> body{color:#333;font:12px/20px arial; background:#FFF;}body,div,form,img,p,h1,h2,dl,dt,dd,ul,li{pad
2012-12-02T03:45:00Z
2012-12-02T03:45:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】最近在看javascript详解这本书看到这个例子文字滚动,拆分文字来做到文字滚动。代码如下<!DOCTYPE html><html><head><meta charset="gb2312" /><title>专题</title><style type="text/css"> body{color:#333;font:12px/20px arial; background:#FFF;}body,div,form,img,p,h1,h2,dl,dt,dd,ul,li{pad <a href="https://www.cnblogs.com/jingangel/archive/2012/12/02/2798018.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2012/07/23/2604823.html
做为不会理财的人来说,活期转定期存款应该也是个理财方法 - jingangel
理财,个人理解,买基金或股票。基金了解的不多,股票是2700点的时候买了一堆,现在还在那套的呢。做为一个不懂理财的人来说,还是用让存款的利率高一点点的这一方法来理财吧。以招商银行为例,下面的利率表。也就是说:如果存人民币50000元:活期 3个月 利率0.385 利息是48元。定期 3个月 利率2.86 利息是357元这两个差300多呢。活期 半年 利息是 96元定期 半年 利息是 770元这个差600多呢。如果卡里的钱暂时不用的话,可以存定期,应该也算是理财吧,总之,不要让卡里的钱睡大觉。
2012-07-23T05:33:00Z
2012-07-23T05:33:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】理财,个人理解,买基金或股票。基金了解的不多,股票是2700点的时候买了一堆,现在还在那套的呢。做为一个不懂理财的人来说,还是用让存款的利率高一点点的这一方法来理财吧。以招商银行为例,下面的利率表。也就是说:如果存人民币50000元:活期 3个月 利率0.385 利息是48元。定期 3个月 利率2.86 利息是357元这两个差300多呢。活期 半年 利息是 96元定期 半年 利息是 770元这个差600多呢。如果卡里的钱暂时不用的话,可以存定期,应该也算是理财吧,总之,不要让卡里的钱睡大觉。 <a href="https://www.cnblogs.com/jingangel/archive/2012/07/23/2604823.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2012/07/23/2604741.html
用js改变embed标签的src值 - jingangel
今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。第一想法,很简单么,直接把src值改成点击的那个的href值就可以了。试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个。第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧。试了下,和上面一样,依旧不行。又试了许多类似方法,还是不行。最后,想的,把embed标签隐藏(display:none),再清空试下。终于可以了。哎浪费了一上午时间。代码如下var tabv = document.getElementById("f_tabv");var tabva = tabv
2012-07-23T04:09:00Z
2012-07-23T04:09:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】今天有一需求,一堆视频,一堆链接,点击相关的链接,在本页打开相关的视频。第一想法,很简单么,直接把src值改成点击的那个的href值就可以了。试了下,发现这样不行,视频该怎么放还是怎么放,永远是刚打开那个。第二想法,给embed外面加个标签,把里面内容清空,再写进去,这样总可以了吧。试了下,和上面一样,依旧不行。又试了许多类似方法,还是不行。最后,想的,把embed标签隐藏(display:none),再清空试下。终于可以了。哎浪费了一上午时间。代码如下var tabv = document.getElementById("f_tabv");var tabva = tabv <a href="https://www.cnblogs.com/jingangel/archive/2012/07/23/2604741.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2012/06/22/2559084.html
封装getElementsByClassName - jingangel
以下代码来自javascript DOM编程艺术(第2版)js提供的获取dom元素的方法有document.getElementById('abc') 获取ID名为abc的元素document.getElementsByTagName('li') 获取标签名为li的一组元素document.getElementsByClassName("list") 获取类名为list的一组元素 (这个方法有一些浏览器支持,一些不支持)那么,如果在项目中要用这个方法,还是自己封装一个比较好:function getElementsByClassName(pa
2012-06-22T15:38:00Z
2012-06-22T15:38:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】以下代码来自javascript DOM编程艺术(第2版)js提供的获取dom元素的方法有document.getElementById('abc') 获取ID名为abc的元素document.getElementsByTagName('li') 获取标签名为li的一组元素document.getElementsByClassName("list") 获取类名为list的一组元素 (这个方法有一些浏览器支持,一些不支持)那么,如果在项目中要用这个方法,还是自己封装一个比较好:function getElementsByClassName(pa <a href="https://www.cnblogs.com/jingangel/archive/2012/06/22/2559084.html" target="_blank">阅读全文</a>
https://www.cnblogs.com/jingangel/archive/2012/06/16/2551535.html
前端博客收集 - jingangel
http://am-team.github.io/amg/dev-exp-doc.html?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io http://jiongks.name/ http://sentsin.com/daoh
2012-06-15T16:01:00Z
2012-06-15T16:01:00Z
jingangel
https://www.cnblogs.com/jingangel/
【摘要】http://am-team.github.io/amg/dev-exp-doc.html?hmsr=toutiao.io&utm_medium=toutiao.io&utm_source=toutiao.io http://jiongks.name/ http://sentsin.com/daoh <a href="https://www.cnblogs.com/jingangel/archive/2012/06/16/2551535.html" target="_blank">阅读全文</a>