直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

前端

2.4w内容

关注

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

文章博文帖子课程

共 2.4w 条

10个JavaScript难点

每个JavaScript构造函数都有一个prototype属性，用于设置所有实例对象需要共享的属性和方法。prototype属性不能列举。JavaScript仅支持通过prototype属性进行继承属性和方法。

2017-07-27 15:05:18

前端 JavaScript 难点

JavaScript语法树与代码转化实践

JavaScript 语法树与代码转化实践归纳于笔者的现代 JavaScript 开发：语法基础与实践技巧系列文章中。本文引用的参考资料声明于 JavaScript 学习与实践资料索引中，特别需要声明是部分代码片引用自 Babel Handbook 开源手册;也欢迎关注前端每周清单系列获得一手资讯。

2017-07-26 17:38:10

JavaScript Babel

换个思路理解Javascript中的this

在网上很多文章都对 Javascript 中的 this 做了详细的介绍，但大多是介绍各个绑定方式或调用方式下 this 的指向，于是我想有一个统一的思路来更好理解 this 指向，使大家更好判断，以下有部分内容不是原理，而是一种解题思路。

2017-07-26 17:10:24

前端 Javascript This

前端模板的原理与实现

其实模板是不局限于后端还是前端的，模板的本质是用于从数据(变量)到实际的视觉表现(HTML代码)这项工作的一种实现手段。由于后端近水楼台先得月(取数据比较方便)，因此先在后端发展出这种技术。这些后端模板文件是活动于服务器的，然后经过复杂的处理，最后由浏览器渲染出来。这时的渲染是将服务器拼接好的静态文本变成一个DOM树的过程。

2017-07-26 14:50:37

深入Vue2.0底层思想–模板渲染

Vue 2.0 中模板渲染与 Vue 1.0 完全不同，1.0 中采用的 DocumentFragment （想了解可以观看这篇文章），而 2.0 中借鉴 React 的 Virtual DOM。基于 Virtual DOM，2.0 还可以支持服务端渲染（SSR），也支持 JSX 语法。

2017-07-25 14:07:14

前端 Vue 模板渲染

前端MVC变形记

MVC是一种架构设计模式，它通过关注点分离鼓励改进应用程序组织。在过去，MVC被大量用于构建桌面和服务器端应用程序，如今Web应用程序的开发已经越来越向传统应用软件开发靠拢，Web和应用之间的界限也进一步模糊。传统编程语言中的设计模式也在慢慢地融入Web前端开发。

2017-07-25 09:24:27

用Jsx写Vue组件

下面我们要讲的是如何在vue里面写jsx，知道react的人应该都知道jsx，jsx的一个特性就是非常灵活，虽然有的人觉得jsx很丑陋，把逻辑都写到模版的感觉，但萝卜青菜各有所爱，适合自己适合团队的就是最好的。

2017-07-25 08:54:26

总结个人使用过的移动端布局方法

这篇文章，主要是总结一下，我在移动端布局用过的方法。有三种，一种是响应式布局，利用@meida判断各个size;第二种是REM;最后是设置viewport中的width。

2017-07-24 16:27:58

前端移动端布局

Threejs开发3D地图实践总结

前段时间连续上了一个月班，加班加点完成了一个3D攻坚项目。也算是由传统web转型到webgl图形学开发中，坑不少，做了一下总结分享。

2017-07-21 11:28:57

前端 Threejs 3D地图

浏览器中唤起Native App

前段时间遇到一个小需求：要求在分享出来的h5页面中，有一个立即打开的按钮，如果本地安装了我们的app，那么点击就直接唤起本地app，如果没有安装，则跳转到下载。

2017-07-20 14:13:38

前端浏览器 Native App

CSS样式书写规范

本文的所列是实践当中得出的一套比较不错的 CSS 书写规范，并不希望大家完全采用，而是希望可以结合自己的团队需要，发展出一套适合自己的 CSS 代码规范。

2017-07-20 11:11:39

前端 CSS 书写规范

JavaScript操作DOM的那些坑

js在操作DOM中存在着许多跨浏览器方面的坑，本文花了我将近一周的时间整理，我将根据实例整理那些大大小小的“坑”。

2017-07-19 14:26:01

前端 JavaScript DOM

只有20行Javascript代码！手把手教你写一个页面模板引擎

AbsurdJS 作者写的一篇教程，一步步教你怎样用 Javascript 实现一个纯客户端的模板引擎。整个引擎实现只有不到 20 行代码。如果你能从头看到尾的话，还能有不少收获的。你甚至可以跟随大牛的脚步也自己动手写一个引擎。以下是全文。

2017-07-19 13:27:44

前端 Javascript 模板引擎

JavaScript框架、类库、工具汇总

本文将会讨论目前最为流行的客户端JavaScript框架、类库和工具以及它们之间的基本差异。也许本文无法告诉你哪个是最好的，但是最适合自己项目的，就是最好的。

2017-07-18 18:06:00

JavaScript 框架类库

21款炫酷动画开源框架，照亮你的APP

最近对应用的UI视觉效果突然来了兴致，所以找了一些合适开源控件，这样更加省时，再此分享给大家，希望能对大家有帮助，此博文介绍的都是UI上面的框架。

2017-07-18 16:00:09

炫酷动画开源框架 APP

基于JavaScript语言的快速物联网开发架构

随 JavaScript 语言的流行，及物联网领域的崛起，我们能看到它们结合的可能性，同时也发现它特别适合于物联网开发。因此，在这篇文章里，笔者将主要从以下三个方面进行介绍：典型的物联网架构，及多种语言带来的问题 ...

2017-07-18 15:26:20

微服务化 DevOps 容器化

纯HTML+CSS+JS编写的计算器应用

之前偶然看到一个公司的笔试题，题目如下：用HTML5、CSS3、JavaScript，做一个网页，实现如下图形式计算器。

2017-07-18 14:28:04

太可怕了，朋友圈晒完自拍后你绝对想不到的事情，正在发生！

McAfee 因被伯利兹当地警方怀疑跟一件凶杀案有关而走上了逃亡之路。虽然当地警方一直表示只是需要 McAfee 配合回答几个问题、接受他们的相关调查，但是 McAfee 表示不这么看，他指出一旦落入警方手中，也就意味着他即将面临被杀的危险。

2017-07-18 10:59:01

朋友圈自拍泄露

十大经典排序算法的JS版

冒泡排序是一种简单的排序算法。它重复地走访过要排序的数列，一次比较两个元素，如果它们的顺序错误就把它们交换过来。走访数列的工作是重复地进行直到没有再需要交换，也就是说该数列已经排序完成。这个算法的名字由来是因为越小的元素会经由交换慢慢“浮”到数列的顶端。

2017-07-18 10:50:38

前端 JavaScript 排序算法

7条历经血泪的研发管理教训，能避免的坑咱就不要赶着跳了! 原创

现在业内有太多的技术分享大会了。我们经常会看到来自各界的高手，从 VP、总监、架构师到高级工程师，他们站到台上讲各种漂亮的基本架构，或者讲一些很成功的案例，讲怎么管理团队，讲成功学，讲如何带队伍等。

2017-07-14 10:15:41

研发管理教训

在Vue.js中使用Mixin

Vue 中的Mixin对编写函数式风格的代码很有用，因为函数式编程就是通过减少移动的部分让代码更好理解(引自 Michael Feathers )。Mixin允许你封装一块在应用的其他组件中都可以使用的函数。

2017-07-14 10:10:08

探索前端黑科技——通过png图的rgba值缓存数据

说起前端缓存，大部分人想到的无非是几个常规的方案，比如cookie，localStorage，sessionStorage，或者加上indexedDB和webSQL，以及manifest离线缓存。除此之外，到底还有没有别的方法可以进行前端的数据缓存呢?这篇文章将会带你一起来探索，如何一步一步地通过png图的rgba值来缓存数据的黑科技之旅。

2017-07-13 13:56:16

前端黑科技缓存数据

JavaScript与异步编程

因为 setTimeout 的存在，至少在被 ECMA 标准化的那一刻起，JavaScript 就支持异步编程了。与其他语言的 sleep 不同，setTimeout 是异步的——它不会阻挡当前程序继续往下执行。然而异步编程真正发展壮大，Ajax 的流行功不可没。

2017-07-13 12:12:19

前端 JavaScript 异步编程

为什么在JavaScript中使用getter和setter是一个坏主意

如你所知，getter和setter已经成为了JavaScript的一部分。它们广泛支持所有的主流浏览器，甚至是IE8。但我认为它不是非常适合JavaScript。

2017-07-13 10:29:53

前端 JavaScript getter和sett

webpack2终极优化

webpack是当下最流行的js打包工具，这得益于网页应用日益复杂和js模块化的流行。webpack2增加了一些新特性也正式发布了一段时间，是时候告诉大家如何用webpack2优化你的构建让它构建出更小的文件尺寸和更好的开发体验。

2017-07-11 15:50:11

前端 webpack2 优化

CSS进阶：试试酷炫的3D视角

运用 CSS3 完成的 3D 视角，虽然有一些晕3D，但是使人置身于其中的交互体验感觉非常棒，运用在移动端制作一些 H5 页面可谓十分博人眼球。并且掌握原理之后制作起来也并不算废力，好好的研究了一番后将一些学习过程共享给大家。

2017-07-11 15:00:04

前端 CSS 3D视角

Web的26项基本概念和技术

Web 开发是比较费神的，需要掌握很多很多的东西，特别是从事前端开发的朋友，需要通十行才行。今天，本文向初学者介绍一些 Web 开发中的基本概念和用到的技术，从A到Z总共26项，每项对应一个概念或者技术。

2017-07-10 16:40:09

Web 基本概念 AJAX

JavaScript代码风格要素

清楚自己的目标，不要毫无头绪。毫无头绪只会浪费时间以及精力。投入精力去训练，让自己熟悉，去学习更好的编程方式，以及更有更有活力的代码风格。

2017-07-10 14:58:23

JavaScript 代码风格写作准则

Flexbox布局的正确使用姿势

在项目中，我们还会大量使用到flexbox的新旧属性，但大多数人一般只会写新属性，旧属性交由autoprefixer处理，但其实完成同样功能的新旧属性表现形式却不尽相同。还有部分人只使用“万能”的flex:number属性为伸缩项目分配空间，但有些特殊情景却无法满足，此文为此梳理了flexbox的新旧属性区别和分配空间的原理，为大家用flexbox布局的项目通通渠。

2017-07-10 13:09:45

【翻译】基于 Create React App路由4.0的异步组件加载（Code Splitting）

本文章是一个额外的篇章，它可以在你的React app中，帮助加快初始的加载组件时间。当然这个操作不是完全必要的，但如果你好奇的话，请随意跟随这篇文章一起用Create React App和 react路由4.0的异步加载方式来帮助react.js构建大型应用。

2017-07-06 20:27:38

React.js Html5 Javascript

JavaScript异步开发全攻略之异步的起源

为了提升用户体验，网景公司的布兰登·艾克大约用10天时间，开发出 JavaScript 的原型，从此，这门注定改变世界的语言就诞生了。

2017-07-06 17:39:53

JavaScript 开发程序员

拯救你的旧代码库，不得不看的11条军规！原创

每个程序员、项目经理或团队负责人的生命周期中至少会发生一次这样的事件：你接手一坨超过百万行代码的系统，原来的程序员很久以前就离职，现在也许正在某个阳光明媚的地方度假，文档(如果有的话)最有可能的情况就是与现有的系统不同步。而你的工作则是带领团队脱离这个混乱。

2017-07-04 10:16:37

旧代码库改进

不要再在JavaScript中写 CSS了

CSS 不应随意放置。许多项目选择将样式写在 JavaScript 中的理由不对。本文列出了常见的误解，以及解决问题的现存 CSS 方案。

2017-07-03 15:04:41

JavaScript CSS web

Vue vs React: Javascript框架之战

React与Vue存在很多相似之处，例如他们都是JavaScript的UI框架，专注于创造前端的富应用。不同于早期的JavaScript框架“功能齐全”，Reat与Vue只有框架的骨架，其他的功能如路由、状态管理等是框架分离的组件。

2017-06-30 12:53:50

Javascript 框架 Vue vs Reac

10个更优Node.js企业应用案例：从Uber到LinkedIn

Node.js 8已经发布了，NPM模块每周下载量早已超过10亿，从Uber到LinkedIn都在使用Node.js，谁说JavaScript不能写后台?

2017-06-28 15:21:01

Node.js Uber LinkedIn

最流行的5个前端框架对比

本文将会比较其中五个最佳的框架。每个框架都有自己的优点和缺点，以及具体的应用领域，你可以根据自己的具体项目需求进行选择。此外，许多选项都是模块化的，允许你仅使用所需的组件，甚至可以混合使用来自不同框架的组件。

2017-06-27 14:02:09

前端框架 Bootstrap

大前端开发者需要了解的基础编译原理和语言知识

这篇文章并非专门解答一些问题，而是希望通过介绍一些通用的概念，帮助读者掌握分析问题的能力，如果这个概念在实际编程中用得到，我也会举一些具体的例子。

2017-06-26 15:32:59

前端编译原理语言知识

JavaScript六种继承方式

继承是面向对象编程中又一非常重要的概念，JavaScript支持实现继承，不支持接口继承，实现继承主要依靠原型链来实现的。

2017-06-26 10:35:58

前端 JavaScript 继承方式

Web前端知识体系精简

Web前端技术由html、css和javascript三大部分构成，是一个庞大而复杂的技术体系，其复杂程度不低于任何一门后端语言。而我们在学习它的时候往往是先从某一个点切入，然后不断地接触和学习新的知识点，因此对于初学者很难理清楚整个体系的脉络结构。本文将对Web前端知识体系进行简单的梳理，对应的每个知识点点到为止，不作详细介绍。

2017-06-22 13:07:21

Web 前端知识体系 Javascript

Top 10 JavaScript编辑器，你在用哪个？

对于JavaScript程序员来说，目前有很多很棒的工具可供选择。本文将会讨论10个优秀的支持JavaScript，HTML5和CSS开发，并且可以使用Markdown进行文档编写的文本编辑器。为什么使用编辑器而不是IDE进行JavaScript编程?原因就是速度快。

2017-06-22 12:45:12

JavaScript 编辑器 Sublime Tex

如何在React Native中写一个自定义模块

在 React Native 项目中可以看到 node_modules 文件夹，这是存放 node 模块的地方，Node.js 的包管理器 npm 是全球最大的开源库生态系统。提到npm，一般指两层含义：一是 Node.js 开放式模块登记和管理系统，另一种是 Node.js 默认的模块管理器，是一个命令行软件，用来安装和管理 node 模块。本文旨在探讨如何在 React Native 中写一个自定义的 npm 模块(类似于插件)，并上传到 npm 上供他人使用。

2017-06-20 12:48:55

React Nativ 自定义模块 Note.js

JavaScript的API设计原则

本篇博文来自一次公司内部的前端分享，从多个方面讨论了在设计接口时的原则，总共包含了七个大块。系卤煮自己总结的一些经验教训。同时也参考了一些文章，地址会在后面贴出来。很难做到详尽充实，如果有好的建议或者不对的地方，还望不吝赐教斧正。

2017-06-19 14:21:01

JavaScript API 设计原则

JavaScript 的 Async/Await 完胜 Promise 的六个理由

Async/await 是过去几年中添加到 JavaScript 中的最具革命性的功能之一。它让我们意识到 promise 的语法有多混乱，并提供了直观的替代。

2017-06-19 09:12:08

JavaScript Promise Async

未来编程的十一个预测

本文作者对未来编程的发展趋势提出了十一个预言，包括云、物联网、视频、机器学习、法律问题、容器等各个方面。请看正文。

2017-06-15 17:50:06

编程机器学习开发

为什么你的Web前端工作经验不值钱？

今天想要分享的一点，是关于“为什么你的工作经验不值钱”，或者“怎么样才能让工作经验值钱”。庸俗，却能让每个人提起精神。

2017-06-14 18:51:29

Web 前端工作经验

Web安全之跨站脚本攻击（XSS）

跨站脚本攻击(Cross Site Scripting)，为不和层叠样式表(Cascading Style Sheets, CSS)的缩写混淆，故将跨站脚本攻击缩写为XSS。恶意攻击者往Web页面里插入恶意Script代码，当用户浏览该页之时，嵌入其中Web里面的Script代码会被执行，从而达到恶意攻击用户的目的。

2017-06-14 16:08:31

Web XSS 跨站脚本攻击

当一个程序员写不出代码了，该怎么办？

你已经对着电脑n个小时了。不知道该写什么代码，或者一种摔键盘的冲动正在你的胸中酝酿。

2017-06-12 15:53:40

程序员代码编程

本篇将介绍前端本地存储里的Web SQL和IndexedDB，通过一个案例介绍SQL的一些概念。

2017-06-12 10:50:20

各种动态渲染Element方式的性能探究

动态渲染进入一个Dom元素，首先需要保证动态渲染操作必须尽可能少对原有dom树的影响，影响重绘及重排。必须寻找一个容器来缓存渲染期间生成的dom结构(操作必须尽可能少对原有dom树的影响)，然后再进行一次渲染到目标element中。

2017-06-09 11:00:42

前端 DOM Element

30分钟，让你彻底明白Promise原理

前一阵子记录了promise的一些常规用法，这篇文章再深入一个层次，来分析分析promise的这种规则机制是如何实现的。ps:本文适合已经对promise的用法有所了解的人阅读,如果对其用法还不是太了解，可以移步我的上一篇博文。

2017-06-07 18:40:33

Promise Javascript 前端

上一页 1 ··· 350 351 352 353 354 ··· 490 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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