web_lc-CSDN博客

转载 Html 5中自定义data-*特性

Html 5中自定义data-*特性 Html 5中支持用户自定义的data-*特性，它们在UI是不可见的。例如data-length,它可以附加在input的标签上。更加具体信息可参考W3C Html 5 data-说明书有这么一段描述:Custom data attributes are intended to store custom data private t

2017-10-15 17:09:05 454

转载 DOM的基本操作

DOM含义：DOM是文档对象模型(Document Object Model，是基于浏览器编程的一套API接口，是W3C出台的推荐标准。其赋予了JS操作节点的能力。当网页被加载时，浏览器就会创建页面的文档对象模型。节点：根据 W3C 的 HTML DOM 标准，HTML 文档中的所有内容都是节点：1、整个文档时一个文档节点。2、每个HTML元素是元素节点。3、HTML元素内的文本是

2017-09-06 21:19:23 308

原创 module——import命令（笔记）

1、再使用export暴露某个接口后，其他JS文件就可以通过import命令加载这个模块。e.g//main.jsimport {firstName,lastName,year} from './profile';function setName(element) { element.textContent = firstName + ' ' + lastName;}

2017-08-27 20:25:09 938

原创 ES6的module语法--export

历史上，JavaScript 一直没有模块（module）体系，无法将一个大程序拆分成互相依赖的小文件，再用简单的方法拼装起来。其他语言都有这项功能，比如 Ruby 的require、Python 的import，甚至就连 CSS 都有@import，但是 JavaScript 任何这方面的支持都没有，这对开发大型的、复杂的项目形成了巨大障碍。在 ES6 之前，社区制定了一些模块加载方

2017-08-26 21:39:10 393

转载 JS中数组去重问题

JS中数组去重问题面试前端必须准备的一个问题：怎样去掉Javascript的Array的重复项。据我所知，百度、腾讯、盛大等都在面试里出过这个题目。这个问题看起来简单，但是其实暗藏杀机。考的不仅仅是实现这个功能，更能看出你对计算机程序执行的深入理解。我总共想出了三种算法来实现这个目的：Array.prototype.unique1 = f

2017-07-24 10:24:00 260

转载 js中几种实用的跨域方法原理详解

js中几种实用的跨域方法原理详解这里说的js跨域是指通过js在不同的域之间进行数据传输或通信，比如用ajax向一个不同的域请求数据，或者通过js获取页面中不同域的框架中(iframe)的数据。只要协议、域名、端口有任何一个不同，都被当作是不同的域。下表给出了相对http://store.company.com/dir/page.html同源检测的结果:要解决跨域的问题，我们可以

2017-07-19 11:43:26 247

转载 javascript 数组以及对象的深拷贝的方法

javascript 数组以及对象的深拷贝（复制数组或复制对象）的方法前言在js中，数组和对象的复制如果使用=号来进行复制，那只是浅拷贝。如下图演示：如上，arr的修改，会影响arr2的值，这显然在绝大多数情况下，并不是我们所需要的结果。因此，数组以及对象的深拷贝就是JavaScript的一个基本功了。数组的深拷贝条条大道通罗马，实现数组的深拷贝，

2017-07-14 15:55:59 258

原创前端性能优化

代码层面：避免使用css表达式，避免使用高级选择器，通配选择器。缓存利用：缓存Ajax，使用CDN，使用外部js和css文件以便缓- 存，添加Expires头，服务端配置Etag，减少DNS查找等请求数量：合并样式和脚本，使用css图片精灵，初始首屏之外的图片资源按需加载，静态资源延迟加载。请求带宽：压缩文件，开启GZIP，用 hash-table 来优化查找少用全局变量用 innerH

2017-07-12 18:51:07 234

原创优雅降级与渐进增强

.transition{ /*渐进增强写法*/ -webkit-transition: all .5s; -moz-transition: all .5s; -o-transition: all .5s; transition: all .5s; }.transition{ /*优雅降级*/　　 transition: all .5s;

2017-07-12 11:00:30 304

原创 jQuery event.target属性

jQuery event.target 属性定义和用法 event.target 属性返回哪个 DOM 元素触发了事件。这对比较 event.target 和 this 是非常有用的，以便判断事件是否因事件冒泡被处理。参数描述 event 必需。event 参数来自事件绑定函数。实例返回哪个 DOM 元素触发了事件：$("p, button, h1").click(fu

2017-07-10 16:12:40 641

原创计算机网络——常见HTTP状态码

100, client应该继续发送请求，即继续。101, server通知client修改协议，也就说，client需要采用新的协议版本去访问 server。200, 请求已成功。200 ～ 207300 Multiple Choices 如果请求一个指向多个资源的URL时，会返回这个状态码，比如某个服务器上有某个HTML文件的中文和英文版本。301永久重定向302临时重定向，HTTP1

2017-07-05 19:30:27 2839

转载深入理解BFC和Margin Collapse

BFC的理解与应用首先我们来看看w3c规范对BFC的解释，其实对于这种概念的学习上，我们总是建议首先寻找官方的定义，因为原则上来说官方的才是最权威和正确的，而且还比较详细，千万不要因为看到英文就畏惧不前。什么是BFC（Block formatting contexts）w3c规范中的BFC定义：浮动元素和绝对定位元素，非块级盒子的块级容器（例如 inline-blo

2017-07-05 14:54:06 274

原创行内元素的产生的元素空隙

img标签本身是个行内元素，所以当多个img排在一起时，它们之间如果有回车换行或者空格就会形成空隙，比如<img src="./images/1.jpg" alt=""><img src="./images/2.jpg" alt=""> <img src="./images/3.jpg" alt=""><spa

2017-07-04 15:43:39 287

原创 AJAX知识整理

知识百科AJAX = Asynchronous JavaScript and XML（异步的 JavaScript 和 XML）。AJAX 不是新的编程语言，而是一种使用现有标准的新方法。AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。AJAX 不需要任何浏览器插件，但需要用户允许JavaScript在浏览器上执行。学前准备HTML 和 CSS

2017-07-01 22:13:08 194

转载 CSS3 filter属性

CSS3 filter(滤镜) 属性定义和使用filter 属性定义了元素(通常是)的可视效果(例如：模糊与饱和度)。默认值:none继承:no动画支持:是。详细可查阅 CSS 动画版本:CSS3JavaScript 语法:object.style.Web

2017-06-23 10:25:19 466

转载谁说 JavaScript 简单的

英文：Aurélien Hervé 译文：众成翻译/msmailcode这里有一些 Javascript初学者应该知道的技巧和陷阱。如果你已经是专家了，顺便温习一下。Javascript也只不过是一种编程语言。怎么可能出错嘛?1. 你有没有尝试给一组数字排序？Javascript 的sort()函数在默认

2017-06-22 22:32:00 314

原创 css的counter-increment和counter-reset

counter-increment：设置某个选取器每次出现的计数器增量。默认增量是 1。counter-reset：重置某个选择器出现次数的计数器的值。可以为任意值，默认为 0。h1 {counter-increment:section;counter-reset:subsection;} //在遍历到h1时重置h2的计数器。h2 {counter-increme

2017-06-12 15:31:06 1193

转载 4种JavaScript的内存泄露及避免方法

这篇文章里面我们会讨论客户侧javascript代码中的常见种类的内存泄漏。也会学习如何用Chrome Development Tools来定位这些问题。继续阅读吧！介绍内存泄漏是每个开发者最终必须面对的问题。即使使用有内存管理的语言，也有内存可能会泄漏的情况。泄漏是很多问题的起因：变慢，崩溃，高延迟，甚至是一些和其他应用一起用所出现的问题。内存泄漏是什么？本质上，

2017-06-08 15:31:54 19606 3

原创本地项目上传到GitHub中

初始化git仓库。 (初始化之前先用cd命令转到你本地目录下，如果不熟悉该命令，可直接到到本地目录文件中，Git Bash here)$ git init2.将你要添加的本地相添加到git仓库中。$ git add.==这个点表示所有文件。所以，你也可以把 . 换成文件名==3.提交暂存区文件$ git commit -m "some str"-m后面的参数表示把项目提交到GitHub后，会在代

2017-06-05 18:36:11 538

转载 cookies,sessionStorage和localStorage的区别

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中的页面才能访问并且当会话结束之后数据也会随之销毁。因此sessionStorage不是一个持久化的本地存储，仅仅是会话级别的存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。----------WebStorage和cookie的区别：

2017-06-02 18:59:34 318

原创 CSS的优化与性能提高

关键选择器：选择器的最后面的部分为关键选择器（即用来匹配目标元素的部分）如果规则拥有ID选择器作为其关键选择器，则不要为规则增加标签。过滤掉无关的规则（这样样式系统就不会浪费时间去匹配它们）；提取项目的通用共有样式，增强可复用性，按模块编写组件；增项目的协同开发性，可维护性和可扩展性；使用预处理器或构建工具（gulp对css进行语法检查，自动补前缀，打包压缩，自动优雅奖级）；

2017-05-21 22:37:59 194

转载有趣的 CSS 题目（3）：层叠顺序与堆栈上下文知多少

层叠顺序（stacking level）与堆栈上下文（stacking context）知多少？z-index 看上去其实很简单，根据 z-index 的高低决定层叠的优先级，实则深入进去，会发现内有乾坤。看看下面这题，定义两个 div A 和 B，被包括在同一个父 div 标签下。HTML结构如下：class="container"

2017-05-15 22:54:30 236

转载有趣的CSS题目（2）：从条纹边框的实现谈盒子模型

作者：伯乐在线专栏作者 - chokcoco链接：http://web.jobbole.com/88202/开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下

2017-05-15 22:51:42 334

转载 2017年前端开发工具趋势

英文：Craig Buckler 译文：愚人码头www.css88.com/archives/7175你有两年以上的前端开发经验吗？你会用 Sass 和 Autoprefixer 等高级的CSS辅助技能吗？你的 JavaScript 知识是否融汇贯通，你是否喜欢使用 Gulp ， npm 和 jQuery ？如果是这样，根据 Ashley Nolan

2017-05-14 20:55:42 293

转载有趣的 CSS 题目（1）：左边竖条的实现方法

作者：伯乐在线专栏作者 - chokcoco链接：http://web.jobbole.com/88197/开本系列，讨论一些有趣的 CSS 题目，抛开实用性而言，一些题目为了拓宽一下解决问题的思路，此外，涉及一些容易忽视的 CSS 细节。解题不考虑兼容性，题目天马行空，想到什么说什么，如果解题中有你感觉到生僻的 CSS 属性，赶紧去补习一下吧。

2017-05-13 22:42:13 408

原创 Git Bash中的复制与粘贴

这一两刚刚下载Git Bash，跟着慕课网学习node.js。在视屏中用Git Bash时复制一段代码，我试着写，结果发现根本用不了Ctrl+C和Ctrl+V来复制和粘贴。我就上网找，网上的答案都是在Git Bash的options（选项）里的properties，然后在quickedit上打上钩，就行了。我找了半天，根本找不到QAQ，再尝试了几次，发现在代码行右击后就有复制和粘贴选项，只不

2017-05-11 10:01:57 31837 4

原创 CSS背景图片

背景图片设置元素的背景图片：background-iamge:url()注：URL地址既可以是相对地址也可以是绝对地址元素的背景占据了元素的全部尺寸，包括内边距，但是不包括外边距默认的，背景图像位于元素的左上角，并在水平和垂直方向上重复

2017-05-10 19:32:32 356

转载从输入url到页面展示到底发生了什么

作者：咸鱼老弟 - 博客园www.cnblogs.com/xianyulaodi/p/6547807.html阅读目录1、输入地址2、浏览器查找域名的 IP 地址　　3、浏览器向 web 服务器发送一个 HTTP 请求4、服务器的永久重定向响应5、浏览器跟踪重定向地址6、

2017-05-09 21:53:12 279

原创表单中post与get的区别

GET: 使用URL传递参数对所发送信息的数量也有限制一般用于信息获取使用URL传递参数对所发送信息的数量也有限制一般用于信息获取POST: 1. 表单数据作为HTTP请求体的一部分 2. 对所发送信息的数量无限制 3. 一般用于修改服务器上的资源

2017-05-03 21:40:26 214

转载 JS 的 new 到底是干什么的

作者：方应杭zhuanlan.zhihu.com/p/23987456大部分讲 new 的文章会从面向对象的思路讲起，但是我始终认为，在解释一个事物的时候，不应该引入另一个更复杂的事物。今天我从「省代码」的角度来讲 new。—————————想象我们在制作一个策略类战争游戏，玩家可以操作一堆士兵攻击敌方。

2017-05-02 22:52:24 460

原创定位概述

定位概述1. 可视化格式模型块级元素:p、h1、或div行内元素:strong、span1.可以使用display属性改变生成的框的类型。display:block; //则将行内元素表现的像块级元素。2.块级框从上往下一个一个的垂直排列，框之间的垂直距离由框的垂直外边距计算出来。行内框在一行中水平排列。可以使用水平内边距、边框和外边距调整它们的水

2017-04-26 15:18:14 304

原创 CSS样式的加载

1.样式的加载方法行内样式html内容和样式同时加载e.g h1 style="color:red;font-size:20px;">行内样式嵌入样式html内容和样式同时加载e.gstyle type="text/css"> 样式内容...style>外部样式(常用)html内容和样式同时加载e.g"***.css" rel

2017-04-26 15:17:11 1958

转载前端面试题整理汇总（一）

前端面试题整理汇总（一）优才网关于前端面试题，优优之前推荐过，如下，点击即可查看：5个经典的前端面试问题2016年十家知名公司前端面试经验总结前端面试会问哪些问题？前端开发面试题汇总【HTML&CSS部分】前端技术面试问题汇总（含答案）前端技术面试题汇总-含答案（二）今天推荐的这篇也比较全面，有助于

2017-04-16 21:18:19 1516

转载用 CSS 实现三角形与平行四边形

作者：邹润阳（@jerry蛋蛋哥）最近在逛某个技术网站的时候，感觉文章关键词上的样式好酷炫啊。于是我将那种写法照搬到了我的博客中，也许最近逛过我博客的小伙伴已经发现了它出现在哪儿了——分页的样式。来张截图：你在首页的底部也可以看到这样一个分页栏；是不是看上去还不错？下面就来看看这是如何实现的吧~第一种方法：利用bo

2017-04-16 21:13:08 519

转载搜索框设计指南

搜索框实际上就是输入框与提交按钮的组合。有的人可能会疑问，搜索框也需要所谓的设计吗；毕竟，它里面只有两个元素罢了。然而，在一些内容量大的网站上，搜索框可能是最频繁被使用到的组件了。当用户浏览一个相对复杂的站点时，他们一般都会立刻去寻找搜索框的位置，好让他们能够快速地到达想要的位置。因此搜索框的设计与可用性就变的尤为重要了。在这篇文章里，我们将探讨如何优化搜索框，以至于能够让用户更快速地找到

2017-04-16 21:05:13 2853

转载详细图解作用域链与闭包

作者：波同学攻克闭包难题初学JavaScript的时候，我在学习闭包上，走了很多弯路。而这次重新回过头来对基础知识进行梳理，要讲清楚闭包，也是一个非常大的挑战。闭包有多重要？如果你是初入前端的朋友，我没有办法直观的告诉你闭包在实际开发中的无处不在，但是我可以告诉你，前端面试，必问闭包。面试官们常常用对闭包的了

2017-04-09 10:56:11 925

转载 JavaScript中的this机制

作者：front-Thinking 题记：JavaScript中有很多令人困惑的地方，或者叫做机制。但是，就是这些东西让JavaScript显得那么美好而与众不同。比方说函数也是对象、闭包、原型链继承等等，而这其中就包括颇让人费解的this机制。不管是新手还是老手，不仔细深抠一下还真闹不明白this倒地咋回事捏。今天，我们就一起看一下this倒地咋回事，别再为了this发愁了。

2017-04-08 16:40:32 423

原创 JavaScript与ECMAScript

JavaScript与ECMAScriptJavaScript是ECMAScript规范的一种实现。一个完整的JavaScript实现是由三个不同的部分组成 1.核心（ECMAScript） 2.文档流对象（DOM） 3.浏览器对象（BOM）

2017-04-06 17:16:00 300

转载这30款网站和工具，应该能让你的设计效率提升一大截

效率就是生命，对于设计师尤其是如此。所以，能够让工作效率有极大提升的工具于设计师而言，有着极大的价值，因此也有了今天这个高效设计工具列表。这些设计工具大多针对某个特定的设计环节，基于具体的需求而存在，它们提升了整体的效率，从排版设计、代码片段到配色方案不一而足，合理的搭配这些工具能让你的整体效率提升一大截。1. Web Gradients渐变作为设计趋势再一次回归网页设

2017-03-28 13:03:26 2659

原创 css中设置字体的自动降级

在CSS中，有两种类型的字体系列名称：通用字体系列 - 拥有相似外观的字体系统组合（如 "Serif" 或 "Monospace"“”Sans-Serif"）特定字体系列 - 一个特定的字体系列（如 "Times" 或 "Courier"）我们一般设置字体用如下CSS样式：p { font-family: Sans-Serif;}

2017-03-24 17:17:44 923

空空如也

空空如也