开源基础软件社区

WOT全球技术创新大会

公众号矩阵

移动端

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

精品班厂商认证 IT技术 2023年软考 PMP项目管理

在线学习企业服务

CTO训练营技术经理研习营 LeaTech峰会

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

51CTO

开源基础软件社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

开源基础软件社区订阅号

51CTO学堂APP

51CTO学堂企业版APP

开源基础软件社区视频号

账号设置退出

前端

2.0w内容

关注

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

文章博文帖子课程

共 2.0w 条

《JavaScript 闯关记》之函数

函数是一段代码，它只定义一次，但可以被执行或调用任意次。在 JavaScript 里，函数即对象，程序可以随意操控它们。比如，可以把函数赋值给变量，或者作为参数传递给其他函数，也可以给它们设置属性，甚至调用它们的方法。如果函数挂载在一个对象上，作为对象的一个属性，就称它为对象的方法。

2016-10-13 19:11:27

JavaScript 函数 Web

WebP支持：超乎你想象

WebP 是 Google 发明的更小的替代 JPEG 和 PNG 的格式。最近有很多关于 WebP 支持的疑惑，细说来就是可以用它做什么，不能做什么，比如说浏览器支持，CMS 支持等等。今天我想清除你所有可能的疑虑。WebP 的支持程度实际上比你想的可能要好得多。

2016-10-13 13:43:04

WebP Google JPEG和PNG格式

JavaScript arguments对象全面介绍

arguments是一个类数组对象。代表传给一个function的参数列表。我们先用一个例子直观了解下 JavaScript 中的 arguments长什么样子。

2016-10-12 11:08:16

JavaScript arguments 数组

JavaScript中this绑定详解

this 可以说是 javascript 中最耐人寻味的一个特性，就像高中英语里各种时态，比如被动时态，过去时，现在时，过去进行时一样，无论弄错过多少次，下一次依然可能弄错。本文启发于《你不知道的JavaScript上卷》,对 javasript 中的 this 进行一个总结。

2016-10-11 20:33:17

JavaScript This Web

目前，我们有很多方案可以快速的接触到 WebGL 并绘制复杂的图形，但最后发现我们忽视了很多细节性的东西。当然，这对初学 WebGL 是有必要的，它能迅速提起我们对 WebGL 的学习兴趣。当学习到更加深入的阶段时，我们更想了解 WebGL 的工作机制，这也将对我们编程有极大的帮助。

2016-10-11 13:48:41

WebGL Javascript Web

函数式TypeScript

谈到函数式编程时，我们常提到机制、方法，而不是核心原则。函数式编程不是关于 Monad、Monoid 和 Zipper 这些概念的，虽然它们确实很有用。从根本上来说，函数式编程就是关于如使用通用的可复用函数进行组合编程。本文是我在重构 TypeScript 代码时使用函数式的一些思考的结果。

2016-10-11 13:32:50

函数式 TypeScript Javascript

jointJS(一）--关于jointJS的初认识

我们可以使用JointJS已提供的图元素绘图，也可根据需求自定义一些图元素。除此之外，JointJS创建的图表就是SVG图形，想改变图形样式，就去GoogleSVG相关语法就好啦。另外，它极易上手且操作简单，并且支持所有的现代浏览器。

2016-10-09 11:55:09

Javascript jointJS Web

模块化你的JS代码

因为在全局作用域中声明的变量和函数都自动成为全局对象Window的属性，这经常会导致命名冲突，还会导致一些非常重要的可维护性难题，全局变量越多，引入错误BUG的概率就越大！所以我们应当尽可能少地使用全局变量，模块化的目的之一就是为了解决该问题的！

2016-10-09 11:03:41

Javascript 模块化 Web

数百个HTML5例子学习HT图形组件 – 3D建模篇

《数百个 HTML5 例子学习 HT 图形组件 – WebGL 3D 篇》里提到 HT 很多情况下不需要借助 3Ds Max 和 Blender 等专业 3D 建模工具也能做出很多效果。

2016-10-09 09:57:41

Html5 拓扑图 3D

Javascript单例模式概念与实例

和其他编程语言一样，Javascript同样拥有着很多种设计模式，比如单例模式、代理模式、观察者模式等，熟练运用Javascript的设计模式可以使我们的代码逻辑更加清晰，并且更加易于维护和重构。本文将介绍Javascript模式中较为常见和实用的模式——单例模式，主要分为概念和实例部分。在介绍实例的同时也会对代码中额外的知识点进行讲解。

2016-10-09 09:37:49

javascript 单例模式

JavaScript浏览器事件解析

JavaScript 程序采用了异步事件驱动编程（Event-driven programming）模型，维基百科对它的解释是：事件驱动程序设计（英语：Event-driven programming）是一种电脑程序设计模型。这种模型的程序运行流程是由用户的动作（如鼠标的按键，键盘的按键动作）或者是由其他程序的消息来决定的。

2016-10-09 08:38:01

JavaScript 浏览器事件

温故js系列（16）-数组&数组方法使用详解

之前一直在温故js系列，希望能够知新，不过最近应业务要求，在做移动WEB，需求大，任务多。所以，只有像现在闲着的时候才能继续温故js了。在 JavaScript 中 Array 是一个用来构造数组的全局对象，它是一个高阶的类似有序列表的对象，是JavaScript内置对象里非常重要的一个。

2016-10-08 21:25:36

Javascript 数组 Web

400% 的飞跃－web 页面加载速度优化实战

正常来讲一个网页 4s 加载不完就会流失很大一部分用户，而博主的网站加载时间竟然达到了 8s 还是在电脑端，如果在移动端，加载时间会更久，体验会更差。这样的话网站做得再难看批判者进不来不是白搭嘛，于是针对 web 页面加载速度的优化迫在眉睫。基于博主以前优化过其他网站，于是博主准备把这次的优化过程记录下来分享给大家借鉴。

2016-09-30 13:11:31

前端后端网页速度

[译] 函数式TypeScript

谈到函数式编程时，我们常提到机制、方法，而不是核心原则。函数式编程不是关于 Monad、Monoid 和 Zipper 这些概念的，虽然它们确实很有用。从根本上来说，函数式编程就是关于如使用通用的可复用函数进行组合编程。本文是我在重构 TypeScript 代码时使用函数式的一些思考的结果。

2016-09-30 09:43:17

Javascript TypeScript 函数式编程

一个小时快速搭建微信小程序

这个划时代的产品发布快一周了，互联网技术人都在摩拳擦掌，跃跃欲试。可是小程序目前还在内测，首批只发放了 200 个内测资格（泪流满面）。本以为没有 AppID 这个月就与小程序无缘了，庆幸的是微信这两天发布了正式版开发者工具，无需内测邀请也可以尝鲜了。

2016-09-30 09:22:55

Javascript Html5 Web

[译]谷歌 HTML/CSS 规范

这篇文章定义了 HTML 和 CSS 的格式和代码规范，旨在提高代码质量和协作效率。

2016-09-29 15:19:04

Element一套优雅的Vue 2组件库是如何开发的

今年的 JSConf 大会上，受到 gridcontrol 作者现场开源项目的感染，我们也在现场宣布开源这套基于 Vue 2 开发的组件库 —— Element。初期也遇到一些棘手的问题，很庆幸都找到了解决方案。在这里整理一些解决方案分享给大家。

2016-09-29 14:53:15

JavaScript vue Web

前端模板的原理与实现

前端框架最重要的目的是将页面渲染出来。“渲染”（render）这个词最初不是前端的东西的。前端之前叫做切图，将设计师做的PSD变成一个静态页面，然后加上动态交互。但是我们有许多数据是来自后端，如何将数据加入静态页面呢？于是又多了一套工序叫“套页面”。套页面的过程实际就是将静态页面变成切割成一块块，每一块都是一个php，jsp或vm文件，它们是后端模板引擎的处理对象！

2016-09-29 09:57:08

Javascript Web 前端模板

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

继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

上一页 1 ··· 270 271 272 273 274 ··· 403 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客开源基础软件社区

教育

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