博客水木

有时候，我们就是会不由自主地写出一些低效的代码，严重影响页面运行的效率。或者我们接手的项目中，前人写出来的代码千奇百怪，比如为了一个 Canvas 特效需要同时绘制 600 个三角形，又比如 Coding.net 的任务中心需要同时 watch 上万个变量的变化等等。那么，如果我们遇到了一个比较低效的页面，应该如何去优化它呢？...继续阅读

HTML5开发，已成为前端工程师基础技能。HTML5知识库从该领域所必须了解的技能出发，根据HTML5知识图谱结构，收集整理了包括基础技术点、优秀案例、酷炫特效、重难点技术解答在内的众多学习资源，带您全面系统了解HTML5。 下面节选了HTML5知识库部分精华内容 HTML5+CSS3实现类似网易云音乐的移动版播放器 本文分享了类网易...继续阅读

到周末了，有空啦，很多同学就会拿起手机，打开QQ浏览器，点开热门视频，弄几个视频来犒劳犒劳自己，放松一下，搜索个片子，打开，额，播放不了： 再试试看，中国好声音，神马？？版权已到期： 再搜索看看，中国好声音打开后发现这只是个片段，只播放1分多钟，这不是坑人呢吗： 好容易找到个大片《变形金刚3》，刚看两...继续阅读

前言 目前 React 、 Webpack 等技术如火如荼，你是不是还在愁苦如何把这些杂乱的知识统统学习一下，开启一段新的前端开发之路呢？本文将以一个例子来讲解如何使用React 、 Webpack 、 Nodejs 、 Express 这些技术快速构建项目，为后期的深入学习铺好道路，接下来我们就一起动手体验一下吧！ 1. 安装及配置环境 1.1 ...继续阅读

HTML5作为新兴领域越来越热。然而在移动设备硬件性能弱于PC的背景下，对性能的需求显得更为重要，而HTML5性能优化前与优化后有着极大的差别，如何优化才能提高性能，对此熟知的人很少。本文以LayaAir引擎为例，通过代码示例详细阐述如何利用引擎对HTML5作出性能的极致优化。 主题包括： 代码执行基本原理 基准测试 内存优...继续阅读

如今的这个年代，流行在Web页面上使用了大量的JavaScript，我们需要寻找各种方式来优化它们，使它们更快。我们使用事件委托来让事件监听器更有效率，使用降频技术来限定某些方法的使用次数，使用各种JavaScript加载器来动态加载我们需要的资源，等等。另外一种让页面更高效、更敏捷的方法是动态的添加或移除样式表里的样...继续阅读

最近在研究SSO单点登录技术，其中有一种就是通过js的跨域设置cookie来达到单点登录目的的，下面就已京东商城为例来解释下跨域设置cookie的过程 涉及的关键知识点： 1、jquery ajax跨域重定向，要理ajax解跨域重定向，先要了解浏览器对重定向的处理。正常我们请求一个地址，如果server返回302，那么浏览器会再发起一次重定...继续阅读

关于node.js操作mysql数据库的相关介绍请阅读全文吧。下文介绍的非常详细，具体内容如下所示： 安装mysql模块 npm install mysql 数据库准备 mysql server所在的机器IP地址是192.168.0.108，登录账户就用root@123456 在mysql中创建test数据库 在test数据库中创建一张users表 操作 连接数据库 var mysql=require('my...继续阅读

Chrome开发工具是一个web开发者的利器，使用她你可以实现： 管理界面元素 断点调试JavaScript代码 优化你的代码 这里将列出一些非常实用的使用技巧，帮助你更加高效的工作 1. 快速编辑HTML元素 选择开发工具面板的Elements 在Elements下的元素编辑器中选择一个DOM元素 双击选中的DOM元素标签，然后进行编辑 完成相应...继续阅读

1、简 介 shtml和asp有一些相似，以shtml命名的文件里，使用了ssi的一些指令，就像asp中的指令，你可以在SHTML文件中写入SSI指令，当客户端访问这些shtml文件时，服务器端会把这些SHTML文件进行读取和解释，把SHTML文件中包含的SSI指令解释出来。 比如：你可以在SHTML文件中用SSI指令引用其他的html文件（#include ），服...继续阅读