笔记分类

      推荐笔记

      许嵩

      许嵩|刮刮乐之原生js

      发布于 7 小时前 浏览:248 回复:5 分类:JavaScript

      入职一个月了,和同事相处的还算不错,只可惜公司没有技术大牛可以带我,闲着没事,特意写了个无聊的东西!html代码效果预览<!DOCTYPEhtml><ht ...

      香米发霉了

      香米发霉了|Web开发者不容错过的20段CSS代码

      发布于 10 小时前 浏览:238 回复:0 分类:HTML/CSS

      1.CSSResets  网络上关于CSS重置的代码非常多。本段代码是根据EricMeyer’sresetcodes进行改编的,里面包含一点响应式图片和所有核心元素的边界框设置,这样就可以保持页边距和填充可以很好地对齐。 ...

      梧桐

      梧桐|前端几种存储方式的总结,应用于购物车、客户登录

      发布于 昨天 09:18 浏览:1216 回复:1 分类:浏览器

      总体情况h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。主要应用:购物车、客户登录对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。目标解决4k的 ...

      Ywx

      Ywx|前端开发必须知道的ES6的十大特征

      发布于 前天 21:26 浏览:776 回复:2 分类:浏览器

      本文主要针对ES6做一个简要介绍。它是一种新的javascript规范。如果你想对ES6有一个快速的了解,那么请继续往下读,去了解当今最流行的编程语言JavaScript最新一代的十大特性。以下是ES6排名前十的最佳特性列 ...

      嗯,我知道了

      嗯,我知道了|一起刮刮乐吧

      发布于 前天 17:20 浏览:835 回复:2 分类:JavaScript

      上周看到有同学,写了个刮刮乐的demo,但功能并不完善。这里手痒,重新封装了一个。支持成功的回调,修正滑动速度太快,掉帧的问题。修正移动端,对canvas缩放后,坐标的偏差。AND用canvas背景来放置奖励 ...

      不是大神

      不是大神|transform的3d特效,可支持鼠标拖动、缩放

      发布于 前天 14:49 浏览:1556 回复:21 分类:HTML/CSS

      前段时间离职,有时间边玩边模仿了一下这个css3新属性transform的3d效果和animationdemo如下,别打脸.....html代码效果预览<!DOCTYPEhtml><html><head><metacharset="UTF-8"> ...

      艾瑞卡

      艾瑞卡|JavaScript数组去重的6个方法

      发布于 前天 14:22 浏览:829 回复:3 分类:JavaScript

      方法一无需思考,我们可以得到O(n^2)复杂度的解法。定义一个变量数组res保存结果,遍历需要去重的数组,如果该元素已经存在在res中了,则说明是重复的元素,如果没有,则放入res中。javascript代码 ...

      老姚

      老姚|打造自己的jquery(入门版)

      发布于 前天 14:13 浏览:1177 回复:13 分类:JavaScript

      这两天看了一本书。《DOM启蒙》,关于这本书的个人评价,以后再写。其12章,写了一个dom.js,其标题是“创造dom.js,源自jquery灵感,服务于现代浏览器,这是一个万众期待的DOM库”。总之吧,标题名字起的很 ...

      叶珊珊

      叶珊珊|几种通用的js函数编写模式

      发布于 前天 10:35 浏览:560 回复:3 分类:JavaScript

      下面总结一下平时做项目常用到的几种模式:一.API模式1.回调模式。回调模式就是将函数作为参数进行传递。例如:javascript代码functionwriteCode(callback){//执行一些事务callback();}funct ...

      sunboy可乐

      sunboy可乐|前端JSer装逼手册

      发布于 前天 09:57 浏览:1402 回复:10 分类:HTML/CSS

      在装逼成本越来越高的JS圈,是时候充值一下了————题记 §开发  MacbookPro是标配,美其名曰“提高开发体验”  什么?你还在用Spotlight?赶紧给我换Alfred!  编辑器,Sublime/Atom/V ...

      tuzi

      tuzi|前端试题锦集

      发布于 3 天前 浏览:1119 回复:4 分类:HTML/CSS

      最近想着跳槽,但面试的邀约不多,内心有点烦躁。梳理梳理心情,跳槽季竞争也大,努力做好自己...H5前端面试题及答案(1)前几天去面试了一家公司,整下改公司的面试题。1.新的HTML5文档类型和字符集是? ...

      xiaoyanseo

      xiaoyanseo|CSS3简单的空调大家凉快一下

      发布于 3 天前 浏览:1163 回复:6 分类:HTML/CSS

      html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}.main{width:400px;height:340px;margin-top:150px;margin-left:150p ...

      Wangfujuan

      Wangfujuan|多重边框的实现box-shadow

      发布于 4 天前 浏览:767 回复:6 分类:HTML/CSS

      css3揭秘读书笔记大家都知道,以前呢,我们如果要实现多重边框,一般是通过多个元素嵌套来实现,那现在呢,我们可以通过box-shadow属性来实现,大部分的人可能用它来生成投影,如:box-shadow:1px1px3px ...

      xiaoyanseo

      xiaoyanseo|浏览器内核的理解

      发布于 4 天前 浏览:312 回复:0 分类:HTML/CSS

      主要分成两部分:渲染引擎(layoutengineer或RenderingEngine)和JS引擎。渲染引擎:负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入CSS等),以及计 ...

      五行缺火

      五行缺火|不懂这些seo技巧,还敢说你是前端?

      发布于 4 天前 浏览:2234 回复:16 分类:性能优化

      这篇文章其实是我本人的总结,因为工作中做完了一个官方网站并成功上线,最后组长检查代码看到我的keyword等一系列信息都是空的,把我骂得狗血淋头。一言不合就作总结,总结一些简单但是我们能做的seo小技巧, ...

      五行缺火

      五行缺火|为什么我老是被骂

      发布于 4 天前 浏览:1305 回复:22 分类:性能优化

      最近工作一直都被人骂,有些问题反反复复地出现,必然是自己的问题,不断地出错让我充满了挫败感,让我一度开始质疑自己是否能胜任这份工作,后来仔细想想,身边的人都是大公司出来的有经验的工程师,能力牛逼 ...

      xiaoyanseo

      xiaoyanseo|css3实现iPhone滑动解锁

      发布于 5 天前 浏览:925 回复:6 分类:HTML/CSS

      html代码效果预览<!DOCTYPEhtml><html><head><style>p{width:50%;margin:0auto;line-height:50px;font-size:50px;tex ...

      Wangfujuan

      Wangfujuan|半透明边框

      发布于 5 天前 浏览:753 回复:3 分类:HTML/CSS

      css3揭秘读书笔记问题:div的半透明边框应该透出body的蓝色图片背景而不是透出这个容器自己的橙色背景,如下图:解决方法:运用background-clip:padding-box;background-clip默认的属性值是border-box, ...

      Ywx

      Ywx|必须了解的浏览器渲染性能

      发布于 5 天前 浏览:490 回复:0 分类:性能优化

      首先我们要明确的问题就是,一个网站除了样式好看,功能简单明了等限制用户浏览量的因素之外,还有什么原因是限制你的网站流量的原因。渲染性能在网站资源加载时,大多数用户关心的并不是网站如何加载,而是 ...

      18600892039

      18600892039|CSS3简单的空调

      发布于 5 天前 浏览:1231 回复:10 分类:HTML/CSS

      html代码效果预览<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title></title><style>*{margin:0;padding:0;}.main{width:400px;height:340px;margin-top:150px;margin-le ...