随笔分类 - javascript
javascript
摘要：重新开始学前端 在设计稿还原、数据结构和算法、构建工具、架构、源码这几个方面 要学的是在太多了 ，做个记录分享一下 计划在每个方向个社区进行交流和反馈， 我更喜欢和社区交流快速反馈的学习方式 每个方向都有一个交流的社区 那就好 1 设计高还原 高质量的还原设计稿任何时候都是前端基本的工作，可以不做但
阅读全文
摘要：先看一个实例 效果图 看效果图有两条直线和一条曲线 但是代码里面只有一个path 是不是很神奇！ 在path 元素中，所有和绘制有关的命令都在d这个属性中 在实例中 M 表示移动画笔的命令 A 表示用画笔画圆的命令 L 表示用画笔画直线的命令 设置和移动画笔 在绘制时候，第一个命令永远都是 M 移动命令，你想...
阅读全文
摘要：块级元素 ①总是在新行上开始； ②高度，行高以及外边距和内边距都可控制； ③宽度缺省是它的容器的100%，除非设定一个宽度。 ④它可以容纳内联元素和其他块元素 行内级元素 ①和其他元素都在一行上； ②高，行高及外边距和内边距不可改变； ③宽度就是它的文字或图片的宽度，不可改变 ④内联元素只能容纳文本或者其他内联元素 替换元素 替换元...
阅读全文
摘要：demo 源码 地址 https://github.com/qqqzhch/webfans什么是雪碧图？CSS雪碧 即CSS Sprites，也有人叫它CSS精灵，是一种CSS图像合并技术，该方法是将小图标和背景图像合并到一张图片上，然后利用css的背景定位来显示需要显示的图片部分。compass ...
阅读全文
摘要：demo 下载http://vdisk.weibo.com/s/DOlfkrAWjkF/1401192855为什么要学习Sass和compass ？提高站独立和代码产品化的绝密武器，尤其是程序化css，可以将写程序的各种理论融入其中，打造NB的产品首先 安装 rubyhttp://rubyinsta...
阅读全文
摘要：自从发现可编程的css语法 Sass和基于Sass的css库compass 一个给我的感觉像c# 另外一个给我的感觉像.NET Framework，一切都为了提升开发效率和降低开发大型web的门槛。 当web开发趋势迈进WebApi+Js 时代，compass和Sass 会不会成为web开发的标配？这个得实际开发检验下. 预处理 当web站点变的越来越复杂。 先是html 复杂了----...
阅读全文
摘要：最后个人感觉 Compass是 css世界的.NET 很久以前看到 Compass 误以为是css编译器，因为总是在看到如何安装Scss的文章里面看到的 知道最近不小心进入 Compass官网溜达，才发现 The CSS3 module provides cross-browser mixins for CSS properties introduced in CSS3, for exam...
阅读全文
摘要：module.exports = function(grunt) { // 项目配置 grunt.initConfig({ pkg: grunt.file.readJSON('package.json'), uglify: { options: { banner: '/*! */\n' ...
阅读全文
摘要：function(){ return{ top:function(){return document.documentElement.scrollTop||document.body.scrollTop}, width:function(){return self.innerWidth||document.documentElement.clientWidth||document.body.c...
阅读全文
摘要：放羊测试测完了再测这两个瞎搞的下拉列表组建 看看从单元测试模块化的角度组建会写成啥样 1：ajax请求 简单文本 2:1个页面多个实例 3：复杂展示+自定义点击+自定义处理函数 4：延迟请求 5 插件封装 jq和reqjs 6:jsonp 支持（还未实现） jq /** * Created by qqloving on 14...
阅读全文
摘要：以前很少关注js优先级 主要哦是技术菜鸟老加班没时间技术菜鸟 最重要的是记不住特点。。。。。。。。。。 1级 . [] () 字段访问、数组索引、函数调用和表达式分组 通过观察可以发现 . 字段访问--》读取数据 [] 数组索引--》读取数据 ps [] 这个也可以创建空数组 不知道为啥没有算进去 () 括号 分为函数调用--》读取作用域 ...
阅读全文
摘要：类型转换分为显示转换和隐式转换 参考http://www.cnblogs.com/mizzle/archive/2011/08/12/2135885.html 先事件显示的 通过手动进行类型转换，Javascript提供了以下转型函数： 转换为数值类型：Number(mix)、parseInt(string,radix)、parseFloat(string) 转换为字符...
阅读全文
摘要：It’s important to understand that a function’s prototype property has nothing to do with it’s actual prototype. Javascript的每个对象均有一个原型（prototype）。当消息（请求某个属性的指令）到达某个对象时，Javascript会尝试在该对象上寻找该属性，但没有的时候就会将消息转发到该对象的原型并在原型上寻找该属性，就是这样不断向上层原型转发消息，直到在某个原型中找到该属性或消息转发到顶层原型（Object对象）。（译者语：每个对象的原型均指向另一个对象，最顶层的原型就
阅读全文
摘要：ps：本文前面大部分是错的，后边大部分也是错的，搞混了不要怪我。。。。。。。。。。。。。。。。。。。这篇文章讲述了一个悲伤的故事，从一个似似而非的概念一步一步到错误的理解，最后勉强正确的过程其实我本不想说我对scope的理解，因为我没写过c++，没看过脚本引擎规范，没看过js脚本引擎实现，说的也都是乱七八糟看到的加我自己猜测的，首先看一块js代码，因为这真是一块代码在看看输出undefinedsome scopetopscope这是怎么回事呢？为什么会是undefined1：很久以前我发现这个怪物时候，我也不懂，但是我可以规避，那就是把var 放在第一行2：后来我学习了python，接触了第一
阅读全文
摘要：有道云笔记 ，在家学习不错的选择，告别离职后睡大觉的最佳利器
阅读全文
摘要：效果实现功能1 自动切换 2鼠标移动到图片上暂停 3鼠标移动到数字上切换到指定图片 4图片切换动画平滑基本布局通过查看元素分布可以发现每个图片占据1个TD单元格，横向平铺2 表格table 决定定位---------------------------》动画内容独立于当前文档流，避免dom 的重绘和重排几个基本的辅助js代码 var $ = function (id) { return "string" == typeof id ? document.getElementById(id) : id; }; var Extend = functi...
阅读全文
摘要：无缝滚动测试 offsetWidth 和 scrollLeft 的应用 和子容器800%与父容器的使用参考 http://blog.csd...
阅读全文
摘要：今天有空 细致的看看iscrolljs api 发现自己以前的几个失误是没看api造成的 失误1 页面a操作 影响了页面b的滚动条 api 解释： options.bindToWrapper The move event is normally bound to the document and not the scroll container. When you move the cur...
阅读全文
摘要：平时写js经常遇到这样做是不是更快点？但又没有具体简单可测试的工具，最近也倒序看博客园司徒正美 js分类下的文章 【ps:去年灵光一闪，发现看博客园排名前100的博客、按照文章分类倒序看是学习最快的方式 O(∩_∩)O~】 看到这篇文章时 (转)Google Closure: 糟糕的JavaScript http://www.cnblogs.com/rubylouvre/archive/200...
阅读全文
摘要：以前对事件只会用jq的bind绑定一下，脑海里留着书中的事件循环，一直认为事件就是这儿循环的，最近看园子里的文章，对事件的了解更模糊了所以我做了个小实验，总结一下看的这些零零碎碎的文章，如果总结错了，请在评论里指出首先，在页面上方4个div标签，一个嵌套个用来测试捕获和冒泡，因为捕获和冒泡的重点是过程，而不是起点和重点，所以我只在中间的两个div small和meddiv 上绑定了事件基本的html代码如下 bigdiv Meddiv small verysmall ...
阅读全文
浙公网安备 33010602011771号