杨杨0708 - 博客园

2016年5月6日

js原生：封装document.getElementByClassName()函数

摘要： //接口封装：封装document.getElementByClassName()函数function getElementsByClassName (cName,domTag,root) {//该函数有三个参数：第一个参数是class名（必选，字串形式）；第二个参数是父容器（可选），默认为body 阅读全文

posted @ 2016-05-06 11:48 杨杨0708 阅读(5130) 评论(0) 推荐(0)

js和jquery获取父级元素、子级元素、兄弟元素的方法

摘要：先说一下JS的获取方法，其要比JQUERY的方法麻烦很多，后面以JQUERY的方法作对比 JS的方法会比JQUERY麻烦很多，主要则是因为FF浏览器，FF浏览器会把你的换行也当最DOM元素原生的JS获取ID为test的元素下的子元素。可以用：比如： <div id="dom"> <div></d 阅读全文

posted @ 2016-05-06 11:47 杨杨0708 阅读(1017) 评论(0) 推荐(0)

2016年5月5日

封装bt轮播图淡入淡出效果样式

摘要：  <div data-ride="carousel" class="carousel slide carousel_inner_padding carousel-fade" id="carousel-container"> 注意：carousel-fade是自定义是类。 /* 阅读全文

posted @ 2016-05-05 10:18 杨杨0708 阅读(291) 评论(0) 推荐(0)

Bootstrap每天必学之导航条

摘要： http://www.jb51.net/article/75534.htm Bootstrap每天必学之导航条，本文向大家讲解了多种多样的导航条，以及导航条中元素的实现方法，感兴趣的小伙伴们可以参考一下 1、导航条导航条（navbar）和上一节介绍的导航（nav），就相差一个字，多了一个“条”字。阅读全文

posted @ 2016-05-05 10:09 杨杨0708 阅读(854) 评论(0) 推荐(0)

全面解析Bootstrap图片轮播效果

摘要： http://www.jb51.net/article/75806.htm 一 . 结构分析一个轮播图片主要包括三个部分： ☑ 轮播的图片 ☑ 轮播图片的计数器 ☑ 轮播图片的控制器第一步：设计轮播图片的容器。在 Bootstrap 框架中采用 carousel 样式，并且给这个容器定义一个 I 阅读全文

posted @ 2016-05-05 10:04 杨杨0708 阅读(2325) 评论(0) 推荐(0)

2016年4月26日

JS如何获取页面可见区域高度

摘要： window.document.body.clientHeight就可以window.screen.availWidth 返回当前屏幕宽度(空白空间) window.screen.availHeight 返回当前屏幕高度(空白空间) window.screen.width 返回当前屏幕宽度(分辨率值阅读全文

posted @ 2016-04-26 09:33 杨杨0708 阅读(1658) 评论(0) 推荐(0)

2016年4月25日

怎样才能成为优秀的前端工程师

摘要：我说说我的看法，我觉得目前国内所谓前端工程师还是有好多分支的，有的前端在UED部门，有的在设计部门，有的在技术部门，所以首先要找好自己的定位，在技术部门的你就狂钻研javascript，死扣兼容性问题，在UED部门你就可以关注一些交互，提高自己的沟通技巧（因为我觉得产品和交互就是耍嘴皮子的），在阅读全文

posted @ 2016-04-25 14:28 杨杨0708 阅读(337) 评论(0) 推荐(0)

提升易用性和转化率的设计方法

摘要：全文共32个要点，较长，今天先上一半，下周补完。接下来进入译文。 1.尝试单栏布局单栏布局可以让你对内容叙事进行更好的控制。从上到下的方式能够以更符合读者预期的方式对他们进行引导，而多栏布局很有可能对页面的主要目标产生干扰作用。试着通过故事来引导用户，并在底部放置最重要的Call to Acti 阅读全文

posted @ 2016-04-25 14:13 杨杨0708 阅读(451) 评论(0) 推荐(0)

2016年4月22日

让div显示在屏幕中央的css代码段

摘要： .popup{ width:500px; height:400px; position:absolute; top:50%; left:50%; margin-top:-200px; /*注意：这里的上，左边距的偏移是关键，一定要是height值的一半*/ margin-left:-250px; / 阅读全文

posted @ 2016-04-22 11:15 杨杨0708 阅读(1662) 评论(0) 推荐(0)

2016年4月21日

在线查找图标的好站

摘要：阿里巴巴矢量图：http://www.iconfont.cn/search?q=已阅阅读全文

posted @ 2016-04-21 14:26 杨杨0708 阅读(151) 评论(0) 推荐(0)

2016年4月14日

webstrom使用手册

摘要： http://blog.csdn.net/kongjiea/article/details/48262851 http://www.jb51.net/article/58310.htm http://blog.csdn.net/kongjiea/article/details/48262851 0、阅读全文

posted @ 2016-04-14 17:00 杨杨0708 阅读(7406) 评论(0) 推荐(0)

2016年4月12日

Bootstrap3写的红色警告框样式组件

摘要：用的是BT3的类和fa的图标 <!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width initial-scale=1"> <link 阅读全文

posted @ 2016-04-12 17:13 杨杨0708 阅读(605) 评论(0) 推荐(0)

2016年4月8日

AngularJS最理想开发工具WebStorm

摘要： http://blog.fens.me/angularjs-webstorm-ide/ Angularjs插件下载地址：http://plugins.jetbrains.com/plugin/6971 Aug 29, 2013 angularangular.jsangularjswebstorm 2 阅读全文

posted @ 2016-04-08 15:52 杨杨0708 阅读(514) 评论(0) 推荐(0)

WebStorm界面出现中文乱码（出现口口口）

摘要：不少刚刚使用WebStorm软件的童鞋，发现在新建一个项目时，如果输入中文，会显示成口口口。这个问题要怎么解决呢... 点一下界面上那个扳手图标（settings），快捷键Ctrl+Alt+S。点一下界面上那个扳手图标（settings），快捷键Ctrl+Alt+S。 2 找到“Appearanc 阅读全文

posted @ 2016-04-08 14:54 杨杨0708 阅读(4622) 评论(0) 推荐(0)

JavaScript 开发工具webstrom使用指南

摘要：本文给大家推荐了一款非常热门的javascript开发工具webstrom,着重介绍了webstrom的特色功能、设置技巧、使用心得以及快捷键汇总，非常的全面。看到网上一篇介绍webstrom的文章，觉得功能确实强大，也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件阅读全文

posted @ 2016-04-08 11:49 杨杨0708 阅读(463) 评论(0) 推荐(0)

Emmet插件详解

摘要： http://www.ithao123.cn/content-10512551.html （webstorm的css编写插件）Emmet：HTML/CSS代码快速编写神器（webstorm的css编写插件）Emmet：HTML/CSS代码快速编写神器 [摘要：Emmet的前身是默默无闻的Zen c 阅读全文

posted @ 2016-04-08 11:46 杨杨0708 阅读(567) 评论(1) 推荐(0)

【WebStorm】前端工具开发利器webstrom专篇...更新中

摘要： http://my.oschina.net/maomi/blog/137807#OSC_h2_5 WebStorm混搭svn WebStorm混搭nodeJS webstorm简单介绍 webstorm设置技巧 webstorm使用心得 WebStorm集成git使用 WebStorm常用快捷键 w 阅读全文

posted @ 2016-04-08 11:40 杨杨0708 阅读(14670) 评论(0) 推荐(0)

webstorm常用快捷键及插件

摘要：子曰：工欲善其事，必先利其器。那么问题来了，前端开发用什么比较好？我反正用的是webstorm，之前也花了一些时间看看别人的使用方式。下面分类介绍一下。常用快捷键：常用插件：先这样吧，以后有新的发现也会持续更新的。如果你有推荐的，也可以留言提示我。估计也不会更新了，现在改用sublime 阅读全文

posted @ 2016-04-08 11:39 杨杨0708 阅读(4262) 评论(0) 推荐(0)

超强JavaScript编辑器WebStorm代码提示迟缓问题及其它想到的

摘要：去D2后发现 Hedger 的js编辑器是webStorm，便下载来试试，结果发现：虽然WebStorm的js的提示远远不如aptana那么强悍(输入字母d不提示document)，但是做为 IntelliJ IDEA 的js缩水版，其它功能也是比较期待的。具体的有： 1. 文件不用保存，敲完直阅读全文

posted @ 2016-04-08 11:33 杨杨0708 阅读(844) 评论(0) 推荐(0)

webstrom快捷键

摘要： 1. ctrl + shift + n: 打开工程中的文件，目的是打开当前工程下任意目录的文件。 2. ctrl + j: 输出模板 3. ctrl + b: 跳到变量申明处 4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation) 阅读全文

posted @ 2016-04-08 11:32 杨杨0708 阅读(228) 评论(0) 推荐(0)

公告