鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 2.7w 条

vue2.0源码分析之理解响应式架构

我之前介绍过vue1.0如何实现observer和watcher。本想继续写下去，可是vue2.0横空出世，所以直接看vue2.0吧。这篇文章在公司分享过，终于写出来了。我们采用用最精简的代码，还原vue2.0响应式架构实现

2016-11-03 13:19:38

vue.js javascript 前端

JavaScript类型转换深度学习

JavaScript 是一门弱类型语言，刚接触的时候感觉方便快捷（不需要声明变量类型了耶！），接触久了会发现它带来的麻烦有的时候不在预期之内。

2016-11-03 13:00:54

类型转换 javascript

搭建前端开发环境——docker篇

2016-11-03 09:49:04

shell 前端构建 docker

从一个组件的实现来深刻理解JS中的继承

JavaScript 最初是以 Web 脚本语言面向大众的，尽管现在出了服务器端的 nodejs，但是单线程的性质还没有变。对于一个 Web 开发人员来说，能写一手漂亮的组件极为重要。GitHub 上那些开源且 stars 过百的 Web 项目或组件，可读性肯定非常好。

2016-11-03 08:57:02

javascript jquery node.js

javascript原生一步步实现bind分析

bind() 函数会创建一个新函数（称为绑定函数），新函数与被调函数（绑定函数的目标函数）具有相同的函数体（在 ECMAScript 5 规范中内置的call属性）。当目标函数被调用时 this 值绑定到 bind() 的第一个参数，该参数不能被重写。绑定函数被调用时，bind() 也接受预设的参数提供给原函数。

2016-11-02 18:54:01

从零开始搭建论坛（三）：Flask框架简单介绍

前面两篇文章中我们已经了解 Web(HTTP)服务器，Web应用程序，Web框架，WSGI这些 Python Web 开发中的概念。我们知道，Web框架通过将不同Web应用程序中的共性部分给抽象出来，提供一系列通用的接口，从而避免开发者做重复性工作，让其将精力放在业务相关的实现。接下来一起来看一个具体的 Web 框架。

2016-11-02 14:18:45

搭建论坛 Flask 框架

从零开始搭建论坛（二）：Web服务器网关接口

在从零开始搭建论坛（一）：Web服务器与Web框架中我们弄清楚了Web 服务器、Web 应用程序、Web框架的概念。对于 Python 来说，越来越多的 Web 框架面世，在给我们更多选择机会的同时，也限制了我们对于 Web Server 的选择。

2016-11-02 14:09:13

搭建论坛 Web服务器网关接口

从零开始搭建论坛（一）：Web服务器与Web框架

学习一个框架最好的方式就是用框架做一个项目，在实战中理解掌握框架。这里我用 Flask 框架，使用 Mysql 数据库做了一个论坛系统。

2016-11-02 13:33:43

搭建论坛 Web服务器 Web框架

前端跨域整理

跨域一词从字面意思看，就是跨域名嘛，但实际上跨域的范围绝对不止那么狭隘。具体概念如下：只要协议、域名、端口有任何一个不同，都被当作是不同的域。之所以会产生跨域这个问题呢，其实也很容易想明白，要是随便引用外部文件，不同标签下的页面引用类似的彼此的文件，浏览器很容易懵逼的，安全也得不到保障了就。

2016-11-01 21:51:03

使用 React-Router 创建单页应用

在传统的网页应用架构中，客户端只是一个展示层，通过 url 访问服务端，服务端则根据自己的“路由表”将对应的页面分发给客户端。但是在这种模式下，ajax 异步加载的内容是无法通过url 记录的。无论你在页面上操作了多少，异步请求了多少数据，在每次重新访问同一个 url 时，服务端返回给客户端的内容都是一模一样。

2016-11-01 21:02:47

javascript react.js react-route

用TypeScript开发爬虫程序

目前版本2.0.3，这个版本不再需要使用typings命令了。但是vscode捆绑的版本是1.8的，需要一些配置工作，看本文的处理办法。

2016-11-01 20:37:31

javascript node.js typescript

浅谈Web中前后端模板引擎的使用

单纯的后端模板引擎（后端 MVC）以及前端模板引擎方式都有一定的局限性，Node 的出现让我们有了第三种选择，让 Node 作为中间层。具体如何操作？简单地说就是让一门后台语言（比如 Java？PHP？）单纯提供渲染页面所需要的接口，Node 中间层用模板引擎来渲染页面，使得页面直出。

2016-11-01 20:26:47

前端模板 underscore Web

只为那句承诺-大话Promise

Promise是异步编程的一种解决方案，比传统的解决方案——回调函数和事件——更合理和更强大。它由社区最早提出和实现，ES6将其写进了语言标准，统一了用法，原生提供了Promise对象。所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果。

2016-11-01 19:22:36

Javascript 前端 Promise

前端开发之走进Vue.js

Vue.js作为目前最热门最具前景的前端框架之一，其提供了一种帮助我们快速构建并开发前端项目的新的思维模式。本文旨在帮助大家认识Vue.js，了解Vue.js的开发流程，并进一步理解如何通过Vue.js来构建一个中大型的前端项目，同时做好相应的部署与优化工作。

2016-11-01 19:10:33

vue.js 前端前端框架

web性能优化之：no-cache与must-revalidate深入探究

稍微了解HTTP协议的前端同学，相比对Cache-Control不会感到陌生，性能优化时经常都会跟它打交道。常见的值有有private、public、no-store、no-cache、must-revalidate、max-age等。本文仅挑no-cache、must-revalidate 这两个进行值进行探究对比。在项目实践中，这两个值用的比较多，也比较容易搞混。

2016-11-01 10:59:04

web 代理缓存

手把手教你打造一个纯CSS图标库

使用CSS绘制线条，用到的不外乎两个属性：border & box-shadow。而形状则可以用border-radius、transform控制变形，位置则会用到绝对定位、transform、margin等属性来调整。CSS的绘图，做过几个就知道大概是怎么回事了，归根到底，还是几何。

2016-11-01 09:46:04

闭包会造成内存泄漏吗？

在谈内存泄漏这个问题之前先看看JavaScript的垃圾收集机制，JavaScript 具有自动垃圾收集机制，就是找出那些不再继续使用的变量，然后释放其占用的内存。为此，垃圾收集器会按照固定的时间间隔（或代码执行中预定的收集时间）。常用的的方法有两种，即标记清楚和引用计数。

2016-10-31 20:56:57

Javascript 闭包内存泄漏

函数式编程术语解析

一个纯函数需要满足两个条件，第一是函数的返回值只能由输入值(函数接收的参数)决定，也就是说纯函数接收相同的参数会返回相同的值；第二是纯函数不会对自身作用域之外的运环境产生副作用(side effects)。

2016-10-31 20:46:22

函数式编程 Javascript

Gracejs : 全新的基于koa2的前后端分离框架

Gracejs(又称:koa-grace v2) 是全新的基于koa v2.x的MVC+RESTful架构的前后端分离框架。Gracejs完美支持koa v2，同时做了优化虚拟host匹配和路由匹配的性能、还完善了部分测试用例等诸多升级。当然，如果你正在使用koa-grace也不用担心，我们会把Gracejs中除了支持koa2的性能和功能特性移植到koa-grace的相应中间件中。

2016-10-31 14:16:33

node 前后端分离 koa

使用React + Redux + React-router构建可扩展的前端应用

本文最初来源于笔者在 StuQ 的一次同名课程直播，现在加以整理成文，希望能对更多的人有所启发。为了固化这种实践方式，当时还开发了一个名为 Rekit 的工具，用于确保项目能够始终遵循这种实践方式。现在工具也获得进一步完善，大家也可以结合 Rekit 来理解文中提到的实践方案。

2016-10-31 11:26:13

React Redux 前端应用

Docker上开发nodejs

Docker 是一个开源项目，诞生于 2013 年初，最初是 dotCloud 公司内部的一个业余项目。它基于 Google 公司推出的 Go 语言实现。项目后来加入了 Linux 基金会，遵从了 Apache 2.0 协议，项目代码在 GitHub上进行维护。

2016-10-28 22:22:35

node node.js docker

JS属性特性（属性描述符）

ECMAScript 5 中定义了一个名叫“属性描述符”的对象，用于描述了的各种特征。“属性描述符”对象只能在Object.defineProperty或Object.defineProperties中使用。

2016-10-28 21:55:28

Javascript 属性特性属性描述符

《JavaScript 闯关记》之基本包装类型

为了便于操作基本类型值，JavaScript 还提供了3个特殊的引用类型：Boolean、Number 和 String。实际上，每当读取一个基本类型值的时候，后台就会创建一个对应的基本包装类型的对象，从而让我们能够调用一些方法来操作这些数据。

2016-10-28 21:13:33

JavaScript 基本包装类型

Cookie在前端中的实践

每个 Cookie 都有一定的属性，如什么时候失效，要发送到哪个域名，哪个路径等等。在设置任一个 Cookie 时都可以设置相关的这些属性，当然也可以不设置，这时会使用这些属性的默认值。

2016-10-28 15:01:35

Cookie 前端实践

多层级理解闭包

闭包：有一个函数处理之后返回另一个函数，且只能执行一次。闭包的理解是需要一个循序渐进的过程，下面我也会循序渐进从各个角度来阐述对闭包的不同理解，以便方便大家深度理解闭包。

2016-10-27 19:26:47

Javascript 闭包

利用pushState, popState和location.hash等方法自己实现一个小型路由

这篇文章主要是记录下HTML5中history提供的pushState, replaceStateAPI。最后通过这些API自己实现小型的路由。

2016-10-27 15:49:38

pjax 路由 Javascript

深入理解react（源码分析）

首先理解ReactElement和ReactClass的概念。想要更好的利用react的虚拟DOM，diff算法的优势，我们需要正确的优化、组织react页面。

2016-10-26 20:49:24

React Javascript 前端

Promise & Generator——幸福地用同步方法写异步JavaScript

最近在写一个自己的网站的时候（可以观摩一下~Colors），在无意识中用callback写了一段嵌套了5重回调函数的可怕的代码。回过神来的时候被自己吓了一跳，这可不行啊，丑得没法看啊！于是打算尝试一下一些流行的异步的解决方案。经过一番折腾之后...我终于找到了一个令自己满意的方案了（爱不释手）。

2016-10-25 16:04:49

Generator Promise JavaScript

miniui datagrid的客户端分页解决方案

首先，是绑定一个 preload 事件，在这个事情中设置 event.cancel = true，阻止 datagrid 在翻页的时候向服务器请求加载数据。那么数据从哪来呢？当然只有在外部写一个 ajax 过程获取了。不过取得的数据并不直接交给 datagrid，而是缓存起来，放在 dataResult 中。

2016-10-25 14:18:59

分页 javascript miniui

H5打造3d场景不完全攻略（二）: Amazing CSS3D

本文着重介绍如何使用CSS3中的3D变换打造出H5中的3D效果。灵感来源于造物节团队的3d引擎，因为使用方法比较复杂，也没有开源的API文档，于是想自己另外造个轮子，便开始了相关内容的学习和实践。

2016-10-25 14:02:51

全景 css3 css

JavaScript异步编程之jsdeferred原理解析

最近在看司徒正美的《JavaScript框架设计》，看到异步编程的那一章介绍了jsdeferred这个库，觉得很有意思，花了几天的时间研究了一下代码，在此做一下分享。异步编程是编写js的一个很重要的理念，特别是在处理复杂应用的时候，异步编程的技巧就至关重要。

2016-10-21 11:04:07

JavaScript 异步编程原理解析

深入研究：http2的真正性能到底如何

http2的概念提出已经有相当长一段时间了，而网上关于关于http2的文章也一搜一大把。但是从搜索的结果来看，现有的文章多是偏向于对http2的介绍，鲜有真正从数据上具体分析的。这篇文章正是出于填补这块空缺内容的目的，通过一系列的实验以及数据分析，对http2的性能进行深入研究。

2016-10-21 10:36:54

http2 spdy node.js

css中的有趣的border

CSS 中的 border 属性，我想凡是了解一点 CSS 的都知道它是作用，可以在 MDN 上找到对它的详细介绍。简单来说，就是我们常用的边框，一个非常基础的用法,当然还可以定义很多奇形怪状的边框类型，比如圆角(radius，可能兼容性不是很好)，椭圆(其实只要懂了椭圆，边框就可以随意绘制了)。

2016-10-21 10:15:53

这些废弃的HTML标签不要用

HTML 已经发展了多年，现在 W3C 已经发布了 HTML 5.1 的提案推荐标准，一些陈旧废弃的标签已经在后继的标准中逐渐消失。这里为大家列出那些已经被废弃 HTML 标签，看看你是不是还在使用它们。

2016-10-21 10:00:01

HTML 标签 WEB

CSS实现1px以内的移动

之前的文章说过关于行内元素垂直方向对齐的方案。感兴趣的可以看我的往期文章。在上一篇文章里我们提到了 1px 内的移动问题。本文就一像素内的问题给出解决方案。

2016-10-20 19:21:46

transform css3 css

JS中的事件冒泡与捕获

事件冒泡与捕获是 DOM 中事件传播的两种方式，比如说对于注册了相同事件的两个 DOM 元素(简单点就是两个 div，一里一外)，当点击里层 div 的时候，这两个事件谁先执行。冒泡事件，由里向外，最里层的元素先执行，然后冒泡到外层。捕获事件，由外向里，最外层的元素先执行，然后传递到内部。

2016-10-20 19:07:10

Javascript 事件冒泡与捕获

客户端数据存储----Cookie From 《高程3》

首先先来一段总结：Cookie用于本地数据存储，出现在服务器和浏览器交互的响应Set-Cookie头部和请求Cookie头部中，受到单域名下Cookie的数量、单个Cookie大小、性能、安全限制。子Cookie技术的出现缓解了单域名下Cookie的数量限制，关于子Cookie有一整套工具函数可以使用。

2016-10-20 16:11:39

Html Javascript

《每周一点canvas动画》——差分函数的妙用

这次我们不涉及canvas 3D的内容，主要分享一个比较炫的动画效果，可以算是上一篇文章《每周一点canvas动画》——3D点线与水波动画的加强版。动画效果来自codePen点击预览。在这篇文章中我们就分析这种效果是如何实现的。

2016-10-20 15:54:12

Canvas Html5 Javascript

Python的数据序列化「Json & Pickle」

数据序列化就是将对象或者数据结构转化成特定的格式，使其可在网络中传输，或者可存储在内存或者文件中。反序列化则是相反的操作，将对象从序列化数据中还原出来。

2016-10-20 15:54:08

Python 数据序列化

WebRTC中的三角形和梯形

如果浏览器想和一个SIP客户端(例如SIP电话)进行视频通话，首先要做的少就是从Web服务器下载带有WebRTC代码的网页程序，在浏览器端向Web服务器发起音频通话请求对象M，Web服务器把M发给SIP服务器，SIP服务器把请求M发给SIP客户端(例如SIP电话)。

2016-10-20 13:36:28

WebRTC 浏览器服务器

Vue2移动端开发环境搭建

本文给出基于 Vue2 的移动端环境搭建，移动端大家更多想到的是响应布局，我们根据不同大小的屏幕进行适配，当然少不了我们的重头戏 rem，移动端相比 pc 端就没什么特别的了。

2016-10-19 20:47:55

vue vue-cli 移动端

React Native填坑之旅--class（番外篇）

无论React还是RN都已经迈入了ES6的时代，甚至凭借Babel的支持都进入了ES7。ES6内容很多，本文主要讲解类相关的内容。

2016-10-19 19:03:18

javascript es6 React Nativ

CSS行内对齐的黑魔法

本文和以前的文章类似，orange 尽量带给大家分享实际项目中的坑怎么填，当然只是提供思想，方法很多欢迎讨论，还有就是对于刚上手前端的新人不是特别友好，没关系，涉及到基础知识我会对应的进行指引，给出链接或给出提示，大家可以自行 Google(百度)。

2016-10-19 15:15:26

CSS css3 inline-bloc

CSS中一些利用伪类、伪元素和相邻元素选择器的技巧

如果用JS实现，需要监听输入框的change和focus事件，比较麻烦。但是用CSS中的伪类就可以实现相近效果。CSS3中的伪类和伪元素非常多，其中一些如果用的巧妙，可以实现很多原本需要JS才可以实现的效果。

2016-10-19 14:54:46

css选择器 css3 css

JavaScript函数式真正的浅析

最近两年你要说函数式编程不火的话, 那是不可能的, 是人都知道函数式编程很火.为什么函数式编程会火呢, 在于它的思想, 很强大, 很强势!尤其是前端的redux更是在reducer上完全使用纯函数, 函数式的好处渐渐被发掘出来, 笔者最近看了一些函数式方面的东东, 现在发出来给大家学习学习, 顺便我也学习学习怎么写文章。

2016-10-19 14:35:20

JavaScript 函数式编程

理解并运用CSS的负margin值

你的网页中，不可能没有使用过 margin。大多数情况下，我们采用的都是正数的 margin 值，可能有时候会用到负的 margin 值。在我们的印象中，负的 margin 值就类似于浏览器的 hack 一样，不被人接受。但是，本文要说明的就是，负的 margin 值并不是 hack，这是正常范围内的写法。

2016-10-19 10:46:14

HTML5，不只是看上去很美（第四弹：可交互地铁线路图）

最近特别忙，承蒙大伙关照，3D机房的项目一个接着一个，领了一帮小弟，搞搞传帮带，乌飞兔走，转眼已经菊黄蟹肥……有个小弟很不错，勤奋好学，很快就把API都摸透了，国庆几天自己折腾着做了个HTML5的魔都的地铁线路图，能拖能拽的，还和电子地图做了交互。哥决定把小弟的成果纳入“HTML5，不只是看上去很美”系列，以示鼓励。

2016-10-19 09:17:15

HTML5 Javascript 可视化

关于HTTP推送的一些问题

使用 HTTP 推送，CSS 和 JS 会在 HTML 请求到达之后尽快推送出去，发送它们需要 3 个 RTT(又一次因为慢启动)，它们将拥塞窗口增大至 128 KB 左右，将要发送 HTML 时，一个 RTT 就能可以了。

2016-10-18 22:10:02

HTTP 推送 HTML

Semantic-UI的React实现（四）：基本元素组件的共通处理（父类）实现

上一篇（Semantic-UI的React实现（三）：基本元素组件）已经提到过，基本元素组件的实现因为没有复杂的交互，仅仅是CSS类的编辑和组装，因此实现原理相对比较简单。

2016-10-18 21:45:53

Semantic-UI React Javascript

DOM事件深入浅出（二）

在DOM事件深入浅出（一）中，我主要给大家讲解了不同DOM级别下的事件处理程序，同时介绍了事件冒泡和捕获的触发原理和方法。本文将继续介绍DOM事件中的知识点，主要侧重于DOM事件中Event对象的属性和方法。

2016-10-14 14:32:58

Javascript DOM Web

上一页 1 ··· 410 411 412 413 414 ··· 545 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营