更新于:10-11 15:31

有关[javascript]标签推荐

vue父子组件通信高级用法

于08-27 10:52 - 我的小熊不见了 - 通信 vue.js javascript
vue项目的一大亮点就是组件化. 使用组件可以极大地提高项目中代码的复用率,减少代码量. 但是使用组件最大的难点就是父子组件之间的通信. . . // 参数就是子组件传递出来的数据.

Web Components 入门实例教程

于08-06 17:39 - - JavaScript
组件是前端的发展方向,现在流行的 React 和 Vue 都是组件框架. 谷歌公司由于掌握了 Chrome 浏览器,一直在推动浏览器的原生组件,即 Web Components API. 相比第三方框架,原生组件简单直接,符合直觉,不用加载任何外部模块,代码量小. 目前,它还在不断发展,但已经可用于生产环境.

为什么我们要熟悉这些通信协议? 【精读】

于07-27 13:07 - Peter谭金杰 - html5 html css node.js javascript
前端的最重要的基础知识点是什么. 原生 javaScript, HTML, CSS.. EventLoop和渲染机制. 各类工程化的工具原理以及使用,根据需求定制编写插件和包. (webpack的plugin和babel的预设包). 数据结构和算法(特别是 IM以及超大型高并发网站应用等,例如 B站).

[译]保持Node.js的速度-创建高性能Node.js Servers的工具、技术和提示

于07-07 21:00 - sheldon - javascript 压测 性能 node.js
本文翻译自: Keeping Node.js Fast: Tools, Techniques, And Tips For Making High-Performance Node.js Servers. 原文地址: https://www.smashingmagazine..... 中文标题:保持Node.js的速度-创建高性能Node.js Servers的工具、技术和提示.

使用Node.js爬取任意网页资源并输出高质量PDF文件到本地~

于06-14 23:55 - Peter谭金杰 - html5 html css node.js javascript
本文适合无论是否有爬虫以及 Node.js基础的朋友观看~. 使用 Node.js爬取网页资源,开箱即用的配置. 将爬取到的网页内容以 PDF格式输出. 如果你是一名技术人员,那么可以看我接下来的文章,否则,请直接移步到我的 github仓库,直接看文档使用即可. 仓库地址: 附带文档和源码,别忘了给个 star哦.

让前端开发者失业的技术,Flutter Web初体验

于05-22 17:26 - TNFE - javascript flutter
Flutter是一种新型的“客户端”技术. 它的最终目标是替代包含几乎所有平台的开发:iOS,Android,Web,桌面;做到了一次编写,多处运行. 掌握Flutter web可能是Web前端开发者翻盘的唯一机会. 在前些日子举办的Google IO 2019 年度开发者大会上,Flutter web作为一个很亮眼的技术受到了开发者的追捧.

基于socket.io快速实现一个实时通讯应用

于04-22 11:12 - 薄荷前端 - socket node.js javascript
随着web技术的发展,使用场景和需求也越来越复杂,客户端不再满足于简单的请求得到状态的需求. 实时通讯越来越多应用于各个领域. HTTP是最常用的客户端与服务端的通信技术,但是HTTP通信只能由客户端发起,无法及时获取服务端的数据改变. 只能依靠定期轮询来获取最新的状态. 时效性无法保证,同时更多的请求也会增加服务器的负担.

前端性能优化不完全手册

于04-11 00:06 - Jerry谭金杰 - javascript node.js typescript css html5
性能优化是一门大学问,本文仅对个人一些积累知识的阐述,欢迎下面补充. 抛出一个问题,从输入 url地址栏到所有内容显示到界面上做了哪些事. DNS 服务器请求解析该 URL 中的域名所对应的. 2.建立 TCP连接(三次握手);. 3.浏览器发出读取文件( URL 中域名后面部分对应的文件)的 HTTP 请求,该请求报文作为.

Javascript 面试中经常被问到的三个问题!

于02-28 18:30 - 前端小智 - 前端 程序员 javascript 面试
本文不是讨论最新的 JavaScript 库、常见的开发实践或任何新的 ES6 函数. 相反,在讨论 JavaScript 时,面试中通常会提到三件事. 我自己也被问到这些问题,我的朋友们告诉我他们也被问到这些问题. 然,这些并不是你在面试之前应该学习的唯一三件事 - 你可以通过 多种 方式更好地为即将到来的面试做准备 - 但面试官可能会问到下面是三个问题,来判断你对 JavaScript 语言的理解和 DOM 的掌握程度.

Puppeteer前端自动化测试实践

于02-20 17:33 - Athon - javascript puppeteer 前端工程化 测试环境搭建
本篇内容将记录并介绍使用Puppeteer进行自动化网页测试,并依靠约定来避免反复修改测试用例的方案. 主要解决页面众多时,修改代码导致的牵连错误无法被发现的运行时问题. 目前我们在持续开发着一个几十个页面,十万+行代码的项目,随着产品的更迭,总会出现这样的问题. 在对某些业务逻辑或者功能进行添加或者修改的时候(尤其是通用逻辑),这些通用的逻辑或者组件往往会牵扯到一些其他地方的问题.

常见六大Web 安全攻防解析

于01-31 09:06 - 浪里行舟 - node.js java javascript 前端 程序员
在互联网时代,数据安全与个人隐私受到了前所未有的挑战,各种新奇的攻击技术层出不穷. 本文主要侧重于分析几种常见的攻击的类型以及防御的方法. 想阅读更多优质原创文章请猛戳 GitHub博客. XSS (Cross-Site Scripting),跨站脚本攻击,因为缩写和 CSS重叠,所以只能叫 XSS.

Node.js 指南(HTTP事务的剖析)

于12-21 16:02 - 博弈 - node.js javascript
本指南的目的是让你充分了解Node.js HTTP处理的过程,我们假设你在一般意义上知道HTTP请求的工作方式,无论语言或编程环境如何,我们还假设你对Node.js EventEmitters和 Streams有点熟悉,如果你对它们不太熟悉,那么值得快速阅读每个API文档. 任何节点Web服务器应用程序在某些时候都必须创建Web服务器对象,这是通过使用 createServer完成的.

你不知道的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).