嗯 就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计： 观察一张图片的变化，发现： 1、图片缩放（随机，并且不是同时运动） 1、从大到小 2、从小到大，透明度从1到0（在第一步运动完成后立马开始） 2、图片旋转（随机，并且不是同时运动的。需要在全部运动走完以后开始） 3. 因为每张图片是随机开始变换的，所以起始时间是不同的，这里可设置一个延迟器setTimeout，时...
//动态加载js function loadScript(url) {var script = document.createElement(‘script‘);script.type = ‘text/javascript‘;script.src = url;document.getElementsByTagName(‘head‘)[0].appendChild(script); }//动态加载css function loadStyles(url) {var link = document.createElement(‘link‘);link.rel = ‘stylesheet‘;link.type = ‘text/css‘;link.href = url;document.getElementsByTagName(‘head‘)[0].app...
1、在现实世界中，使用外部文件会加快页面显示速度，因为外部文件会被浏览器缓存。提高了脚本文件和样式表的复用性。（无需在每个页面中都定义一次）2、减小了页面体积，可以提高页面加载速度。（脚本文件和样式表可以被浏览器单独缓存）3、提高了脚本和样式的可维护性。（这个虽然与性能无关，但其实也是很重要的） **_base.css **.common.js原文：http://blog.csdn.net/jenya007/article/details/40654923
一、HTML注释<!-- 单行注释 --><!--多行注释 --> 二、CSS注释<style type="text/css">/* 单行注释 *//*多行注释 */</style> 三、JavaScript注释// 这是一个单行注释/*这是一个多行注释*/ 原文：https://www.cnblogs.com/simplelong/p/13424072.html
源：http://zhibimo.com原文：http://www.cnblogs.com/oiliu/p/4829652.html
常用html、CSS、javascript前端命名规范 无意发现自己文件夹里面有这么一个文件，具体从哪里来的不记得了，仔细看下，发现总结的挺好的，贴出来分享一下。 无论是从技术角度还是开发视角，对于web前端开发规范文档都有一定规范，本文就css3和html5的发展前景总结了一系列的web开发文档，仅供大家参考。规范目的： 为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确...
Html，JavaScript，CSS是什么？ HTML(Hypertext Markup Language)。HTML是一种规范，一种标准，他通过标记符号来标记要显示的网页中的各个部分。网页文件本身是一种文本文件，通过在文本文件中添加标记符，可以告诉浏览器如何显示其中的内容（如：文字如何处理，画面如何安排，图片如何显示等）。浏览器按顺序阅读网页文件，然后根据标记符解释和显示其标记的内容，对书写出错的标记将不指出其错误，且不停止其解释执行过程...
之前看过Yahoo团队写的一篇关于网站性能优化的文章，文章是2010年左右写的，虽然有点老，但是很多方面还是很有借鉴意义的。关于css的性能优化，他提到了如下几点：CSS性能优化1、把样式表置于顶部现把样式表放到文档的< head />内部似乎会加快页面的下载速度。这是因为把样式表放到< head />内会使页面有步骤的加载显示。注重性能的前端服务器往往希望页面有秩序地加载。同时，我们也希望浏览器把已经接收到内容尽可能显示出来。这...
在开发中编写的js、css发布的时候，往往需要进行压缩，以减少文件大小，减轻服务器的负担。这就得每次发版本的时候，对js、js进行压缩，然后再发布。有没有什么办法，让代码到了服务器上边，它自己进行压缩呢？ 有两种办法：第一种，在css、js请求到来的时候读取一下相对应的文件，进行压缩后返回。此方法可以通过在Global.asax的Application_BeginRequest的事件中，进行处理，也可以在web.config中注册一个httpHandler进行处理。第...
使用html+css+javascript实现列表循环滚动，设置时间定时，在规定的时间内替换前一个节点的内容，具体示例如下，感兴趣的朋友可以参考下说明：设置时间定时，在规定的时间内替换前一个节点的内容 1、关键代码：javascript： 代码如下:<script type="text/javascript"> var dome=document.getElementById("dome"); //获取节点 var dome1=document.getElementById("dome1"); var dome2=document.getElementById("dome2"); var speed...
原文转载：http://www.codeceo.com/article/15-interesting-js-css-framework.html 1. WingWing 是一个微型（压缩后仅有4KB）响应式的 CSS 框架，它提供了一个 12 列响应式网格以及基础的样式组件集，可为你的建站工作打下坚实的基础。当然，这个项目最酷的地方在于，它绝大多数的 HTML 元素都是自动样式化的，而不需要任何额外的类。希望你会喜欢！HERE：Wing 项目地址2. ShaveShave 是一个零依赖、轻量级的 JavaScript 插件，它能...
关于js中style,currentStyle和getComputedStyle几个注意的地方（1）用js的style只能获取元素的内联样式，内部样式和外部样式使用style是获取不到的。（2）currentStyle可以弥补style的不足（可获取内联样式，内部样式和外部样式），但是只适用于IE。（3）getComputedStyle同currentStyle作用相同，但是适用于FF、opera、safari、chrome。 注意： ① currentStyle和getComputedStyle只能用于获取页面元素的样式，不能用来设...
时钟<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> <script> var _hmt = _hmt || []; (function() { var hm = document.createElement("script"); hm.src = "http://hm.baidu.com/hm.js?8e2a116daf0104a78d601f40a45c75b4"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hm, s); })(); </script...
一、全局CSS1、概述1. 全局CSS样式：* 按钮：class="btn btn-default"* 图片：* class="img-responsive"：图片在任意尺寸都占100%* 图片形状* <img src="..." alt="..." class="img-rounded">：方形* <img src="..." alt="..." class="img-circle"> ： 圆形* <img src="..." alt="..." class="img-thumbnail"> ：相框* 表格* table* table-bordered* table-hover* 表单* 给表单项添加：class="form-control"按钮、图片<!DOCTY...
1.className 属性直接对这个属性赋值可以添加 /修改类名 缺点：新的赋值会覆盖掉前面的值，即使保留之前的值基础上添加也无法保证没有重复<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta http-equiv="X-UA-Compatible" content="ie=edge"><title>Test</title><style>.center{text-align: center;}.redFont{color:red;}</style> </he...