鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

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

文章博文帖子课程

共 2.7w 条

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

DOM事件深入浅出（一）

在项目开发时，我们时常需要考虑用户在使用产品时产生的各种各样的交互事件，比如鼠标点击事件、敲击键盘事件等。这样的事件行为都是前端DOM事件的组成部分，不同的DOM事件会有不同的触发条件和触发效果。本文就将带大家深入浅出地了解DOM事件的那些属性和方法。

2016-10-14 13:53:05

Javascript DOM Web

JavaScript数组中的indexOf方法

最近项目遇到一个小问题代码我会简化成小例子展示给大家。用心看到最后会有收获哈，基础扎实的童鞋可以直接跳到数组类型使用。说到 indexOf 大家并不陌生，判断字符串是否包涵子字符串时特别常用(正则不熟练同学的利器)。

2016-10-13 19:33:10

javascript 数组 indexOf

《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

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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