冬天来了，设计师说摇摇乐的场景需要随机下落的雪花动画，第一时间就想到的方法是canvas比较好，项目非常紧急，然而小程序对canvas支持不够友好，容易在项目中出现无法预估的兼容性问题 ，马上又否定了这种想法，想了想用javascript来写随机动画成本又高。既不用canvas也不用javascript来实现，最终决定使用css预处理器l...

npm 在前端工程化中扮演着不可或缺的角色，前端工程师每天通过npm安装项目依赖，通过npm发布自己的包，更新包，通过npm 脚本运行开发环境，打包等。

Koa作为下一代Web开发框架，不仅让我们体验到了async/await语法带来同步方式书写异步代码的酸爽，而且本身简洁的特点，更加利于开发者结合业务本身进行扩展。

当Web项目变得越来越大时，他的CSS会变得像天文数字那么大而且还变得混乱。为了帮助我们解决这个问题，新的CSS变量很快就会出现在主流浏览器中，它让开发人员能够重用并轻松编辑重复出现的CSS属性。用过SASS或Less的人应该知道他的变量功能有多棒，但这些变量是预处理器，需要在使用前进行编译。现在变量在vanilla CSS中...

几乎每个程序员都有接手维护别人遗留项目的经历。或者，有可能一个老项目某一天又被重新启动。 通常情况下，接手老项目都会让人恨不得抛弃掉整个代码库从头开始。老代码凌乱、文档缺失、需要研究很多天才能完全搞明白它。然而，通过合适的规划、分解和 好的工作流，项目代码可以变得干净、有组织和可扩展。

网页标准有 W3C 控制，尤其是浏览器的开发，所有主流的浏览器都会自觉符合这个组织的标准，当然这些开发商本身就是这个组织的成员。所以新的 HTML5，CSS3，ES6 JavaScript 的新特性的得到顺利推动，让大部分主流浏览器都支持它，W3C 功不可没。

在十一月份的前端技术列表中，我们整合了一些令人感到惊叹的 GitHub 项目，其中包含了新的 CSS 框架、node.js包管理器，以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。

正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。

我们无法在一篇博文里解释 JavaScript 的所有细节。如果你正或多或少地涉及了 web 应用程序开发，那么，我们的 Java 工具和技术范围报告揭示了，大多数（71%）Java 开发者被归到了这一类，只是你对 JavaScript 遇到了阻碍。

{代码...} 使用在线HTML/CSS/JavaScript代码运行工具：[链接]测试，可得到如下运行效果

看B站时，对弹幕的实现产生了兴趣，一开始想到用css3动画去实现，后来感觉这样性能不是很好，查了下资料，发现可以用canvas实现，于是就摸索着写了一个简单的弹幕。

一：HTML中添加onclick {代码...} 二：JS中定义函数绑定事件！ {代码...} 三：直接定义函数与内容 {代码...} 四：利用addEventListener {代码...} 总结 为了学习工作与休闲娱乐互不冲突，现新建圈【码农茶水铺】用于程序员生活，爱好，交友，求职招聘，吐槽等话题交流，希望各位大神工作之余到茶水铺来喝茶聊天。群号:58...

本文基于React Native 0.52 Demo上传到Git了，有需要可以看看，写了新内容会上传的（Git地址） 一、总览 轮播图几乎是必备的效果，这里选择 react-native-swiper 来实现，效果如下图：二、实现轮播图效果 1、通过npm安装react-native-swiper {代码...} 2、在recommend.js引入react-native-swiper {代码...} 3、用 react-...

1、首先安装好nodejs-websocket {代码...} 2、编写服务端 {代码...} 3、简易客户端 {代码...}

设置图标不难，方案就是字体图标，可供使用的图标库也有很多，比如阿里巴巴的 Iconfont，以及 Fontaswsome 等，问题在于如何优雅的提供几百个图标供用户选择，而不需要开发去一个一个的写标签，也不需要一个个的去找图标。

当出现多个折现数据，echarts可以配置stack值使用堆积值还是单个值 {代码...} {代码...}

所有的抽奖都是由后台计算后 {代码...} {代码...} {代码...} 以上就是本文的全部内容，希望对大家的学习有所帮助

虽然现代化的 web 开发更多地依赖各种 MVC 框架，但开发者仍需要熟练掌握 HTML 与 DOM 方面的基础知识。不过，即使是有着多年经验的前端开发者，也会遇到一些不明所以的情况。本文首先将为初学者介绍 HTML 与 DOM 的基本常识，随后为大家介绍15个比较冷门的 HTML 元素的方法。

在项目需求确定后，UI隔了几天设计出了UI界面，拿到UI效果图后见有一个界面有波浪效果的我当时就蒙圈了，这都啥玩意啊？转念想到了最近在IT圈挺火的那个事件：产品要求安卓程序员实现根据用户手机壳颜色自动更换APP主题的需求后，顿时觉得画个波浪这个压根就不是事啊。

安卓、iOS、Web前端薪资涨幅都较其他语言要高。对单个程序员来说,想要获得较高的薪资涨幅,选定热门的语言与工作地是成功的基石。其他结论在9月程序员跳槽指南中有提及就不过度叙述了。

1、使用最新版本的 Node.js 仅仅是简单的升级 Node.js 版本就可以轻松地获得性能提升，因为几乎任何新版本的 Node.js 都会比老版本性能更好，为什么？ Node.js 每个版本的性能提升主要来自于两个方面： V8 的版本更新； Node.js 内部代码的更新优化。 例如最新的 V8 7.1 中，就优化了某些情形下闭包的逃逸分析，让 Array...

上周在前端的 JavaScript 框架世界发生了一件称得上是“里程碑”的事：Vue.js 在 GitHub 上的 star 数量终于超过了 React.js 的 star 数量。

2、2.WINDOWS下，要摘取绝对路径字符串最前端的磁盘驱动器部分（即A:/B:/C:/...），用正则表达式实现是/^[A-Za-z]:/（） A.正确 B.错误

常常能够在一些新闻网站，或者其他地方，看到文字在一个特定的区域内，来回滚动。一旦超出边界就消失了，那么这些效果是如何做到的呢，今天我们就来讲讲。

接入流程 1. 按照文档获取AppID、API Key、Secret Key，进行Access Token（用户身份验证和授权的凭证）的生成 {代码...} 2. 选择人脸识别-->人脸检测，人脸识别接口分为V2和V3两个版本，确认在百度云后台获得的是V2还是v3版本接口权限。//封装识别方法 {代码...} 3. 调用识别方法 {代码...} 4. 结果如下：

Grid做前端的同学应该都很熟悉了，翻译成中文为“栅格”，用过bootstrap、semantic ui、ant design的同学肯定都了解grid layout（删格布局），以往css框架中的grid布局一般是通过float和百分比的宽度实现的，这种实现有几种缺点：

小程序上经常会有一些注册 申请页面需要用到随机验证码。具体实现方法不多说 直接上代码 {代码...} CSS: {代码...} js: {代码...} 以上就是本文的全部内容，希望对大家的学习有所帮助

本文实例讲述了JS执行控制之节流模式。分享给大家供大家参考，具体如下： 节流模式：对重复的业务逻辑进行控制，执行最后一次操作，并取消其他操作，以提高性能。 重复的业务逻辑真的很让人讨厌的，但其中往往蕴含着可被优化的空间。 比如我们经常碰到的一种情况：当鼠标移进容器的时候，改变容器的颜色；当鼠标移出去的...

最近在看canvas动画方面教程，里面提到了采用四叉树检测碰撞。之前也看到过四叉树这个名词，但是一直不是很懂。于是就又找了一些四叉树方面的资料看了看，做个笔记，就算日后忘了，也可以回来看看。

在默认情况之下，如果在Canvas之中将某个物体（源）绘制在另一个物体（目标）之上，那么浏览器就会简单地把源特体的图像叠放在目标物体图像上面。