更新于:10-28 22:23

有关[javascript]标签推荐

你不知道的Node.js性能优化,读了之后水平直线上升

于12-07 17:50 - 腾讯云加社区 - 前端 程序员 javascript node.js
本文由云+社区发表 “当我第一次知道要这篇文章的时候,其实我是拒绝的,因为我觉得,你不能叫我写马上就写,我要有干货才行,写一些老生常谈的然后加上好多特技,那个 Node.js 性能啊好像 Duang~ 的一下就上去了,那读者一定会骂我,Node.js 根本没有这样搞性能优化的,都是假的. ” ------ 斯塔克·成龙·王.

从 0 到 1 再到 100, 搭建、编写、构建一个前端项目

于11-27 14:27 - senntyou - node.js html css javascript 前端
从 0 到 1 再到 100, 搭建、编写、构建一个前端项目. 选择现成的项目模板还是自己搭建项目骨架. 搭建一个前端项目的方式有两种:选择现成的项目模板、自己搭建项目骨架. 选择一个现成项目模板是搭建一个项目最快的方式,模板已经把基本的骨架都搭建好了,你只需要向里面填充具体的业务代码,就可以通过内置的工具与命令构建代码、部署到服务器等.

前端监控实践——FMP的智能获取算法

于11-21 18:01 - 斑驳光影 - 前端性能 监控 javascript
今天来给大家介绍下前端监控中一个特定指标的获取算法,有人会问,为啥就单单讲一个指标. 这是因为,目前大部分的指标,比如白屏时间,dom加载时间等等,都能通过现代浏览器提供的各种api去进行较为精确的获取,而今天讲的这个指标,以往获取他的方式只能是通过逻辑埋点去获取它的值,因此在做一些前端监控时,需要根据业务需要去改变页面对这个值的埋点方式,会比较繁琐,恰巧最近刚刚好在做一些前端监控相关的项目,遇到这个问题时就在想,能不能通过一种无须埋点的方式,将这个值给获取到.

浏览器输入url到发起http请求所经历的过程

于11-18 16:33 - jianwenjuan - html css javascript
当用户输入url,操作系统会将输入事件传递到浏览器中,在这过程中,浏览器可能会做一些预处理,比如 Chrome 会根据历史统计来预估所输入字符对应的网站,例如输入goog,根据之前的历史发现 90% 的概率会访问「www.google.com 」,因此就会在输入回车前就马上开始建立 TCP 链接甚至渲染了.

程序员练级攻略(2018) 与我的专栏

于05-29 12:38 - 陈皓 - 技术读物 杂项资源 C++ Java Javascript
写极客时间8个月了,我的专栏现在有一定的积累了,今天想自己推荐一下. 因为最新的系列《程序员练级攻略(2018)版》正在连载中,而且文章积累量到了我也有比较足的自信向大家推荐我的这个专栏了. 推荐就从最新的这一系统的文章开始. 2011年,我在 CoolShell 上发表了 《 程序员技术练级攻略》一文,得到了很多人的好评(转载的不算,在我的网站上都有近1000W的访问量了).

python使用深度神经网络实现识别暹罗与英短

于02-05 11:25 - Cobub OP Team - 博客 未分类 APP统计 J-Query JavaScript APP 数据统计 Python
先来上两张图看看那种猫是暹罗. 你以后是不是可以识别了暹罗和英短了. 这是因为素材太少了,我们看这两张图能分别提取出来短特征太少了. 那如果我们暹罗短放100张图,英短放100张图给大家参考,再给一张暹罗或者英短短照片是不是就能识别出来是那种猫了,即使不能完全认出来,是不是也有90%可能是可以猜猜对.

深入理解JS引擎的执行机制

于01-11 21:18 - ziwei3749 - javascript
深入理解JS引擎的执行机制. 1.灵魂三问 : JS为什么是单线程的. 2.JS中的event loop(1). 3.JS中的event loop(2). 4.说说setTimeout. (1) JS是单线程语言. (2) JS用过Event Loop是JS的执行机制. 想深入了解JS的执行,就等于深入了解JS里的event loop.

现代浏览器性能优化-CSS篇

于12-29 19:00 - GeoffZhu - 性能优化 javascript css html
我来填坑了,CSS篇终于写出来了,如果你没看过前面的JS篇,可以 在这里观看. 众所周知,CSS的加载会阻塞浏览器渲染或是引起浏览器重绘,目前业界普遍推荐把CSS放到 中,防止在CSS还没加载完,DOM就已经绘制出来了,造成CSS加载完成后的重绘. 那在现代浏览器中我们有没有办法提高首屏渲染速度那.

前后端完全分离之API设计

于04-18 17:46 - - Java Javascript Rest 架构
我的目标不仅是能用,而且好用, 跨平台(PC, Android, IOS, etc…)使用; 本文将详细介绍API的设计及异常处理, 并将异常信息进行封装友好地反馈给前端.. 上篇文章 前后端完全分离初探只是讲了些宽泛的概念, 接下来的文章将直接上干货, 干货的源码会挂在 github上.. 前后端完全分离后, 前端和后端如何交互.

vue快速入门的三个小实例

于08-23 08:37 - 守候你 - vue.js javascript
用vue做项目也有一段时间了,之前也是写过关于vue和webpack构建项目的相关文章,大家有兴趣可以去看下 webpack+vue项目实战(一,搭建运行环境和相关配置)(这个系列一共有5篇文章,这是第一篇,其它几篇文章链接就不贴了). 但是关于vue入门基础的文章,我还没有写过,那么今天就写vue入门的三个小实例,这三个小实例是我刚接触vue的时候的练手作品,难度从很简单到简单,都是入门级的.

H5与Native交互之JSBridge技术

于07-26 12:54 - 有赞前端 - uiwebview javascript
做过混合开发的很多人都知道Ionic和PhoneGap之类的框架,这些框架在web基础上包了一层Native,然后通过Bridge技术使得js可以调用视频、位置、音频等功能. 本文就是介绍这层Bridge的交互原理,通过阅读本文你可以了解到js与ios及android底层的通讯原理及JSBridge的封装技术及调试方法.

Web项目如何防止客户端重复发送请求

于06-09 12:38 - chanjarster - java javascript web
在Web项目中,有一些请求或操作会对数据产生影响(比如新增、删除、更新),针对这类请求一般都需要做一些保护,以防止用户有意或无意的重复发起这样的请求导致的数据错乱. 本文总结了一些防止客户端重复发送请求的方法. 方法一:JS监听Form的onsubmit事件. 在经典场景下,浏览器通过Form发送请求.

JavaScript 启动性能瓶颈分析与解决方案

于02-13 22:28 - 王下邀月熊_Chevalier - javascript v8 性能优化
JavaScript 启动性能瓶颈分析与解决方案 翻译自 Addy Osmani 的. JavaScript Start-up Performance,从属于笔者的 Web 前端入门与工程实践. 本文已获得原作者授权,为InfoQ中文站特供稿件,首发地址为 这里;如需转载,请与InfoQ中文站联系.

微豆 - Vue 2.0 实现豆瓣 Web App 教程

于03-17 11:53 - RalfZ - vue-cli vuex vue-router vue.js javascript
一个使用 Vue.js 与 Material Design 重构 豆瓣 的项目. 项目网站 http://vdo.ralfz.com/. # 克隆项目到本地 git clone https://github.com/RalfZhang/Vdo.git # 安装依赖 npm install # 在 localhost:8080 启动项目 npm run dev.

Web性能优化

于03-14 19:18 - Kyxy - 性能 javascript
Web网站的性能细线在几个方面:. 通过分析浏览器的渲染原理、资源对渲染的影响,得出优化网站性能的办法. Chrome的 Timeline面板录制网页加载的过程,分析记录浏览器渲染过程中每个过程的耗时. 关闭Chrome扩展或者启用隐身模式. 根据使用场景,模拟真实的网络加载情况:. 2.2 Timeline工具的各个组成.

揭秘babel的魔法之class魔法处理

于01-13 20:48 - lucas_580e331d326b4 - javascript babel es6 ecmascript es5
2017年,很多人已经开始接触ES6环境,并且早已经用在了生产当中. 我们知道ES6在大部分浏览器还是跑不通的,因此我们使用了伟大的Babel来进行编译. 很多人可能没有关心过,经过Babel编译之后,我们华丽的ES6代码究竟变成了什么样子. 这篇文章,针对Babel对ES6里面“类class”的编译进行分析,你可以在线 测试编译结果,毕竟纸上得来终觉浅,自己动手,才能真正体会其中的奥秘.

工作中经常用到github上优秀、实用、轻量级、无依赖的插件和库

于04-09 11:09 - 微醺岁月 - javascript html5 github html
原文收录在我的 GitHub博客 ( https://github.com/jawil/blog) ,喜欢的可以关注最新动态,大家一起多交流学习,共同进步,以学习者的身份写博客,记录点滴. 按照格式推荐好用的插件有福利哦,说不定会送1024论坛邀请码,好自为之,你懂的,嘿嘿嘿. 由于github的issues没有TOC菜单栏导航,所以这里方便大家查看,先安利一款Chrome浏览器的插件,感谢github用户@BBcaptain 推荐.

JavaScript 方法的4种调用模式

于02-03 08:00 - - JavaScript 构造函数 调用模式
函数(Function)是JavaScript的基本模块单元,JavaScript的代码重用, 信息隐藏,对象组合等都可以借助函数来实现. JavaScript中的函数有4种调用模式:. 方法调用(Method Invocation Pattern). 函数调用(Function Invocation Pattern).

404错误处理:重定向还是直接404?

于08-03 08:00 - Harttle - AJAX HTML HTTP JavaScript 搜索引擎
小型网站开发通常会使用某种Web应用框架,比如类似Spring、Express、Django等框架. 这些框架会给出自定义错误页面的方式. 当404发生时Web框架会渲染并返回对应的错误页面. 这是最自然和直接的错误处理方式,但有时我们希望错误页面可以单独Serve,比如放到CDN上. 本文档依据RFC 2616(HTTP 1.1)比较几种常见的404错误处理方法:.

初探 performance – 监控网页与程序性能

于09-03 15:26 - TAT.felix - JavaScript Web 前端优化 Web开发
使用 window.performance 提供了一组精确的数据,经过简单的计算就能得出一些网页性能数据. 配合上报一些客户端浏览器的设备类型等数据,就可以实现简单的统计啦. 额,先看下兼容性如何: http://caniuse.com/#feat=nav-timing. 这篇文章中 Demo 的运行环境为最新的 Chrome 的控制台,如果你用的是其他浏览器,自查兼容性哈~.

前端性能优化指南

于08-30 23:02 - kahn1990 - web 性能优化 javascript 前端
XMLHttpRequest时,而URL长度不到. GET类型请求只需要发送一个. CSS等静态文件放在静态资源服务器上并配置单独域名,客户端请求静态文件的时候,减少. COOKIE反复传输时对主域名的影响. cloneNode在外部更新节点然后再通过. replace与原始节点互换. >多个节点插入操作,即使在外面设置节点的元素和风格再插入,由于多个节点还是会引发多次reflow.

javaScript跨浏览器事件处理程序

于08-25 21:45 - 小東仔 - javascript web前端开发 javascript高级程序设计
最近在阅读 javascript高级程序设计,事件这一块还是有很多东西要学的,就把一些思考和总结记录下. 在事件处理,事件对象,阻止事件的传播等方法或对象存在着浏览器兼容性问题,开发过程中最好编写成一个通用的事件处理工具. //在这里添加一些通用的事件处理方法. 事件的绑定主要为IE8以下浏览器做兼容处理:.

使用Benchmark.js和jsPerf分析代码性能

于08-24 16:30 - trigkit4 - benchmark javascript jsperf
前端开发中,掌握好浏览器的特性进行有针对性的性能调优是一项基本工作,同时,比较不同代码的执行速度也是一项关键的工作. 比如,当我们想比较 RegExp的 test方法和 String对象的 indexOf方法查找字符串谁的速度更快的话, js代码在不同的浏览器,不同的操作系统环境运行的效率可能是不一样的,这就是为什么我们需要对其进行基准测试,在做基准测试方面,我们可以使用 Benchmark.js和使用 jsPerf(一个基于 JSLitmus的基准测试库).

浏览器事件模型中捕获阶段、目标阶段、冒泡阶段实例详解

于08-23 17:37 - 本期节目 - javascript 事件 事件监听 事件绑定
如果对事件大概了解,可能知道有事件冒泡这回事,但是冒泡、捕获、传播这些机制可能还没有深入的研究实践一下,我抽时间整理了一下相关的知识. 本文主要对事件机制一些细节进行讨论,过于基础的事件绑定知识方法没有介绍. 特别少的篇幅关注浏览器兼容问题,毕竟原理了解了,兼容性问题可以自己想办法解决了. 在浏览器相对标准化之前,各个浏览器厂商都是自己实现的事件模型,有的用了冒泡,有的用了捕获,W3C为了兼顾之前的标准,将事件发生定义成如下三个阶段:.

[总结贴] 十个 JavaScript 中易犯的小错误

于05-25 15:46 - 1KEco - javascript
在今天,JavaScript已经成为了网页编辑的核心. 尤其是过去的几年,互联网见证了在SPA开发、图形处理、交互等方面大量JS库的出现. 如果初次打交道,很多人会觉得js很简单. 确实,对于很多有经验的工程师,或者甚至是初学者而言,实现基本的js功能几乎毫无障碍. 但是JS的真实功能却比很多人想象的要更加多样、复杂.

异步脚本载入提高页面性能

于05-18 08:00 - Harttle - AJAX Chrome DOM HTML JavaScript
可能很多人都知道JavaScript的载入和渲染会暂停DOM解析,但可能仍缺乏直观的体验. 本文通过几个例子详述脚本对页面渲染的影响,以及如何使用异步脚本载入策略提供页面性能和用户体验. 包括在脚本载入缓慢或错误时尽早显示整个页面内容,以及早点结束浏览器忙提示(进度条、旋转图标、状态栏等). 要理解异步脚本载入的用处首先要了解浏览器渲染DOM的流程,以及各阶段用户体验的差别.

样式表的载入会延迟DOM载入事件

于05-15 08:00 - Harttle - CSS DOM JavaScript 事件 Firefox
绝大多数情况下我们总是让JavaScript在DOM载入后再开始执行. 不管是直接用 DOM API 实现还是使用 jQuery,最终都是 DOMContentLoaded事件在起作用. 本文讨论一个我们习以为常却很少了解的问题: 样式文件的载入会延迟脚本执行,以及 DOMContentLoaded事件的触发.

兼容所有浏览器的 DOM 载入事件

于05-14 08:00 - Harttle - Chrome DOM HTML JavaScript jQuery
本文就页面载入问题讨论 DOMContentLoaded、 load、 readyState等DOM事件的浏览器兼容性, 并给出怎样绑定DOM载入事件以兼容所有的浏览器. 接着介绍jQuery对该问题的实现源码,以及jQuery中 $(document).ready()和 $(window).load()方法的区别.

JavaScript性能优化小知识总结

于03-04 09:56 - codeceo - WEB开发 编程开发 JavaScript 性能优化
JavaScript的性能问题不容小觑,这就需要我们开发人员在编写JavaScript程序时多注意一些细节,本文非常详细的介绍了一下JavaScript性能优化方面的知识点,绝对是干货. 一直在学习javascript,也有看过《犀利开发Jquery内核详解与实践》,对这本书的评价只有两个字犀利,可能是对javascript理解的还不够透彻异或是自己太笨,更多的是自己不擅于思考懒得思考以至于里面说的一些精髓都没有太深入的理解.

为什么说DOM操作很慢

于12-08 14:31 - leozdgao - dom javascript
也可以在这里看: http://leozdgao.me/why-dom-slow/. 一直都听说DOM很慢,要尽量少的去操作DOM,于是就想进一步去探究下为什么大家都会这样说,在网上学习了一些资料,这边整理出来. 首先,DOM对象本身也是一个js对象,所以严格来说,并不是操作这个对象慢,而是说操作了这个对象后,会触发一些浏览器行为,比如布局(layout)和绘制(paint).