鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

类型系统-前端进化的里程碑

继Angular2发布之后，TypeScript今天也发布了2.0版本，这不禁让我浮想一番。如果要说TS和JS最明显的差别，我想一定是Type System，所以今天我们就聊聊类型系统在前端发展历程中，到底扮演了怎样的角色。

2016-09-29 09:46:41

Javascript Web 前端

网络拓扑图上文本的巧妙应用

在前端网页设计中，文本是重要的组成部分，那么在网络拓扑图中也是一样的，文本在网络拓扑图上最基本的显示功能之一，在不同的应用场景下，会有不同的需求。但是不同的需求也逃不过一些基础设置，如位置、旋转、字体、颜色等需求。接下来我们就来详细聊聊 HT for Web 中文本的相关应用。

2016-09-29 09:33:06

Html5 站点地图拓扑图

[译]Vue 2.0的变化（一）之基本API变化

模板解析器不再依赖于DOM（除非你使用真正的DOM作为模板），因此只要你使用字符串模板，你将不再受到任何1.0版本中的解析限制。但是，如果你依赖在存在的内容中挂载一个元素作为模板（使用el元素），你将依然受到这些限制。

2016-09-29 08:45:12

实战还原PHP加密文件

手头上有一个加密过的项目和一个php扩展的动态连接库(jinhou.so)。这次破解没花费多少时间，主要感谢加密方案跟加密代码已经明文告诉我们。

2016-09-29 08:36:38

PHP 加密文件

每一个web开发者都应该了解的HTTP/2

我认为每一个 web 开发者都应该对这个支撑了整个 Web 世界的 HTTP 协议有所了解，这样才能帮助你更好的完成开发任务。在这篇文章中，我将讨论什么是 HTTP，它是怎么产生的，它的地位，以及我们应该怎么使用它。

2016-09-28 22:44:40

微信小程序开发之MINA

MINA的目标是通过尽可能简单，高效的方式让开发者可以在微信中开发具有原生APP体验的服务。运行MINA的项目必须要有微信web开发者工具和微信小程序的AppID，因为现在还处于内测阶段的原因，因此大部分数人还没有AppID,还好有大神已经破解了IDE，可以先体验下。

2016-09-28 18:10:59

微信程序 MINA

如何实现一个稍微复杂的simplelist

使用过一些清单类的应用程序，像 WunderList, Google Keep等，用来记录一些计划和安排，也试着将自己的计划安排同笔记一起整理在 Evernote 中，但是无论哪种方式用起来总觉得少了点什么，如果两者的一些功能能够结合起来，就很完美了。

2016-09-28 17:34:27

JavaScript vue Web

微信小程序开发之http请求

在微信小程序进行网络通信，只能和指定的域名进行通信，微信小程序包括四种类型的网络请求：普通HTTPS请求(wx.request)、上传文件(wx.uploadFile)、下载文件(wx.downloadFile)、WebSocket通信(wx.connectSocket)。这里以介绍wx.request,wx.uploadFile,wx.dowloadFile三种网络请求为主。

2016-09-27 20:36:23

微信 Http Web

如何发送HTML表单数据

多数时候，HTML表单的目的只是为了把数据发给服务器，之后服务器再处理这些数据并发送响应给用户。虽然看起来挺简单的，但我们还是得注意一些事情以确保传送的数据不会破坏服务器、或者给你的用户制造麻烦。

2016-09-27 19:28:37

Html 前端 Web

微信小程序开发初体验

上周被小程序刷了屏，吓得我周末赶紧撸了个小程序版的知乎日报压压惊, 总结一下这个开发体验，和踩过的坑。小程序出来第二天就被破解，第三天微信就把开发工具开发下载了，现在只需要下载微信开发者工具就可以使用了，创建项目的时候，要选择无 appid, 这样就不会有 appid 的验证了。

2016-09-27 16:38:24

JavaScript 微信 Web

通过微信小程序看前端

2016年9月22日凌晨，微信官方通过“微信公开课”公众号发布了关于微信小程序（微信应用号）的内测通知。整个朋友圈瞬间便像炸开了锅似的，各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。

2016-09-27 15:40:58

微信程序前端

JS魔法堂：不完全国际化&本地化手册之理论篇

最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。 本篇将阐述国际化和本地化的概念，以及其中一个很重要的概念——Language tag。

2016-09-27 15:08:22

Javascript Language Ta Web

谈谈JS中的函数劫持

说到劫持，第一反应可能是什么不好的东西。函数劫持并不邪恶，关键是看使用的人。虽然这个概念在前端领域使用较少，但是在安全领域、自定义业务等场景下还是有一定的使用价值的。所以，这一篇文章将会和大家一起去了解一下JS中的函数劫持是什么，有什么用。

2016-09-26 17:15:51

Javascript Html5 前端

如何用vue实现模态框组件

基本上每个项目都需要用到模态框组件，由于在最近的项目中，alert组件和confirm是两套完全不一样的设计，所以我将他们分成了两个组件，本文主要讨论的是confirm组件的实现。

2016-09-26 15:14:28

Javascript 前端 vue

手机端Web开发中遇到的那些问题

这个feature 应该不仅仅只关心手机端, 而且还包括PC, 因为苹果不仅仅在手机端 (从 iphone4 开始), 而且在, MAC 上也使用了 retina. 首先, retina 的意思就是, dpr(device-pixel-ratio)是普通屏幕的两倍. 对比于 CSS 来说就是, 原来在 css 中设置的是 1px , 在实际的屏幕显示时, 也是 1px. 但是, 在 retina 下, css 的 1px 就是实际屏幕的 2px.

2016-09-23 20:50:09

手机开发 Web 图片兼容

基于uiwebview的富文本编辑器实践

最近我们微信读书将写想法换成了基于webview的富文本编辑器，遇到了不少问题，这里我将简单的介绍一下我们在开发过程中踩到的坑。实现富文本编辑器有两个基本思路：基于native实现和基于uiwebview实现。

2016-09-23 20:30:54

Javascript uiwebview 富文本编辑器

在WordPress下如何通过Markdown来提高工作效率

Markdown 是一种简单的标记语言，旨在帮助你花费更小的代价来格式化纯文本文档。WordPress 没有原生的 markdown 的支持，但是，如果你希望的话，在你的网站上有多种插件可以添加这种功能。在这个教程中，我将会演示如何使用流行的 WP-Markdown 插件为 WordPress 网站添加 markdown 支持。

2016-09-23 20:22:51

WordPress Markdown 工作效率

99%的人都理解错了HTTP中GET与POST的区别

HTTP的底层是TCP/IP。所以GET和POST的底层也是TCP/IP，也就是说，GET/POST都是TCP链接。GET和POST能做的事情是一样一样的。你要给GET加上request body，给POST带上url参数，技术上是完全行的通的。

2016-09-23 15:10:10

Python数据库ORM工具sqlalchemy的学习笔记

SQLAlchemy是python的一个数据库ORM工具，提供了强大的对象模型间的转换，可以满足绝大多数数据库操作的需求，并且支持多种数据库引擎(sqlite，mysql，postgres, mongodb等)，在这里记录基本用法和学习笔记。

2016-09-23 13:34:15

Python ORM sqlalchemy

JavaScript的内部字符编码是UCS-2还是UTF-16

对于 JavaScript 使用的是 UCS-2 还是 UTF-16 这个问题，我找了很久，没有发现一个权威的回答，我决定自己研究一下它。这个回答来自于你对 JavaScript 引擎或者对 JavaScript 语言的理解。

2016-09-23 13:07:41

JavaScript 字符编码 UCS-2

前端模块化要解决的两个问题

前端模块化，主要是解决两个问题——“命名空间冲突”，“文件依赖管理”。JavaScript的缺陷，首当其冲就是全局变量。这使得每想命名一个变量的时候都要三思又三思，生怕上方无穷远的地方有一个同事些的代码和自己冲突。

2016-09-23 11:08:35

前端 Javascript 模块化

使用Python和Asyncio编写在线多人游戏（三）

在这个系列中，我们基于多人游戏贪吃蛇来制作一个异步的 Python 程序。上一篇文章聚焦于编写游戏循环上，而本系列第 1 部分则涵盖了如何异步化。

2016-09-22 21:12:14

Python Asyncio 游戏

参透Node中exports的7种设计模式

这篇文章试着要整理，翻译Export This: Interface Design Patterns for Node.js Modules这篇非常值得一读的文章。但因为这篇文章有些时日了，部分示例已经不符合现况。故这是一篇加上小弟收集汇整而成的更新翻译。

2016-09-22 20:07:07

JavaScript Node 设计模式

前端工程师如何搞定设计

前端是一个承上启下的职位，正因为其位置的特殊性导致其必须了解设计和后台的一些基本知识。本文并非教大家如何取代设计的工作，而是讲解前端如何更快更便捷的实现一些简单的设计任务，在没有设计师的情况下如何利用工具解决UI呈现的问题，让工作事半功倍。

2016-09-22 16:14:45

前端设计 Photoshop

Redux入坑进阶之源码解析

redux 函数内部包含了大量柯里化函数以及代码组合思想。通俗的来讲，可以用一句话概括柯里化函数：返回函数的函数。代码组合就像是数学中的结合律，通过这样函数之间的组合，可以大大增加可读性，效果远大于嵌套一大堆的函数调用，并且我们可以随意更改函数的调用顺序。

2016-09-22 15:50:38

Javascript Redux 源码解析

学会Python的这五点搞定作用域

网上关于python的作用域介绍有很多，那么小编今天给大家分享的这篇文章是让大家通过学习这5个知识点，可以轻松搞定Python的作用域，有需要的朋友们可以参考借鉴。

2016-09-21 22:31:47

Python 作用域

Promise学习笔记(三)：源码core.js解析(上)

相比大家都看到这行函数了doResolve(fn, this);,这里也就是我们初始化一个Promise时会做的事了,我们在看这个函数前,先理解下源码中类似于工具函数一样的函数.

2016-09-21 21:49:37

Promise Javascript 前端

为什么 Math.min() 比 Math.max() 大？

为什么很多人会有这种疑惑，是因为犯了想当然的错误——望文生义。Math.min() 作为一个函数，返回的并不是最小值;同理 Math.max() 返回的也不是最大值。他们返回的是参数的最大值和最小值，而我们却没有传递任何参数。

2016-09-21 21:22:11

Javascript 前端数学

Vue.js源码（2）：初探List Rendering

本文先用几张图片回顾和整理下上一篇Vue.js源码(1)：Hello World的背后的内容，这将对本篇的compile，link和bind过程的理解有帮助。这篇文章将要一起分析：observe array、terminal directive、v-for指令过程。

2016-09-21 13:32:13

Javascript Web 前端

Vue.js源码（1）：Hello World的背后

下面的代码会在页面上输出Hello World，但是在这个new Vue()到页面渲染之间，到底发生了什么。这篇文章希望通过最简单的例子，去了解Vue源码过程。

2016-09-21 12:56:31

Javascript Web 前端

又是一种用于JavaScript的前端国际化方案

然 HTML 模板里的国际化是解决了，但是整个应用中需要国际化的地方可不止 HTML 模板，同时还有 JavaScript（一些验证的提示文本）。但是静态的脚本文件中总不能内嵌 PHP 吧，所以我们得搞个单独的解决方案。虽然说网上现成的 JS 国际化的库很多，但我总觉得有些看不上眼（可能是我没找到好的），就准备自己实现一下。

2016-09-20 12:49:29

JavaScript 前端国际化方案

Laravel学习笔记之Middleware源码解析

本文主要学习Laravel的Middleware的源码设计思想，并将学习心得分享出来，希望对别人有所帮助。Laravel学习笔记之Decorator Pattern已经聊过Laravel使用了Decorator Pattern来设计Middleware，看Laravel源码发现其巧妙用了Closure和PHP的一些数组函数来设计Middleware。

2016-09-20 10:26:25

Laravel PHP Middleware

Laravel学习笔记之Container源码解析

本文主要学习Laravel中Container的源码，主要学习Container的绑定和解析过程，和解析过程中的依赖解决。分享自己的研究心得，希望对别人有所帮助。下面聊聊自动解析过程，研究下Container是如何在自动解析Service时解决该Service的依赖问题的。

2016-09-20 10:15:49

Laravel PHP Container

如何使用vue开发波纹点击特效组件

最近在使用 vue2 做一个新的 material ui 库，波纹点击效果在 material design 中被多次使用到，于是决定把它封装成一个公共的组件，使用时直接调用就好啦。

2016-09-19 21:37:58

vue 特效组件 Web

使用Python和Asyncio编写在线多人游戏（二）

你在 Python 中用过异步编程吗？本文中我会告诉你怎样做，而且用一个能工作的例子来展示它：这是一个流行的贪吃蛇游戏，而且是为多人游戏而设计的。

2016-09-19 21:24:08

Python Asyncio 游戏

如何通过vue实现一款简单通用的翻页组件

翻到某个列表的某一页之后，点击某一项到编辑页，编辑完成后希望能够返回到跳转之前的那一页。这个需求如果仅仅用上面的pager组件，实现起来就不是很方便。也许有人会说结合vuex可以，但是这样的话需要在state中记录下跳转前的页码。假如有很多个翻页列表，就需要记录多个，这显然并不优雅。

2016-09-19 13:44:54

vue 翻页组件 Web

NodeJS中的模块是单例的吗？

笔者之前在使用require导入模块时，特别是在导入有状态的模块时，笔者会考虑其是否在多次导入情况下依然保持单例特性，或者说对于同一个文件在不同路径下导入时，是否能够识别为一致？本文即是对该特性进行解析。

2016-09-19 10:01:08

Promise对象的基础入门学习

Promise对象是CommonJS工作组提出的规范。Promise原本只是社区提出的构想，一些外部函数库率先实现了该功能，ES6中将其写入了语言标准。Promise是啥,它就是一个javascript中一个对象,起着代理作用,充当异步操作与回调函数之间的中介。

2016-09-18 21:14:54

Javascript Promise Web

浅谈对JavaScript闭包的理解

事实上当函数当做值类型并到处传递时，基本都会使用闭包，如定时器，跨窗口通信，事件监听，ajax等等基本只要使用了回调函数，实际上就是在使用闭包。闭包是一把双刃剑是JavaScript比较难以理解和掌握的部分，它十分强大，却也有很大的缺陷，如何使用它完全取决于你自己。

2016-09-18 20:53:16

JavaScript 闭包前端

TCP三次握手&Render Tree页面渲染=>从输入URL到页面显示的过程？

最近工作之余一直在温故js系列，想知新，想提升，以小技术点为节奏去回顾。今天突然想到回顾一下这个http知识，http知识有太多深层次需要学习，今天简要回顾，浅析下这个技术点。主要通过五个步骤浅析这个过程，有错误的地方，烦请斧正，互相学习。

2016-09-18 17:27:06

Javascript TCP Http

10件在PHP 7中不要做的事情

学习Ruby、RoR、Android、iPhone和Windows Phone应用开发如何?你可能会认为这毫无意义，因为它们在你的舒适区和工作所需范围之外，但是这就是它们的意义。每种语言都有一些要学习的实用的东西，以及从没碰到的新知识。所有PHP顶级开发者都懂得很多其它编程语言，这并非偶然。

2016-09-18 16:13:30

PHP 7 垃圾代码闭合

使用HTTP/2服务端推送技术加速Node.js应用

四月份，我们宣布了对 HTTP/2 服务端推送技术的支持，我们是通过 HTTP 的 Link 头部来实现这项支持的。我的同事 John 曾经通过一个例子演示了在 PHP 里支持服务端推送功能是多么的简单。我们想让现今使用 Node.js 构建的网站能够更加轻松的获得性能提升。

2016-09-18 16:04:24

HTTP Node 应用

前端单元测试之Karma环境搭建

在前端开发中，测试常常是被忽略的一环。因此最近在研究前端自动化测试框架Karma，把个人的学习过程分享出来，希望对大家有帮助。Karma是由Google团队开发的一套前端测试运行框架。它不同于测试框架（例如jasmine，mocha等），运行在这些测试框架之上。

2016-09-14 21:55:33

前端测试 Karma

浅析JavaScript的事件代理和委托

在javasript中delegate这个词经常出现，看字面的意思，代理、委托。那么它究竟在什么样的情况下使用？它的原理又是什么？在各种框架中，也经常能看到delegate相关的接口。这些接口又有什么特殊的用法呢？这篇文章就主要介绍一下javascript delegate的用法和原理，以及Dojo，jQuery等框架中delegate的接口。

2016-09-14 21:28:25

JavaScript 事件代理委托

使用Python和Asyncio编写在线多人游戏（一）

你在 Python 中用过异步编程吗？本文中我会告诉你怎样做，而且用一个能工作的例子来展示它：这是一个流行的贪吃蛇游戏，而且是为多人游戏而设计的。

2016-09-14 21:17:47

Python Asyncio 游戏

从零构建一个简单的Python框架

这篇文章旨在通过对设计和实现过程一步一步的阐述告诉读者，我在完成一个小型的服务器和框架之后学到了什么。你可以在这个代码仓库中找到这个项目的完整代码。我希望这篇文章可以鼓励更多的人来尝试，因为这确实很有趣。它让我知道了 web 应用是如何工作的，而且这比我想的要容易的多！

2016-09-14 17:48:44

Python 框架 Web

关于JavaScript闭包的应用

闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。创建闭包最常见方式，就是在一个函数内部创建另一个函数。

2016-09-14 09:20:05

JavaScript 闭包 Web

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

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

2016-09-13 21:59:09

Html5 Http 缓存

[译] 快速介绍JavaScript中的CSP

CSP 是什么？一般来说，它是写并行代码的一套方案。在 Go 语言里自带该功能， Clojure 通过基于 Macro 的 core.async 来实现，现在 JavaScript 通过 Generator 也能做支持了，或者说 ES6 的功能。为什么我要关心 CSP? 因为它强大啊, 而且高效, 而且简单.

2016-09-13 21:30:11

Javascript CSP Web

CSS 3D Panorama（全景）之淘宝造物节技术剖析

3D 全景并不是什么新鲜事物了，但以前我们在 Web 上看到的 3D 全景一般是通过 Flash 实现的。若我们能将 CSS3 Transform 的相关知识运用得当，也是能实现类似的效果。换句话说，3D 全景其实就是 CSS3 3D 的应用场景之一。

2016-09-13 17:51:23

上一页 1 ··· 420 421 422 423 424 ··· 554 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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