CSS中需要明白的 content 属性

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-09 11:59:13.0
如果你是一个前端开发者,可能知道有一些很好的伪类的改变,比如CSS content属性.如果不熟悉这些概念的,可能需要去复习一篇了.在这篇文章中.我们主要是看 content属性. CSS的 content 属性需要在 ::before和::after 伪类元素中使用. 属性会在页面上生成content中的内容,当然需要您的浏览器支持这个属性.content 属性的基本语法.content 属性的表现形式就如下所写,这里列出了每一个属性的值.p::before {   content: normal|counter|attr|string|open-q

如何成为一名合格的前端开发者

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-06 12:11:07.0
Web开发是一直比较热门的话题.它不像传统的应用程序,不仅要知道网页是怎么工作的,还得学习更多的编程,网络技术.成为一个初学者,英文好的可以看看这个教程:http://code.tutsplus.com/courses/how-to-become-a-web-developer?ec_promo=short_course,英文不好的,就看以看看国内的一些讲师的视频教程或者书籍.我们可能还得学习浏览器的调式工具比如火狐的Firebug,谷歌浏览器的开发者工具等等.我们要学习什么学习的内容,可能需要先了解一些术语,然后购买教科书或者通过老师来讲解知道要学习的内容. 我们需要学习如何通过HTML,

CSS3实现围绕任何点来旋转-续

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-05 12:05:15.0
前天写过一篇文章 "CSS3实现围绕任何点来旋转",主要是实现围绕点来旋转.今天我们继续用另外一种方式实现.我们先来看代码Html <div class="smile">?</div>Css.smile{   margin:100px auto;   width: 80px;   height: 80px;   font-size: 80px;   animation: action 10s linear inf

Javascript Prototype 方法 vs Object 方法

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-04 11:59:41.0
在JavaScript中,定义一个对象,可以使用两种方式给他加入方法.1. 在对象结构函数里面使用 this.func = function(){...}2. 使用prototype 例如 obj.prototype.func = function(){...}这两种处理方式,在创建对象后,都可以访问函数 func().但是,我们选择哪种方式最好呢?简短来说: 使用 prototype ,大多数都是使用这种方式.对象实例化后共享公共函数,使用prototype.1. 使用 Prototype 改变公共方法,是一个好的选择使用prototype给对象添加公共方法,修改公共逻辑非常简单,甚至在实例

CSS3实现围绕任何点来旋转-京东推荐动画

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-03 19:12:51.0
之前在京东首页看到一个推荐动画觉得还是可以试试使用.其实整个效果还是比较简单的.主要还是控制动画的运作原点.在这个动画里,我觉得比较有意思的就是这个黑点的旋转.我们这次就来实现这个效果.以为其他效果都是没难度的我们先来看完整代码<!DOCTYPE html> <html> <head>    <meta charset="UTF-8">    <title>动画</title>    

HTML5 和 CSS3 代码生成工具列表

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2016-01-01 14:28:11.0
HTML5是现在流行的语言之一,在开发人员和设计人员,因为它提供了许多功能,帮助开发人员轻松设计web应用程序。HTML5有很多属性,如现代浏览器支持(如Firefox 6,Google Chrome,IE9等等)的结构特定的标签、视觉元素,如圆角现在建在,拖拽,视频,音频和画布元素等等,还有更多的.目前也出现了很多的支持html5和css3的工具,他们给我们学习和实践项目带来了很大的方便.下面我们列出了一些相关的工具,帮助大家能够快速的开发web应用程序.a) QuackIt – HTML Code Generator(http://www.quackit.com/html/html_gen

Emacs编辑器快速上手的几个命令

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2015-12-31 12:16:25.0
已经很多年没有使用过emacs了,已经完全的不知道如何上手.主要是还是太依赖IDE的强大,其实emacs也是很强大的,他其实就是一个操作系统.里面很多命令,就像linux中的命令一样.学会这些命令,也需要一定的时间.如何上手呢.emacs当然也有windows版,不过我喜欢在cygwin下操作.好了,其他不多讲.我们先上手吧!大家思考下,一个编辑器最基本的操作是那些?新建文本,打开文本,保存文本,编辑文本,移动光标,删除文本,撤销,粘贴,复制,剪切,关闭编辑器.注意: C -> ctrl    M -> alt.这里大写C和大写M是按键的缩写.文件操作:新建文件

javascript实现日志输出函数log,自定义格式.

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2015-12-30 12:06:47.0
今天我们来做一个简单的实例,日志输出功能我们都经常的使用,不管是后端,还是前端都会涉及的到.日志在后端也是非常重要的,当然插件也很多.所以使用插件也是很好的选择.但是我们这里是实现js的日志输出功能,虽然JS中有console.log这个函数,已经非常好了.但是我们要加入我们自己的信息,就得做一番的改变了,封装了.好,我们直接来看代码吧function log(){var args = Array.prototype.slice.call(arguments, 0, 0);args.unshift("编程的人: ", 0, 0);console.log.apply(cons

Javascript中能欺骗你的11个关于true false的问题

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2015-12-29 09:05:52.0
这一章,我们来看看true和false的一些细节问题.首先,我们先要确定下Javascript中的定义的细节.假的(false): 在Javascript 6种都是false的是 null,undefined,"",0,NaN真的(true): 两种都是true, 字面量true和不是false的都是true.我们这里罗列了一些,可能会遇到的问题.我们以问答的形式问: 'false' 是 false吗?答: 不是.因为字符串的长度大于0.只有空字符串才是false.问: ' '是false吗?答: 不是

Javascript中两个对象作比较

吴统威 on 编程语言 前端编程 HTML/CSS/JAVASCRIPT | 2015-12-28 12:08:12.0
Javascript中有两种办法测试是否相等. 原始类型的字符串,数字比较的是他们的值,当对象像数组,日期,和用户定义的对象作比较是通过他们的引用.这意味着比较两个对象比较的是引用是否是在内存中的同一地址.相等检查,检查两个对象的属性是否有同样的值.你可以通过两个对象间获取键做检查.如果属性个数不同,则两个对象不相等.其次,检查每个属性是否有同样的值.假如所有的属性有同样的值,他们就是相等的.Javascriptfunction isEqual(a, b) {     var aProps =