随笔分类 - learn
摘要：flex布局介绍： flex布局很灵活， 这种布局我们也可以称之为弹性布局， 弹性布局的主要优势就是元素的宽或者高会自动补全; flex布局实例： 比如有两个div，一个div的宽度为100px， 想让另外一个div的占据剩下的宽度： <!DOCTYPE html> <html lang="en">
阅读全文
摘要：最近在写项目的时候想要一个这样的效果: 我知道这个效果在 flat-ui中有， 但是我又不想引用一整个flat-ui; 这个效果依赖html5的transition， 所以浏览器兼容成问题； 从flat-ui中把这个效果的js和html，以及css给拨离出来； 整体的代码如下： <!DOCTYPE
阅读全文
摘要：昨天写了一个引导界面， 发现界面中的IE67存在一个问题， 在某些情况下， A锚链接如果设置了宽高，而且position:absolute的情况下， A标签的宽高无效， 至于总体的效果， 因为这个A标签受到父级的影响， 单独写DEMO的话，这个bug一直无法复现出来， 不知道是什么原因： ...
阅读全文
摘要：GIF/PNG/JPG/WEBP/APNG都是属于位图（位图 ,务必区别于矢量图）； GIF/PNG和JPG这三种格式的图片被广泛应用在现今的互联网中,gif曾在过去互联网初期慢速的情况下几乎是做到了大一统的地位,而现如今随着互联网技术应用和硬件条件的提高,png和jpg格式的图片越来越多的被...
阅读全文
摘要：目测innerHTML比appendChild好了3到4倍， 但是界面渲染还是很慢啊； chrome结果 /** *chrome浏览器; * innerHTML appendChild ...
阅读全文
摘要：写chrome插件主要就是写js ， 我们要构造界面(HTML)， 以及样式(CSS)， 以及chrome给我们提供的jsAPI， 主要是chrome的API， 调试的话可以使用chrome的开发者工具（f12）直接调试; API地址的截图先过一遍， 这个非常重要： 如果从来没写过chrom...
阅读全文
摘要：本来是想写下javaweb的mvc(tomcat, spring, mysql)的搭建, 昨天搭到凌晨3点， 谁知道jdbcTemplate的jar包不好使， 想死的心都有了， 想想还是休息一下， 所以复习一下mysql的基本语法，因为以前对web的安全比较熟悉， 看过好多黑客防线以及黑客X档案...
阅读全文
摘要：WEB前端最常见驱动方式就是事件了, 所有交互等等都是通过事件,前端的常见事件有：UI事件；焦点事件；鼠标事件；滚轮事件；文本事件；键盘事件；变动事件； 现在网页上有一个输入框， 如果我们要对用户输入的字符串进行过滤， 或者是截获用户的输入进行处理的话, 我们要肿么办 同学们纷纷举手说：“老...
阅读全文
摘要：登录页的目录结构:、 login.js主要是用户注册，用户登录验证的JS代码, 使用了jQ的插件jQuery.validator, 添加一堆验证的方法, 后面就不管了, 没啥好看的的; 代码如下： (function() { var b = null; var a; ...
阅读全文
摘要：事件是javascript和HTML交互基础, 任何文档或者浏览器窗口发生的交互, 都要通过绑定事件进行交互; 事件有DOM0, DOM2和DOM3的区分(别问我怎么少了一个DOM1, 也没找到DOM1的信息啊,); DOM0就是直接通过 onclick写在html里...
阅读全文
摘要：看到coding的主界面有雪花, 原来，哇, 真漂亮, 一看源代码, 哦了个去, angular写的, 压力好大, 分析分析分析分析.... 然后就写成jQ插件的样子给大家用了。 在线预览的页面是:http://1.keepu.sinaapp.com/snow/snow.html ...
阅读全文
摘要：javascript中的with语句是什么？ with语句可以方便地用来引用某个特定对象中已有的属性，但是不能用来给对象添加属性。要给对象创建新的属性，必须明确地引用该对象。 看起来不懂吗？ with语句div 好吧, 我懂了,但是这个with有毛用呢(要特别注意with语...
阅读全文
摘要：/** * Created by nono on 14-11-16. *//* Zepto v1.1.4 - zepto event ajax form ie - zeptojs.com/license */var Zepto = $ = {};$.fn = {};var undefined, ke...
阅读全文
摘要：//在chrome测试的结果;知识点1：localStorage和sessionStorage的区别; localStorage生命周期是永久，这意味着除非用户显示在浏览器提供的UI上清除localStorage信息，否则这些信息将永远存在。 sessionStorage生命周期为当前窗口或标签页，...
阅读全文
摘要：//知识点1：for In循环是可以枚举到继承的属性的；//知识点2：使用defineProperty让属性无法通过forIn枚举到；//知识点3：用definedProperty重新定义一个属性药把这个属性设置为空，然后重新定义才行哦； var obj = {}; Object.def...
阅读全文
摘要：首先来一篇好文章,刚好看到的：沉默中的狂怒 —— Cookie 大喷发---------------- http://www.cnblogs.com/index-html/p/mitm-cookie-sniffer.html#3050493 我就重复一遍啦: 在chrome或者fir...
阅读全文
摘要：unicode和gbk的互相转换主要依靠window下的escape和unescape方法,然后把%u替换成\u就好了;var GB2312UnicodeConverter = { ToUnicode: function (str) { return escape(str).to...
阅读全文
摘要："use strict";//严格模式无标题文档无标题文档
阅读全文
摘要：//周末在家复习JS权威指南，真的是无底坑啊，好多基础的东西好多于啊，但是又不能不记住。 //找出字符串中的所有数字;//过滤HTML标签; sdfsd; sdfsdfsdf //匹配中文; 输入网址: 匹配网址是否...
阅读全文
