- 博客(31)
- 收藏
- 关注
RSS订阅转载 JS函数：JSON.stringify
JSON.stringify(value [, replacer] [, space])value：是必须要的字段。就是你输入的对象，比如数组啊，类啊等等。 replacer：这个是可选的。它又分为2种方式，一种是方法，第二种是数组。情况一：我们先说数据，通过我们后面的实验可以知道，它是和第一个有关系的。一般来说，我们系列化后的结果是通过键值对来进行表示的。
2016-08-12 14:14:56
783
转载 50个CSS、Javascript工具（框架，库）
CSS库&工具包Fileicon, 纯CSS文件图标的集合。Marx, CSS重置样式Transformicons – 使用SVG和CSS制作动画图标,标志和按钮。sanitize.css 又一个重置样式的CSS（比第一个更简洁）。Loaders.css, perfo
2016-08-12 14:13:47
1141
转载 在JavaScript中借用方法
在JavaScript中，有时可以重用其它对象的函数或方法，而不一定非得是对象本身或原型上定义的。通过 call()、apply() 和 bind() 方法，我们可轻易地借用其它对象的方法，而无须继承这些对象。这是专业 JavaScript 开发者常用的手段。前提本文假设你已经掌握使用 call()、apply() 和 bind() 的相关知识和它们之间的区别。原型方法
2016-08-12 14:10:11
804
转载 看懂此文，不再困惑于 JS 中的事件设计
原文出处： aitangyong 抽空学习了下javascript和jquery的事件设计，收获颇大，总结此贴，和大家分享。(一)事件绑定的几种方式javascript给DOM绑定事件处理函数总的来说有2种方式：在html文档中绑定、在js代码中绑定。下面的方式1、方式2属于在html中绑定事件，方式3、方式4和方式5属于在js代码中绑定事件，其中方法5是最推荐
2016-08-11 18:12:22
525
转载 酷酷的 CSS3 三角形运用
原文出处： keepfool 概述在早期的前端Web设计开发年代，完成一些页面元素时，我们必须要有专业的PS美工爸爸，由PS美工爸爸来切图，做一些圆角、阴影、锯齿或者一些小图标。在CSS3出现后，借助一些具有魔力的CSS3属性，使得这些元素大多都可以由开发人员自己来完成。在开始阅读这篇文章前，我们先喊个口号：不想当艺术家的程序员不是好设计师！本文的D
2016-08-11 18:11:14
435
转载 50个jQuery代码段帮你成为更出色的JS开发者
英文原文: 50 jQuery Snippets That Will Help You Become A Better JavaScript Developer，翻译：woiwebPS：原文作者 Addy Osmani 是Google Chrome 团队成员。本文会给你们展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQ
2016-08-11 18:09:47
245
转载 4 个技巧提高你的前端水平 - CSS进阶
本文适合1-3年的前端开发者阅读CSS 在刚开始学习的时候看起来非常简单。毕竟，它仅仅就是些样式而已，事实上是这样吗？但是，随着你的不断了解。很快，你会发现 CSS 没你想象的那么简单，它复杂且有深度。做好这四件事情，能让你在大规模使用 CSS 的时候保证代码的健壮性：使用适当的语义，模块化，采用统一的命名规范，遵循单一功能原则。
2016-08-11 18:03:25
1295
转载 学习一样新东西行而有效的方法
有人曾从我工作的一家公司盗取了9千万美元。我不太懂得如何观人识人。这家公司最终关门了。有一些事情我就是学不会。我很容易相信一个人。因此，无论我如何尝试，判断一个人对我来说，简直太难了。所以，我寻找擅长做这件事的人，我让他们给我提供帮助。不要强迫自己学习那些你不想或者不属于你天赋所及的事情。天赋的作用到底有多大？非常小。但你需要从它开始起步。天赋是技能的种子。
2016-08-11 18:01:49
268
转载 JavaScript使用技巧45招
JavaScript是一个绝冠全球的编程语言，可用于Web开发、移动应用开发（PhoneGap、Appcelerator）、服务器端开发（Node.js和Wakanda）等等。JavaScript还是很多新手踏入编程世界的第一个语言。既可以用来显示浏览器中的简单提示框，也可以通过nodebot或nodruino来控制机器人。能够编写结构清晰、性能高效的JavaScript代码的开发人员，现如今已成
2016-08-11 18:00:09
298
转载 前端组件库 - 搭建web app常用的样式/组件等收集列表(移动优先)
0. 前端自动化(Workflow)前端构建工具Webpack - module bundlerYeoman - a set of tools for automating development workflowgulp - The streaming build systemuse-gulpgrunt - the JavaScript Task Ru
2016-08-11 17:58:56
6591
1
转载 实例教程 － 使用 NativeScript 和 Angular2 构建跨平台 APP
前言“一次构建，多处运行”，跨平台 APP 带着这股风潮把火烧到了前端，为开发者带来无尽的遐想。现有的流行跨平台框架有以下:基于单 WebView 的开发框架。开发者可以使用现有的最新 web 技术，开发出单页面 web 应用。同时利用 JSBridge ，又能获取原生的 API ，从而使 web 应用具有了原生应用的功能。Cordova+IONIC 可以说
2016-08-11 17:57:15
2493
转载 聊一聊前端存储那些事儿
侯禹，现就职于百度，从事Web前端开发，热爱技术分享。本文将和大家一起聊一聊前端存储那些事儿。在Web开发越来越复杂的今天，前端拥有的能力也越来越多。其中最重要的一项莫过于Web存储。开发者们如果使用得当，这些存储可以帮助我们提升网页的性能与灵活度。本文不讲个中的细节，只讲各种前端存储的利弊，与各类存储的应用场景。毕竟这些技术的细节在网上随处可见，如果读者你决定使用的话，再去细
2016-08-11 17:55:33
541
转载 前端人应该知道的排序知识
1. 前言貌似前端圈一直以来流传着一种误解：前端用不到算法知识。 长久以来，我也曾受这种说法的影响。直到前阵子遇到一个产品需求，回过头来看，发现事实并非如此。2. 前端排序前端排序的场景前端将排序条件作为请求参数传递给后端，后端将排序结果作为请求响应返回前端，这是一种常见设计。但是对于有
2016-08-11 17:54:13
1028
转载 在网页中使用SVG技术
可缩放矢量图形（SVG）是矢量图形家族的一部分。相比其他光栅图形（JPEG、GIF 和 PNG），SVG 图形具有更多的优势。本文将探讨 SVG 图形的基本概念和在 HTML5 中的使用。学习绘制、过滤器、渐变、文本和将 SVG XML 添加到网页。简介可缩放矢量图形 (SVG) 是基于矢量的图形家族的一部分。它们与基于光栅的图形不同，后者在一个数据数组中存储每个像素的颜色定义。如
2016-08-11 17:51:20
1817
转载 使用 jQuery 复制文字到剪贴板的技巧
如果在网上找一个关于如何将一段特定的文本拷贝到剪贴板的解决方案，最可能的结果就是使用Flash的方案来做这个事，虽然使用Flash可以很好地解决这个问题，但是这不是一个明智的想法，因为这个产品最终会消失或者至少是浏览器不再提供支持，因此这个解决方案是没有未来的。虽然可以使用jQuery或者纯JavaScript，甚至完全自己写，但是当有人已经创建了一个解决方案，那么为什么还要重复发明轮子呢？让我们
2016-08-11 17:49:27
7412
1
转载 javascript 从定义到执行，你不知道的那些事
javascript从定义到执行，JS引擎在实现层做了很多初始化工作，因此在学习JS引擎工作机制之前，我们需要引入几个相关的概念：执行环境 栈、全局对象、执行环境、变量对象、活动对象、作用域和作用域链等，这些概念正是JS引擎工作的核心组件。这篇文章的目的不是孤立的为你讲解每一个概念， 而是通过一个简单的demo来展开分析，全局讲解JS引擎从定义到执行的每一个细节，以及这些概念在其中所扮演的角色。
2016-08-11 17:47:54
222
转载 将key名不带双引号的JSON字符串转换成JSON对象的方法
根据json.org上面的描述，JSON对象是由对象成员组成，而成员是由key-value键值组成。key值是一个字符串：字符串由Unicode字符组成，用双引号包围，用反斜杠转义。可以是单个字符。用法跟C或Java里的字符串的用法相似。但是，在现实应用中，很少有程序员知道JSON里的key需要用双引号包围，因为大多数的浏览器里并不需要使用双引号。所以，为什么多此一举要多写
2016-08-11 17:46:45
3831
转载 使用CSS美化radio和checkbox
单选框Radio和多选框checkbox需要美化吗？当然，原生的样式百年不变已经满足不了我们客户的需求。表单很多控件需要美化，我们有借 助Javascript来做美化的，也有直接用CSS来美化的，今天我给大家介绍使用纯CSS实现radio和checkbox的美化。我们知道，很多使用JS来美化表单控件的方法都不是很理想，需要借助引入js和css，有的甚至使用图片和字体图标，而且还要依赖jQu
2016-08-11 17:44:21
374
转载 使用CSS里的user-select属性控制用户在页面上选中的内容
CSS里的user-select属性用来禁止用户用鼠标在页面上选中文字、图片等，也就是，让页面内容不可选。也可以只允许用户选中文字，或者全部都放开，用户可以同时选中文字、还包括文本里的图片、视频等其它东西。user-select属性的作用是元素级别的，它不仅可以作用整个页面，也可以只在指定的元素和其子元素上生效。写这篇文章的时候，“user-select”属性在各大浏览器里都还是实验性的属
2016-08-11 17:42:29
7929
转载 开发nodejs前需要知道的一些东西
@#$SDFG$DEW#E@!EXWT#ߥ®™∞¡¥github无法访问下不了node.js环境搭建好慢npm慢死bower慢BLABLABLA……node.js环境快速搭建管理直接从 github clone nvm 到本地, 这里假设大家都使用 ~/git 目录存放 git 项目:$ cd ~/git$ git clone https://g
2016-08-11 17:40:25
338
转载 使用jQuery解析XML
XML和HTML都是标记语言，语法形式非常相似，同属于一个语言体系。对于HTML的解析，我是使用jQuery非常方便，其实，我们也可以用jquery解析XML，也是同样的方便。如果你用过Java、PHP等语言解析过XML，相信会跟我有相同的感觉，那就是很麻烦。改用jQuery来读取、分析、操作XML后，给人意想不到的轻松感。下面我们来看看使用jQuery处理XML文件的几种形式方法。
2016-08-11 17:39:12
361
转载 console.time和console.timeEnd用法
console.time和console.timeEnd这两个方法可以用来让WEB开发人员测量一个javascript脚本程序执行消耗的时间。随着WEB应用越来越重要，JavaScript的执行性能也日益受到重视，WEB开发人员知道一些性能测试机器是必须的。今天要介绍的console.time和console.timeEnd就是其中之一。console.time方法是开始计算时间，cons
2016-08-11 17:38:08
481
转载 Javascript Object.keys()用法
我经常使用JavaScript对象。非常喜欢。相对来说，数组虽然也很好用，但JavaScript Object提供了另一层次的数据结构和数据信息，这是简单的数组是无法比拟的。例如，我们可以非常方便的从一个JavaScript对象里寻找一个键值，比在数组里更迅速。通常我们探索一个对象里的属性时，喜欢使用hasOwnProperty()方法，其实这个方法很不优雅；Object.keys（不是O
2016-08-11 17:37:19
739
转载 Javascript缓存API
JavaScript ServiceWorker API的好处就是让WEB开发人员轻松的控制缓存。虽然使用ETags等技术也是一种控制缓存的技术，按使用JavaScript让程序来控制缓存功能更强大，更自由。当然，强大有强大的好处，也有弊处——你需要做善后处理，所谓的善后处理，就是要清理缓存。下面我们来看看如何创建缓存对象、在缓存里添加请求缓存数据，从缓存里删除请求缓存的数据，最后是如何完
2016-08-11 17:36:22
242
转载 你未必知道的12个JavaScript技巧
在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值，如果存在就返回true值。为了做这样的验证，我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测，只要变量的值为:0、null、"
2016-08-11 17:35:28
200
转载 JavaScript里的数组转化新方法Array.From
过去，我们使用各种各样的方法来将类似Array对象的东西(比如arguments 和 NodeList) 转换成真的数值。比如下面这个：将NodeList转换成数组基本上，这些东西我们都可以使用Array.prototype.slice.call()这样的方法将arguments和NodeList等转行成想要的形式。如今，我们有了更直接的方法，直接将这些类数组的对象
2016-08-11 17:34:26
239
转载 如何知道手机屏幕的CSS像素宽度？
随着移动设备浏览量的迅速增长，自适应网页设计变得越来越重要。Web程序员在开发移动端页面时时常会遇到这样的问题，手机设备商声明的屏幕像素宽度尺寸和网页开发时使用的CSS像素宽度不一致，为什么会出现这种情况呢？此像素非彼像素设备像素(device pixel):设备像素设是物理概念，指的是设备中使用的物理像素。比如iPhone 5的分辨率640 x 1136px。
2016-08-11 17:32:49
1125
转载 JavaScript里的循环方法：forEach，for-in，for-of
JavaScript诞生已经有20多年了，我们一直使用的用来循环一个数组的方法是这样的：for (var index = 0; index < myArray.length; index++) { console.log(myArray[index]);}自从JavaScript5起，我们开始可以使用内置的forEach方法：myArray.forEach(function
2016-08-11 17:31:49
470
转载 javascript里的sleep()方法
很多编程语言里都有sleep()，delay()等方法，它能让我们的程序不那么着急的去执行下一步操作，而是延迟、等待一段时间。软件开发中经常会遇到需要这样的函数，比如等待几分钟去检查某一事件是否发生。JavaScript里有setTimeout()方法来实现设定一段时间后执行某个任务，但写法很丑陋，需要提供回调函数：setTimeout(function(){ alert("Hello");
2016-08-11 17:30:41
248
转载 41个Web开发者必须收藏的JavaScript实用技巧
1. 将彻底屏蔽鼠标右键oncontextmenu=”window.event.returnValue=false”no 可用于 Table2. 取消选取、防止复制3.JS不允许粘贴onpaste=”return false”4. JS防止复制oncopy=”return false;” oncut=”return false;”5. IE 地址
2016-08-11 17:29:13
211
转载 前端程序员必须知道的高性能Javascript知识
想必大家都知道，JavaScrip是全栈开发语言，浏览器，手机，服务器端都可以看到JS的身影。 本文会分享一些高效的JavaScript的最佳实践，提高大家对JS的底层和实现原理的理解。数据存储计算机学科中有一个经典问题是通过改变数据存储的位置来获得最佳的读写性能，在JavaScript中，数据存储的位置会对代码性能产生重大影响。 – 能使用{}创建对象就不要使用new Objec
2016-08-11 17:27:33
230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人