Web前端
关注
分享
扫一扫
文章平均质量分 70
sunyuan_software
这个作者很懒，什么都没留下…
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
认识并遵循W3C标准，将代码规范化
W3C标准不是一个标准，而是一系列的标准。原创 2015-04-15 13:14:46 · 788 阅读 · 0 评论 -
React + ES6环境搭建与第一个应用
最近也在学习React、Angular、Vue等这类的MV*应用,感觉React+ES6写的时候很爽,所以就分享给大家。首先,我们先从React的官网上把React和所依赖的包都下载过来。http://facebook.github.io/react/下载完之后,应该是有这么多js文件的: 第一个React+ES6的页面<!DOCTYPE html><html> <head> <me原创 2016-04-21 09:50:39 · 7452 阅读 · 0 评论 -
浏览器渲染流程分析与总结
我们写了那么多的页面,大家都知道编写HTML是页面的结构,CSS是控制样式,那么浏览器它到底是怎么工作的呢？怎样把你所写的HTML和CSS代码在页面中呈现出来的呢?带着这个疑问我们探讨下去。原创 2016-02-01 15:59:26 · 2408 阅读 · 0 评论 -
读‘Web前端开发工程师编程能力飞升之路’感触
背景如果你是刚进入WEB前端研发领域，想试试这潭水有多深，看这篇文章吧； 如果你是做了两三年WEB产品前端研发，迷茫找不着提高之路，看这篇文章吧； 如果你是四五年的前端开发高手，没有难题能难得住你的寂寞高手，来看这篇文章吧； WEB前端研发工程师，在国内是一个朝阳职业，自07-08年正式有这个职业以来，也不过几年的时间。这个领域没有学校的正规教育，没有行内成体系的理论指引，几乎所有从事这个转载 2015-11-01 17:50:02 · 1080 阅读 · 0 评论 -
前端精选文摘：BFC 神奇背后的原理
BFC 已经是一个耳听熟闻的词语了，网上有许多关于 BFC 的文章，介绍了如何触发 BFC 以及 BFC 的一些用处（如清浮动，防止 margin 重叠等）。虽然我知道如何利用 BFC 解决这些问题，但当别人问我 BFC 是什么，我还是不能很有底气地解释清楚。于是这两天仔细阅读了CSS2.1 spec 和许多文章来全面地理解BFC。一、BFC是什么？ 在解释 BFC 是什么之前，转载 2015-09-11 12:46:45 · 525 阅读 · 0 评论 -
jQuery实战：创建元素包装集,选择将被操作的元素
看完你能学到什么？1、利用基本CSS选择器 2、利用子选择器、容器选择器和特性选择器 3、通过位置选择 4、利用自定义jQuery选择器几乎使用任何jQuery方法的时候，我们必须做的第一件事，就是选择将被操作的页面元素。有时，想要选择的元素集合是易于描述的，例如“页面上的所有链接元素”。有时，需要比较复杂的描述，比如“拥有CSS类leftchild的偶数的段落 ”。 庆幸的是，jQuer原创 2015-06-15 19:59:39 · 935 阅读 · 0 评论 -
架构属于您自己的WebApp-2048游戏
我利用了周六，周日两天的时间，完完整整地写出一个2048的web游戏，其中所涉及的技术：Html+css+javascript。演示地址：罗坚元的2048首先，我们拿到这样一个任务，肯定是要玩一下2048这个游戏的。并不是单纯地玩，要想一下这个游戏的布局，思路等等 2048这个游戏是这样的：根据你的交互而进行下一步动作，这是什么意思呢？就是这个游戏的是否进行是根据你的按键来判断的，你所按的键分别是：原创 2015-05-24 21:04:57 · 929 阅读 · 0 评论 -
多本Web前端深度修炼书籍(提供网盘下载链接)
书籍介绍:这本书涵盖了html5新增标签和功能,并且提供了jquerymobile,Phonegap,Sencha Touch框架的介绍和应用，最后还带了一个移动web应用的例子,绝对是移动web开发的好书! 下载地址: http://pan.baidu.com/s/1gdiwpF1书籍介绍:这本书为读者系统的规划了javascript的各个知识点,无论各个阶段看这本书都有收获！ 下载地址原创 2015-06-10 14:54:37 · 6309 阅读 · 0 评论 -
JavaScript2种构造函数创建对象的模式以及继承的实现
第一种模式:function Person(){}Person.prototype.say=function(){ alert('hello');}var person=new Person();person.say();//hello根据第一种模式说一下继承的实现:function Person(){}Person.prototype.say=function(){原创 2015-06-07 12:25:05 · 958 阅读 · 0 评论 -
Html+Css新手简单快速仿京东商品分类导航
看一看最终的效果: 下面我们就按照分析→设计→实现 三大步骤来完成这个导航的效果，学会了之后，会发现大多数电商都是用这样的效果的。我们先从把结构写好：一个nav包含上面一个div(全部商品分类),一个导航列表(ul li) 然后在每一个li里面都包含一个默认不显示的的大div(利用了绝对定位，这个div分成左边:小分类列表,右边图片广告) 因为我是用 纯css+html写的， 所以它的文件有原创 2015-06-09 13:00:16 · 27017 阅读 · 4 评论 -
前端菜鸟模仿新浪导航
大家可以去新浪网看看导航，前几天突然有这样的一个想法，所以就来撸一番代码。详细看代码。 index.html<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html><head><meta char原创 2015-06-03 08:14:14 · 1631 阅读 · 0 评论 -
全面认识Ajax
首先，在认识Ajax之前，我们来了解一下同步和异步在Ajax没被发现之前：有一个很长很多信息要填的表单，有姓名，编号，工作内容，联系方式，地址，邮箱等等，当你填完后，点击提交，等待了好几分钟，它给你返回一个邮箱重复了，你把邮箱改好了之后，再提交，又等了好几分钟，它给你返回联系方式格式错误。—–这就是同步请求：每按一次提交，客户端就发送一次请求（内含你填的信息）给服务器，服务器就返回信息给客户端， 同原创 2015-05-16 17:32:51 · 638 阅读 · 0 评论 -
JS之执行环境，作用域详解
在《Javascript高级程序设计》这本书中学到的知识，觉得对于JS学习还是有很大帮助的，所以就写上来跟大家分享一下。首先我们来看一下执行环境。用例子来说明:var backgroundColor='red';function changeColor(){ if(backgroundColor=='red'){ backgroundColor='blue';原创 2015-05-28 14:31:08 · 811 阅读 · 0 评论 -
谈JavaScript中的变量和数据类型
首先,我们要清楚JS是一门弱类型且是动态类型的语言。弱类型就是可以让你进行一些隐式转换,如[] == 0为true,而强类型的就不行;动态类型就是在代码运行时才去检测类型,比如a = 3; a.push(3);结果是运行时报错,而静态类型是在编译时就会报错。想深入了解的同学可以去:弱类型、强类型、动态类型、静态类型语言的区别是什么？JS中总共有三种声明变量的方式： var , let , const原创 2017-08-05 07:07:13 · 625 阅读 · 1 评论