10 2017 档案

【 JS进阶 ]】分析JS中的异步操作
摘要：JS因为是单线程的，所以在执行事务的时候，往往会因为某个事务的延迟，而导致服务器假死，这时候异步编程就显的格外重要，但是异步编程一般理解为回调函数callback，典型的就是node，回调函数的层层嵌套又导致程序过于冗余，因为闭包的存在，导致了内存的泄露或者误改上一层回调函数的参数，于是又有一个疑问 阅读全文
posted @ 2017-10-29 10:11 CC大神01 阅读(221) 评论(0) 推荐(0)
WebStorm基本使用
摘要：欲先善其事，必先利其器，如题。看到网上一篇介绍webstrom的文章，觉得功能确实强大，也知道为什么阿里巴巴的前端传到github上的文件为啥都有一个 .idea 文件，（传说淘宝内部推荐写js用webstrom） 我们可以理解 IDE 就是集成了很多你想要的功能，或者你不想要的功能。换句话说就是装 阅读全文
posted @ 2017-10-28 15:41 CC大神01 阅读(451) 评论(0) 推荐(0)
HTML5 高级系列：web Storage
摘要：前言 HTML5 的 web Storage 存储方式有两种：localStorage 和 sessionStorage。 这两种方式都是通过键值对保存数据，存取方便，不影响网站性能。他们的用法相同，存储时间不同。 localStorage 的数据保存在本地硬件上，可以永久保存，可以手动调用api清 阅读全文
posted @ 2017-10-26 14:15 CC大神01 阅读(203) 评论(0) 推荐(0)
实现立方体旋转
摘要：HTML部分： <body class="body"> <div class="rect-wrap"> <!-- //舞台元素，设置perspective，让其子元素获得透视效果。 --> <div class="container"> <!-- //容器，设置transform-style: pr 阅读全文
posted @ 2017-10-26 14:11 CC大神01 阅读(156) 评论(0) 推荐(0)
JavaScript类——鼠标点击下笑脸变化
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>动态笑脸</title> <style> * { box-sizing: border-box; } .container { width: 400px; min-height: 阅读全文
posted @ 2017-10-25 14:07 CC大神01 阅读(179) 评论(0) 推荐(0)
源码——鼠标点击后，所有div掉下来
摘要：鼠标点击后，所有div掉下来 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> div{ position: absolute; transform: rotate 阅读全文
posted @ 2017-10-25 14:05 CC大神01 阅读(187) 评论(0) 推荐(0)
JQ 照片墙效果
摘要：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>pic</title> <link rel="stylesheet" href= "//cdn.bootcss.com/animate.css/3.5.2/animate.min.c 阅读全文
posted @ 2017-10-24 13:55 CC大神01 阅读(182) 评论(0) 推荐(0)
CSS3简易表盘时钟
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css3时钟</title> <style> .box{ width: 300px; height: 300px; border-radius: 50%; bo 阅读全文
posted @ 2017-10-24 13:53 CC大神01 阅读(276) 评论(0) 推荐(0)
Ajax 重构的步骤
摘要：Ajax重构大致可以分为以下3三个步骤。 一 创建一个单独的JS文件,名称为AjaxRequest.js,并且在该文件中编写重构Ajax 所需的代码 具体代码如下： var net = new Object(); // 定义一个全局的变量 // 编写构造函数 net.AjaxRequest = fu 阅读全文
posted @ 2017-10-23 11:32 CC大神01 阅读(261) 评论(0) 推荐(0)
ajax用post方法传递参数
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>JS</title> <style> #box{ width:600px; height:200px; padding:20px; border:1px sol 阅读全文
posted @ 2017-10-23 11:30 CC大神01 阅读(724) 评论(0) 推荐(0)
实现立方体旋转
摘要：HTML部分： <body class="body"> <div class="rect-wrap"> <!-- //舞台元素，设置perspective，让其子元素获得透视效果。 --> <div class="container"> <!-- //容器，设置transform-style: pr 阅读全文
posted @ 2017-10-22 14:24 CC大神01 阅读(113) 评论(0) 推荐(0)
可以放在页面任何地方de 天气插件
摘要：<!DOCTYPEhtml> <html> <head> <metacharset="UTF-8"> <title>天气</title> <meta name="viewport"content="width=device-width,initial-scale=1"/> <styletype="t 阅读全文
posted @ 2017-10-22 14:23 CC大神01 阅读(190) 评论(0) 推荐(0)
通过css3实现开关选择按钮
摘要：通过css属性实现如图所示按钮要点：通过checkbox选中与否的状态与兄弟选择器实现相关功能1.设置开关大小并设置定位方式为relative .swift-btn { position: relative; display: inline-block; width: 50px; height: 2 阅读全文
posted @ 2017-10-19 10:07 CC大神01 阅读(1529) 评论(0) 推荐(0)
程序员面试中有几大法则
摘要：程序员面试中有几大法则 1、缺乏对面试的模拟 这是很显然的，做很多事情前你都要准备和模拟一下，防止意外的情况发生。程序员面试也是一样的，如果你正在准备一个程序员面试，你应该找一些可以和你一起准备的程序员，你们一起模拟面试的场景，互相提问。 2、总是着急忙慌 在解决问题时不要着急，否则只会导致更多的错 阅读全文
posted @ 2017-10-19 10:05 CC大神01 阅读(102) 评论(0) 推荐(0)
webstorm工具使用的快捷键
摘要：tab键 快速生成代码 2. Ctrl+D 复制行 3. Ctrl+Y 删除行 4. Ctrl+G 通过行号查找行 5. Ctrl+/ 或 Ctrl+Shift+/ 添加注释 6. Ctrl+Shift+Up/Down 代码块向上或向下移动 7. Ctrl+R 替换文本 8. Ctrl+F 查找文本 阅读全文
posted @ 2017-10-18 11:43 CC大神01 阅读(224) 评论(0) 推荐(0)
MyEclipse 快捷键
摘要：MyEclipse 快捷键1(CTRL) Ctrl+1 快速修复 Ctrl+D: 删除当前行 Ctrl+Q 定位到最后编辑的地方 Ctrl+L 定位在某行 Ctrl+O 快速显示 OutLine Ctrl+T 快速显示当前类的继承结构 Ctrl+W 关闭当前Editer Ctrl+K 快速定位到下一 阅读全文
posted @ 2017-10-17 10:26 CC大神01 阅读(100) 评论(0) 推荐(0)
前端进阶突破瓶颈的前者经验
摘要：这里再说一下自己为什么会迷茫，技术学到某个阶段就很难提升了，更多只能靠自己摸索，没有人可以指导，就像是创业公司的CEO，突然想起之前的一家公司老板当时说的话，你看我现在好像是成功了，但是每天付出的却是你的10倍，你们只要把每天的工作完成就算合格了，要是再好一点就是优秀，但是我呢，没有人可以给我指导， 阅读全文
posted @ 2017-10-17 10:25 CC大神01 阅读(244) 评论(0) 推荐(0)
源码：五种炫酷的3D轮播Banner图
摘要：<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="https://os.alipayobjects.com/rmsportal/cfYsvciteYQGy 阅读全文
posted @ 2017-10-16 10:38 CC大神01 阅读(339) 评论(0) 推荐(0)
一位老司机总结的Jq插件
摘要：jQuery Easing：jQuery 动画效果扩展jQuery Migrate：jQuery 应用迁移辅助插件Modernizr：专为HTML5和CSS3开发的功能检测类库jQuery Flexslider：响应式 jQuery 内容滚动插件WOW：在页面滚动时展现动感的元素动画效果Sticky 阅读全文
posted @ 2017-10-16 10:34 CC大神01 阅读(281) 评论(0) 推荐(0)
用原生js写2048小游戏
摘要：<!DOCTYPE html> <html> <head> <title> 2048-game </title> <meta charset="utf-8" /> <style media="screen"> #game { display: none; position: absolute; le 阅读全文
posted @ 2017-10-15 15:30 CC大神01 阅读(324) 评论(0) 推荐(0)
小公司的前端应该怎么做？
摘要：随着能力的提升，负责的工作种类会逐渐增多，考虑的方向也会有所不同，这个时候不太会有太多单独的知识点成为阻碍了，工作中碰到的问题要么太 “大”，总结起来费力，要么太“小”。 在小公司做前端，因为公司以及职位的变化，对于在小公司如何做前端有一些心得，拿出来与各位做个分享，希望对处于小公司的前端有一定用处 阅读全文
posted @ 2017-10-15 14:13 CC大神01 阅读(207) 评论(0) 推荐(0)
手机屏幕解锁
摘要：实现原理 利用HTML5的canvas，将解锁的圈圈划出，利用touch事件解锁这些圈圈，直接看代码。 复制代码 canvas里的圆圈画好之后可以进行事件绑定 复制代码 需要了解的同学，加群434623999 接着到了最关键的步骤绘制解锁路径逻辑，通过touchmove事件的不断触发，调用canva 阅读全文
posted @ 2017-10-15 14:08 CC大神01 阅读(183) 评论(0) 推荐(0)
通往成功的钥匙--Web前端开发技术
摘要：互联网是一个服务性行业，用户对网站良好的体验度，直接影响到网站的效果。无论你做了多少广告推广，没有用户体验度等于零。Web前端技术是为了解决用户体验度而诞生的。无论是百度、新浪、阿里巴巴等大型网站，还是中小企业的电子商务网站，都离不开web前端开发技术。根据职友网调查，目前一般薪资都在10000以上 阅读全文
posted @ 2017-10-13 11:05 CC大神01 阅读(86) 评论(0) 推荐(0)
前端面试想要得高分，看过来~~~
摘要：理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么前端面试想要得高分，看过来~~~时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）p 阅读全文
posted @ 2017-10-13 11:04 CC大神01 阅读(123) 评论(0) 推荐(0)
Web前端开发必学15大技术
摘要：快进到现在，我发现现代web开发再一次将发生压倒性的改变。信息资讯的铺天盖地令人迷惑，尤其对于初学者而言。首要原因是新的框架，例如 Angular 2和ReactJs出现了，使用了尚未完全定型的ECMAScript 6特性。并且有更多的工具可用于转换ES6代码为普通的旧的JavaScript代码，也 阅读全文
posted @ 2017-10-12 13:41 CC大神01 阅读(428) 评论(0) 推荐(0)
web前端培训就业前景如何 客观观点分析
摘要：web前端开发工程师可以说是一个全新的职业，在IT整个行业中真正受到重视的时间没有超过5年，也正因为这样，大家越来越想了解web前端工程师的前景究竟怎么样? web前端培训就业前景如何?web前端工程师的就业情况如何?web前端开发工程师的演变之路，不知道大家了解多少?说实话web前端开发实质是从美 阅读全文
posted @ 2017-10-12 13:40 CC大神01 阅读(228) 评论(0) 推荐(0)
web前端开发学习路径图
摘要：第一阶段 WEB前端工程师课程 HTML语句，HTML页面结构、css语法、style属性、link和style标签、id属性、等HTML语句中的相关属性； 通过Dreamweaver制作出跨越平台限制和跨越浏览器兼容性的页面，掌握Dreamweaver成为Web前端工程是的关键。 浏览器兼容性问题 阅读全文
posted @ 2017-10-11 10:54 CC大神01 阅读(133) 评论(0) 推荐(0)
web前端好学吗？
摘要：最近这段时间正是就业招聘高峰期，宸继人才发展中心有许多学生讨论关于WEB前端工程师这个职位的问题。比如：关于前端难不难？好不好找工作？有没有用？好不好学？待遇好不好？好不好转其他的职位？ 针对这个问题，课工场CC老师想跟大家谈谈自己对前端工程师的看法。 所谓的Web前端工程师，都应该会些什么，干些什 阅读全文
posted @ 2017-10-11 10:52 CC大神01 阅读(255) 评论(0) 推荐(0)
从业两年前端工程狮需要具备哪些技能？
摘要：公司招聘有两点是必须要求的，一个是工作经验，一个是掌握的技术。前端这个行业，很多人都会说自己有两年工作经验，包括一些刚刚毕业的大学生，他们甚至不是计算机专业，因为参加培训班，学了三四个月出来就说自己有两年工作经验。 如果真的有两年工作经验，那么到底应该需要有哪些技术。如果你说你自己只会用jquery 阅读全文
posted @ 2017-10-07 15:06 CC大神01 阅读(188) 评论(0) 推荐(0)
web前端自学之路
摘要：web前端作为一个新兴的热门职位，在今日互联网的发展上，已经IT行业的一门新贵。 现在，很多人都认识到了这个新兴的职业，并且想要接触它，但是却是不知道怎样下手，如何快速的入门和学习呢？ 前端，直白的讲就是做网页的，而我们想要制作网页所要学的，也是必须要学的就是三种语言，HTML、CSS、Javacr 阅读全文
posted @ 2017-10-07 15:05 CC大神01 阅读(138) 评论(0) 推荐(0)
Web前端工程师必备的六个技能！你都会么？
摘要：Web前端开发是从网页制作演变而来的，名称上有很明显的时代特征。 2005年以后，互联网进入Web 2.0时代，各种类似桌面软件的Web应用大量涌现，网站的前端由此发生了翻天覆地的变化。网页不再只是承载单一的文字和图片，各种丰富媒体让网页的内容更加生动，网页上软件化的交互形式为用户提供了更好的使用体 阅读全文
posted @ 2017-10-06 15:50 CC大神01 阅读(377) 评论(0) 推荐(0)
web前端开发培训和自学 适合你的，才是最好的
摘要：web前端相对于其他软件开发是比较容易入门的，但是如果深入学习就比较困难了，这门技能需要从业人员掌握一定的设计、代码、交互技能和一些SEO技能，容易入门还涉及这么多知识和技能，那学习web前端开发到底是培训好还是自学好，哪种效率更高些? 其实我们在网络、APP上浏览网页时看到的所有漂亮的页面都是由w 阅读全文
posted @ 2017-10-06 15:48 CC大神01 阅读(413) 评论(0) 推荐(0)
实用的HTML优化技巧
摘要：如何提升Web页面的性能，很多开发人员从多个方面来下手如JavaScript、图像优化、服务器配置，文件压缩或是调整CSS。 很显然HTML 已经达到了一个瓶颈，尽管它是Web开发 界面必备的核心语言。HTML页面的负载也是越来越重。大多数页面平均需要40K的空间,像一些大型网站会包含数以千计的HT 阅读全文
posted @ 2017-10-01 15:41 CC大神01 阅读(134) 评论(0) 推荐(0)
前端面试想要得高分，看过来~~~
摘要：理论是基础，有些东西还是要温故而知新吧，闲余之时还是要“炒炒现饭”。下面小编把“阿里Web前端开发面试题”贴出来，大伙看看吧~~ 1. CSS 盒子模型，绝对定位和相对定位 1）清除浮动，什么前端面试想要得高分，看过来~~~时候需要清除浮动，清除浮动都有哪些方法 2）如何保持浮层水平垂直居中 3）p 阅读全文
posted @ 2017-10-01 15:37 CC大神01 阅读(123) 评论(0) 推荐(0)