Daisukes的博客

Vue2.0MVC、MVVMMVCMVC 模式同时提供了对 HTML、CSS 和 JavaScript 的完全控制。Model（模型）是应用程序中用于处理应用程序数据逻辑的部分。通常模型对象负责在数据库中存取数据。View（视图）是应用程序中处理数据显示的部分。通常视图是依据模型数据创建的。Controller（控制器）是应用程序中处理用户交互的部分。通常控制器负责从视图读取数据，控制用户输入，并向模型发送数据。图示M模型（数据层如数据库）V视图（视图层、HTM

定义：设置或检索在对象上移动的鼠标指针采用何种系统预定义的光标形状。使用自定义图像作为光标类型，IE, Opera只支持*.cur等特定的图片格式；Firefox, Chrome, Safari既支持特定图片类型也支持常见的*.png, *.gif, *.jpg等图片格式。cursor的属性值可以是一个序列示例代码：:link,:visited{ cursor:u

Example：CSS鼠标手型效果 CSS鼠标手型效果Example：CSS鼠标手型效果 CSS鼠标手型效果注：pointer也是小手鼠标，建议大家用pointer，因为它可以兼容多种浏览器。Example：CSS鼠标由系统自动给出效果 CSS鼠标由系统自动给出效果Example：CSS鼠标十字型 效果 CSS鼠标十字型 效果Example：CSS鼠标I字型效果 CSS鼠标I字

Chrome浏览器(webkit)::-webkit-input-placeholder { color: #999;}注：webkit下在文本框获取焦点后不显示placeholder，以便使其与其他浏览器表现一致:focus::-webkit-input-placeholder { color: transparent !important;}Firefox浏览器

cookie在jquery中有指定的cookie操作类，下面我先来介绍我们在使用cookie操作类时的一些问题，然后介绍正确的使用方法。使用JQuery操作cookie时 发生取的值不正确的问题：结果发现cookie有四个不同的属性: 名称，内容，域，路径 代码如下复制代码$.cookie('the_cookie'); // 读取 cookie

@ font-face的是一个CSS规则，允许你输入自己的字体出现在网站上，即使在特定的字体在访问者的计算机上没有安装。这条规则最重要的是，它为设计师打开了一个全新的世界。您可以使用任何你喜欢的字体。为什么它是真棒就像我说的，@ font-face的打开一个全新的世界。现在，我们能够以一种全新的方式使用排版。这就是为什么你看到这么多独特的网站上的字体排版的网页设计元素和更高的集成度。此

https://github.com/AutumnsWind/Front-end-tutorial部分内容是出自： https://github.com/jsfront/src/blob/master/qq.md 资源教程:综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Sta

普通table表格样式及代码大全(全)(一)单实线边框表格 单实线边框表格  虚线边框表格 <TABLE style="BORDER-RIGHT: #ff6600 1px dashed; BORDER-TOP: #ff6600 1px dashed; BORDER-LEFT: #ff66

1,这个题目不约而同的出现在了多家公司的面试题中，当然也是因为太过于典型，解决方案无非就是拆字符或者用正则匹配来解决，我个人强烈建议用正则匹配，因为url允许用户随意输入，如果用拆字符的方式，有任何一处没有考虑到容错，就会导致整个js都报错。而正则就没有这个问题，他只匹配出正确的配对，非法的全部过滤掉，简单，方便。实现代码：function getQueryObject

我们知道用户都喜欢浏览速度快的网站，不喜欢花费太多的时间等待网页的打开，等待的时间过长，会让用户失去耐心，甚至烦躁时会直接关闭网页，这样就会失去一些潜在的客户了。其次，关键字的排名与网页的打开速度也有关系，谷歌Google的Web搜索团队在官方博客上宣布，将把网站的速度作为PR（PageRank）算法的一个因子，在所有因素都相等的情况下，速度快的网站将排在速度慢的网站前面。因此我觉得我们有

电子邮箱/^[0-9a-z][0-9a-z\-\_\.]+@([0-9a-z][0-9a-z\-]*\.)+[a-z]{2,}$/i固定电话/^0[0-9]{2,3}[2-9][0-9]{6,7}$/手机号码/^(\+?0{0,2}86([\ |\-])?)?1[3|4|5|7|8][0-9]{9}$/身份证号码/^(\d{15}$|^\d{18}$|^\d{17

自定义滚动条::-webkit-scrollbar{width:12px;height:12px;}::-webkit-scrollbar-button:start:decrement, ::-webkit-scrollbar-button:end:increment{width:0;height:0;}::-webkit-scrollbar-button:vertical:increme

为页面添加正确的DOCTYPE 很多设计师和开发者都不知道什么是DOCTYPE，DOCTYPE有什么用。DOCTYPE是document type的简写。主要用来说明你用的XHTML或者HTML是什么版本。浏览器根据你DOCTYPE定义的DTD(文档类型定义)来解释页面代码。所以，如果你不注意设置了错误的DOCTYPE，结果会让你大吃一惊。XHTML1.0提供了三种DOCTYPE可选择：(1

cookie 和session 的区别详解这些都是基础知识，不过有必要做深入了解。先简单介绍一下。二者的定义：当你在浏览网站的时候，WEB 服务器会先送一小小资料放在你的计算机上，Cookie 会帮你在网站上所打的文字或是一些选择，都纪录下来。当下次你再光临同一个网站，WEB 服务器会先看看有没有它上次留下的 Cookie 资料，有的话，就会依据 Cookie里的内容来

each函数根据参数的类型实现的效果不完全一致：1、遍历对象(有附加参数)$.each(Object, function(p1, p2) {     this;       //这里的this指向每次遍历中Object的当前属性值     p1; p2;     //访问附加参数}, ['参数1', '参数2']); 2、遍历数组(有附件参数)$.each(Arra

Bugs及解决方案列表（以下实例默认运行环境都为Standard mode）：如何在IE6及更早浏览器中定义小高度的容器？方法：#test{overflow:hidden;height:1px;font-size:0;line-height:0;}IE6及更早浏览器之所以无法直接定义较小高度的容器是因为默认会有行高如何解决IE6及更早浏览器浮动时产生

第1章 使用rem作为单位html{font-size:10px}111.1使用媒体查询，不同分辨率设置不同的html的font-size@(min-width:320px){ html{font-size:10px;}}@(min-width:360px){ html{font-size:11.25px;}}@(min-width:400px){ ht

先获取最高的li高度，然后将所有的li重新设置一下高度            TODO supply a title                                    li{list-style:none;background:blue;margin:2px 0;color:#ffffff}                  

内容类型HTML4meta http-equiv="content-type" content="text/html;charset=utf-8" />HTML5meta charset="utf-8">兼容模式meta http-equiv="X-UA-Compatible" content="IE=7" />meta http-equiv="X-UA-Compat

文本超出省略号display:block;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;多行文本超出省略号display: -webkit-box;-webkit-box-orient: vertical;text-overflow: ellipsis;overflow: hidden;-web

不知道大家有没有这种感觉，查看一些开源项目，如Spring、Apache Common等源码是一件赏心悦目的事情？究其原因，无外两点：代码质量非常高;命名特别规范(这可能跟老外的英语水平有关)。要写高质量的代码，不是一件容易的事，需要长年累月的锻炼，是一个量变到质变的过程。但要写好命名，只需要有比较好的英语语法基础和一种自我意识即可轻松达到。结合本人的开发经验，总结出若干命名规