插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程序 regulex: 用于生成 正则表达式 的
图来源网络 前端插件以及部分细分网址梳理 插件 parallel.js: 前后端通用的一个并行库 zepto: 用于现代浏览器的兼容 jQuery 的库 totoro: 稳定的跨浏览器测试工具 TheaterJS: 一个用于模拟人输入状态的 JS 库 stellar.js: 前端用于实现异步滚动效果的库，现已不再维护 skrollr: 另一款实现一步滚动的开源库，使用人数众多，可实现各种狂拽酷炫掉渣天的前端效果，看真相 Framework7: 前端框架，是开发人员可以基于 web 技术构建 IOS7 程
毫无疑问，比起其他浏览器，谷歌浏览器虽有着明显的优势，但是它的劲敌火狐却是很多前端攻城师和研发人员的挚爱，为了尽可能地提高用户体验，火狐浏览器的社区在插件开发和运用上有着丰富的经验，说它是网站开发者的
本章介绍jQuery中支持Ajax的各种方法和函数，阐述通过Ajax交互的过程与常用方法,重点介绍核心方法$.ajax()的运用技巧。通过ajax全局事件的介绍，进一步巩固前面所学基础内容。
HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表。比如，一个页面在屏幕上显示时使用无衬线字体，而在打印时则使用衬线字体。screen和print是两种已定义的媒体类型。媒体查询让样式表有更强的针对性，扩展了媒体类型的功能。
Yslow 这个工具相信无论是搞前端的攻城师或者是搞网站的站长都了解，Yslow 可比谷歌的PageSpeed 有名多了；那个百分制下的评分数据总让国人着迷，看来应试教育造的孽太深了。Jeff 认为的话，Yslow 比较专业，但是因为是英文的，所以在个人分析结果上对某些人比较吃力，建议先使用PageSpeed Insights熟悉熟悉。 网站性能评分工具Yslow 简介 YSlow （解析为 why slow）是雅虎基于网站优化规则推出的工具，帮助你分析并优化网站性能。雅虎网站优化规则在十几个方面给你的网站
Fancybox是一款基于jquery开发的类Lightbox插件，同时也是一款很绚丽的 jquery 弹出层展示插件，支持对放大的图片添加阴影效果，对于一组相关的图片添加导航操作按纽。
工具类 方便操作对象，数组等的工具库 underscore.js lo-dash 与underscore.js的api基本一致。与underscore比其优势是，效率高；可自定义构建 Sugar 在原生对象上增加一些工具方法 functional.js 提够了一些Curry的支持 bacon.js 函数式编程，cool streamjs 用流的方式来对数组，对象进行系列操作 异步流程控制 发布订阅 eventproxy 朴灵出品 Arbiter.js q Promise风格的 Asyn
这是一个困扰我一周的问题了，不过现在终于在@Mr.L的协助下解决了，下面先描述下问题吧。大家在浏览QQ空间的时候，通过浏览器，或者按住ctrl+鼠标滚轮进行页面缩放，页面上会有个很友好的提示，如：
箭头函数不会创建自己的this， 所以它没有自己的this，它只会在自己作用域的上一层继承this。所以箭头函数中this的指向在它在定义时已经确定了，之后不会改变。
前言/脚手架的介绍与作用： Vue-cli脚手架官方中文文档：cli.vuejs.org/zh/guide/ 1. vue脚手架是什么？ 它是一个专门为单页面（SPA）应用快速搭建繁杂的脚手架，它是基于webpack的基础开发出来的一款能够快速的帮助我们构建一个用来开发vue的项目目录、结构（vue和webpack的项目模板）。 vue脚手架通常使用在大型项目中，能够加快我们的开发速度。而小型项目不推荐使用脚手架，因为反而会拖慢我们项目的开发速度。 2. 为什么会有vue脚手架？ 因为 we
用过echart的人都会遇到一个问题，就算是代码中写了window.onresize = echart.resize，也只是横向自适应拉伸填充页面，垂直方向不会变化，除非指定高度才可以，这就比较郁闷了，为何echart本身不会自适应呢？按道理不应该啊，莫非实现起来很困难？好吧先不管这个了，这个问题搜索出来一大堆解决方案，在Qt的浏览器控件中也有这个问题，为了解决这个问题想了两个策略，一种是程序本身检测尺寸变化，然后重新设置高度并载入网页，一种是js函数设置对应的宽高，什么时候执行呢，就是在程序界面尺寸变化的时候，两种办法对比下来，最终选用的后者，因为效果比较好，还是异步执行的，无需重新加载网页，那个每次高度变化了就重新加载网页的办法在早期的作品中用过，看起来好弱弱的。
优势之一在于流畅度，其二就是兼容性很强，这也是它最大的优势：支持众多强大好用的拓展程序（Extensions）。
viewport是移动端跨屏适配的基石，吃透这一概念，任何复杂多变的适配需求，都可以手到擒来。
@media screen and (max-device-width:400px){
Chrome 浏览器的 Performance 面板为我们提供了检测页面性能的能力，但其提供的远不止一些性能数据。本文将从工作原理的视角，结合实际工程的录制结果，探一探性能面板向我们透露的其他信息。
HTML5 的标准已经定了，应该火了，或者已经火了。那么是不是可以学习一下呢？ 目前h5的主场还是在手机端，pc还是受困于浏览器的兼容，主要是IE在拖后腿。所以这里侧重的是手机里面的表现。 先来看看表单。h5里面增加了一些新的标签和属性，解决了我们以前比较头疼或者繁琐的功能。 先看看input里面的type属性，新增了一些属性，比如email、number、date、range等，那么他们的表现到底如何呢？我们来罗列一下。 <form > <input type="checkbox" na
相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序（Extensions）。
来源丨网络 今天给大家推荐一些常用的 chrome 的插件，还是非常不错的，大家可以用起来看看。 前言 相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序（Extensions）。 下面的很多插件都是工具插件，看完保证你工作效率、心情提高1倍。 1、OneTab：一键合并 tab Tab 过多的时候，要关闭浏览器的时候OneTab可以帮助你快速的保存、整理浏览器。 2、掘金：最新的技术动态 每次打开
今天给大家推荐一些常用的 chrome 的插件，还是非常不错的，大家可以用起来看看。
作者：Danny Markov，译者：IT程序狮 译文：https://zhuanlan.zhihu.com/p/31321429 原文：https://tutorialzine.com/2017/1
由于手机屏幕尺寸过小，使用原始分辨率会使得页面显示过小，因此使用了逻辑分辨率，用倍数放大的方法来保证兼容性。
与之前的过程相同，视点与移动后的元素的连线与屏幕的焦点就是在屏幕上的呈现的元素的大小，与元素相比较变大了。
PDF 全称Portable Document Format (PDF)（便携文档格式）,该格式的显示与操作系统、分辨率、设备等因素没有关系，不论是在Windows，Unix还是在苹果公司的Mac OS操作系统中PDF格式都通用。Adobe公司在1993年为了文档传输创造了这个文件格式，这个格式使用PostScript页面描述语言，适用于列印图像和文字（无论是在纸、胶片或非物质的CRT都可）。PDF是基于页面描述语言。它既可以像程序代码一样具有可读性，又能表示出可任意放大和缩小的矢量图。
CSS3 基础知识 1.边框 1.1 圆角 border-radius:5px 0 0 5px; 1.2 阴影 box-shadow:2px 3px 4px 5px rgba(0,0,0,0.5);(水平、垂直、模糊、扩展) box-shadow:inset 1px 2px 3px 4px #fff;(inset 内阴影) 1.3 边框图像 border-image 2.背景 2.1 background-size background-size:30px 30px;(背景图像宽度，背景图像高度) 2.2 background-image:linear-gradient(45deg,rgba(0,0,0,0.5) 25%,transparent 25%,transparent 50%,rgba(0,0,0,0.5) 50%,rgba(0,0,0,0.5) 75%,transparent 75%,transparent);(线性渐变，和background-size一起用) 2.3 background-attachment:(fixed|scroll|local) fixed： 背景图像相对于窗体固定。 scroll： 背景图像相对于元素固定，也就是说当元素内容滚动时背景图像不会跟着滚动，因为背景图像总是要跟着元素本身。但会随元素的祖先元素或窗体一起滚动。 local： 背景图像相对于元素内容固定，也就是说当元素随元素滚动时背景图像也会跟着滚动，因为背景图像总是要跟着内容。 2.4 background-position:30px 20px;(横坐标，纵坐标；是图片在动) 2.5 background-origin:(padding-box|border-box|content-box) padding-box： 从padding区域（含padding）开始显示背景图像。 border-box： 从border区域（含border）开始显示背景图像。 content-box： 从content区域开始显示背景图像。 3.文本 3.1 文字阴影 text-shadow:5px 5px 4px #000;(水平，垂直，模糊) 3.2 换行 word-wrap:(normal|break-word) normal： 允许内容顶开或溢出指定的容器边界。 break-word： 内容将在边界内换行。如果需要，单词内部允许断行。 white-space:(normal|pre|nowrap|pre-wrap|pre-line) normal： 默认处理方式。 pre： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字超出边界时不换行。可查阅pre对象 nowrap： 强制在同一行内显示所有文本，直到文本结束或者遭遇br对象。 pre-wrap： 用等宽字体显示预先格式化的文本，不合并文字间的空白距离，当文字碰到边界时发生换行。 pre-line： 保持文本的换行，不保留文字间的空白距离，当文字碰到边界时发生换行。 3.3 省略号 width:200px; overflow:hidden; text-overflow:hidden; white-space:nowrap; 4.2D变换 4.1 旋转 transform:rotate(45deg); 4.2 移动 transform:translate(45px,45px);(水平，垂直) 4.3 缩放 transform:scale(2,2);(水平，垂直) 4.4 翻转 transform:skew(20deg,40deg);(沿X轴翻转，沿Y轴翻转) 4.5 将以上四个组合在一起 matrix(),需要六个参数，包含数学函数，允许您：旋转、缩放、移动以及倾斜元素。 暂放 5.过渡 5.1 transition : [ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ] [ transition-property ]： 检索或设
前言 在iOS8中，苹果推出了WKWebView。WKWebView有一个突出特点，就是内存占用少。 但作为一个全新的WebView，API相比于之前的UIWebView肯定会有所不同。今天就在这里记录一下WKWebView的基本使用。 Webview的使用，通常包含以下几个部分：浏览器的基本设置，浏览器的各种回调，浏览器中js如何调用原生方法。 WKWebView基本使用 self.webview = [[WKWebView alloc]init]; [self.view addSubvi
灯箱效果是我一直想加又没有加的功能，正好最近百度在推移动落地页检测，顺手做一下优化
在移动端中我们经常碰到横屏竖屏的问题，那么我们应该如何去判断或者针对横屏、竖屏来写不同的代码呢。
后来有人尝试用对象的方式来书写逻辑模块，但是这种写法有自己的弊端，比如这样的写法暴露了所有的模块成员，模块中的属性有被外部代码更改的风险。
网页加载后，浏览器会解析 html、执行 js、渲染 css，这些工作都是在 Event Loop 里完成的，理解了 Event Loop 就能理解网页的运行流程。
浏览器环境： 是指 JS代码在浏览器中的运行时环境，它包括V8自动构建的对象（即ECMAScript的内容,如Date、Array），浏览器（内置）传递给V8的操作DOM和BOM的对象（如document、navigator）；
10步大幅提升网站可访问性：1. 检查<title>标签；2. 提供文字替代方案；3. 检查表单；4. 使用heading做信息架构；5. 减少焦点劫持；6. 按Ctrl+或command+查看页面缩放；7. 添加landmark角色；8. 设置快捷键；9. 触发界面转换需设置焦点；10. 填写一个简单的链接到<body>之后作为第一个内容元素。
相信很多人都在使用 Chrome 浏览器，其流畅的浏览体验得到了不少用户的偏爱，但流畅只是一方面， Chrome 最大的优势还是其支持众多强大好用的扩展程序（Extensions）。 最近为了更好的利用谷歌浏览器，我整理了一些常用的谷歌插件，分享给大家。
使用手机浏览页面的时候，有些浏览器内核的原因，点击 img 标签图片会自动放大，长按会弹出下载或者保存选项。
写博客必不可少的一个功能就是图片灯箱功能，也就是点击放大查看。但是不同程序的博客所使用的插件也都不一样，我这里研究出一套可以满足绝大部分程序的灯箱插件。已经测试过hexo, hugo, typecho 均无问题。
无论是浏览器端还是服务端Node.js，都在使用EventLoop事件循环机制，都是基于Javascript语言的单线程和非阻塞IO的特点。在EventLoop事件队列中有宏任务和微任务队列，分析宏任务和微任务的运行机制，有助于我们理解代码在浏览器中的执行逻辑。
本文首先介绍了TensorFlow.js的重要性及其组件，并介绍使用其在浏览器中构建机器学习模型的方法。然后，构建使用计算机的网络摄像头检测身体姿势的应用程序。
模块化开发就是封装细节，提供使用接口，彼此之间互不影响，每个模块都是实现某一特定的功能。
转用Chrome，不仅仅因为它的插件之丰富，更因为它的响应速度其他浏览器都望尘莫及。接着我就要写写一些心得。
在node.js中你可以通过process.argv来获取命令行的参数，其返回一个数组，第一个参数是你本地安装的node路径，第二个参数是你本地运行文件的路径，在这里，如果你后面没有输入啥，那么就返回到这里。如果你后面跟了一屁股参数，那么，那么它就会从数组的第三个元素开始。
你最喜欢用什么工具来编写机器学习模型？数据科学家们对这个永恒的问题会给出各种不同的答案。一些人喜欢RStudio，另一些人更喜欢Jupyter Notebooks。我绝对属于后者。
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
实时音视频
云直播
对象存储
