loushengyue

什么是DOM? DOM是W3C标准（是HTML文档对象模型的英文缩写，Document Object Model for HTML）。 DOM定义了用于HTML的一系列标准的对象，以及访问和处理HTML文档的标准方法。 通过DOM，可以访问所有的HTML元素，连同它们所包含的文本和属性。可以对其中的内容进行修改和删除，同时也可以创建新的元素。 DOM独立于平台和编程语言。它可被

序 作为一种 CSS 扩展, Less 不仅向后兼容 CSS, 它还使用现有的 CSS 语法新增了额外的特性. 这使得学习 Less 更轻松, 一旦有任何问题，可以随时退回使用标准的 CSS。为什么要学习less，sass等预编译语言？因为高效，便捷，复用，利于维护……安装一. 菜鸟方式 koala官网：http://koala-app.com/index-zh...

序gulp是什么？ Gulp.js 是一个自动化构建工具，开发者可以使用它在项目开发过程中自动执行常见任务。Gulp.js 是基于 Node.js 构建的，利用 Node.js 流的威力，你可以快速构建项目并减少频繁的 IO 操作。Gulp.js 源文件和你用来定义任务的 Gulp 文件都是通过 JavaScript（或者 CoffeeScript ）源码来实现的。入门指南...

序到底有没有一个gulp-css的插件呢？答案是：yes。不过呢，我们打包css并不需要它。详细操作，请看下文！gulp基本安装安装有node.js+npm+git-bash的window x64系统电脑安装命令：$ npm i -g gulp$ mkdir css-project && cd css-project$ npm init -y$ npm...

序关于less： Less （Leaner Style Sheets 的缩写） 是一门向后兼容的 CSS 扩展语言。这里呈现的是 Less 的官方文档（中文版），包含了 Less 语言以及利用 JavaScript 开发的用于将 Less 样式转换成 CSS 样式的 Less.js 工具。 Less 扩充了 CSS 语言，增加了诸如变量、混合（mixin）、运算、函数等。 Les...

序 Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios特征从浏览器中创建 XMLHttpRequests从 node.js 创建 http 请求支持 Promise API拦截请求和响应转换请求数据和响应数据取消请求自动转换 JSON 数据客户端支持防御 XSRF安装在项目根目录执行以下命令...

JavaScript 如何判断变量（数据）类型JavaScript 常见数据类型（7类）通过 typeof 来判断通过 instanceof 来判断通过 toString 来判断（推荐做法）JavaScript 常见数据类型（7类）字符串数字布尔数组对象NullUndefined值类型的有：字符串、数字、布尔、Undefined引用类型：数组、对象、Null通过 type...

HSB(HSV)概念HSB又称HSV，表示一种颜色模式：在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度HSB模式对应的媒介是人眼。HSB模式中S和B呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽，对视觉刺激是迅速的，醒目的效果，但不益于长时间的观看。色相（H,hue）：在0~360°的标准色轮上，色相是按位置度量的。在...

  通过我多年的工作经验总结出Git版本管理常用的15个命令(命令详情，请点击命令的链接)如下：Git 命令功能简介git clone克隆现有的仓库git config从几个特定的配置文件中读取和写入配置值，以便你可以从全局或者针对特定的仓库来进行设置git add将内容从工作目录添加到暂存区（或称为索引（index）区）git status将为你展...

简介本项目主要描述了npm包发布流程，仅作为小白学习npm发布学习使用。流程在GitHub上创建一个项目（例如：test-projects）克隆（git clone)到本地npm初始化（npm init）注册npm账号及登录npm（如果您没有npm账号的话）命令行登录npm账号npm包发布（npm publish --access=public)npm包版本更新删除包(如果你...

Git 配置文件  Git 自带一个 git config 的工具来帮助设置控制 Git 外观和行为的配置变量。 这些变量存储在三个不同的位置：/etc/gitconfig 文件: 包含系统上每一个用户及他们仓库的通用配置。 如果使用带有 --system 选项的 git config 时，它会从此文件读写配置变量。~/.gitconfig 或 ~/.config/git/config 文...

忽略文件一般我们总会有些文件无需纳入 Git 的管理，也不希望它们总出现在未跟踪文件列表。 通常都是些自动生成的文件，比如日志文件，或者编译过程中创建的临时文件等。 在这种情况下，我们可以创建一个名为 .gitignore 的文件，列出要忽略的文件模式。创建.gitignore文件很多人恐怕在第一步就卡住了，比如“创建.gitignore文件”（因为用我们常规的鼠标右键的方式是无法实现的...

git add到底是什么意思？用官方的话就是：跟踪新文件，或者说将内容从工作目录添加到暂存区。用生活当中的一个案例来解释就是：git add 就好比如您去超市购物，用购物车装了一大车的商品（类似于修改过的文件），然后去收银台结账，由于您一次性挑选的商品比较多，你有可能要犹豫一下到底要不要全部买下来；这时候，你可以一件件的将商品拿到收银员那里去扫码计价结算（类似与 git add fileA,...

序 模块化设计，简单地说就是程序的编写不是开始就逐条录入计算机语句和指令，而是首先用主程序、子程序、子过程等框架把软件的主要结构和流程描述出来，并定义和调试好各个框架之间的输入、输出链接关系。逐步求精的结果是得到一系列以功能块为单位的算法描述。以功能块为单位进行程序设计，实现其求解算法的方法称为模块化。模块化的目的是为了降低程序复杂度，使程序设计、调试和维护等操作简单化。js模块化常见方式命

序本文基于requirejs结合text插件实现模块化（打包案例） 的基础上，加入了css样式的导入与打包功能。具体案例如下：css.js、css-build.js、normalize.js下载下载地址：https://github.com/guybedford/require-css bower下载命令：$ bower install require-css在下载后...

序虽然说利用requirejs结合text.js插件实现模块化开发并没有多大意义，不过用于学习了解requirejs的基本功能还是很有意义的。本文以最简单的案例演示他们的模块化实现过程。text.js下载下载地址： https://github.com/requirejs/text bower下载命令：$ bower install text项目目录打包前： ...

js定时器就2个方法，非常简单，直接看代码： window.setInterval(function(){ //handle },1000); // 这里表示每隔1000毫秒执行一次function(){...}方法 window.setTimeout(function(){ //handle }, 3000); //这里的3000表示3秒

序针对前端入门小白，如果直接上源生javascript请求（XMLHttpRequest、ActiveXObject），十有八九都会懵。所以在这里使用jquery展示几个常用ajax请求作为参考。案例一：$.get请求php代码 if ($_GET && $_GET['id'] == 5) { $arr = ['a' => 'apple', 'b'

BOM是什么？BOM是browser object model的缩写，简称浏览器对象模型BOM提供了独立于内容而与浏览器窗口进行交互的对象由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是- windowBOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的标准化组织是W3CBOM最初是Netsc

序由于小伙伴们通常不熟悉Linux指令，在此我依据多年的工作经验总结了windows系统下git面板操作的常用命令，仅供参考学习。如果需要了解更多，请自行百科。文件与目录cd命令：$ cd [path] //path为路径名称，这只是常规语法详细用法如下：$ cd /d //进入d盘$ cd d: //进入d盘$ cd D: //进入d盘$ cd /D /

序本文针对前端小伙伴，以最简单化的方式实现增删改查（真后台的小伙伴不要吐槽）。假设您已经安装好了wamp集成环境，正好还懂那么点php，另外还假设您已经知道如何创建数据库，数据表。 这里以面向对象的MySQLi (面向对象)技术来实现。MySQL基本语句模板SELECT * FROM student WHERE status="1" //查询语句，查询数据表student中学

看到这个文章标题就感觉非常的奇怪对吧。 其实一点不奇怪，看看下面几个小例子，如果能够秒懂，说明你的js正则表达式已经懂了，再下面的东西估计都是多余的。先来看看replace() 方法 var str = 'I like apple'; str = str.replace('apple', 'banana'); console.log(str); //I li

序本文仅仅作为前端入门级参考资料。php标记如果说css 的标记是, javascript的标记是，那么php的标记则是： …… //handle?>php编码设置header("Content-type: text/html; charset=utf-8");php注释单行注释快捷键Ctrl+/ 多行注释快捷键Ctrl+Shift+

面向对象编程（OOP）面向对象编程（Object Oriented Programming，OOP，面向对象程序设计）是一种计算机编程架构。 OOP 的一条基本原则是计算机程序是由单个能够起到子程序作用的单元或对象组合而成。 OOP达到了软件工程的三个主要目标：重用性、灵活性和扩展性。为了实现整体运算，每个对象都能够接收信息、处理数据和向其它对象发送信息。面向对象与面向过程的区分

序 ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。由于es6越来越重要，已经成为了web前端开发者必备知识。为了能够快速的入门，这里总结了一些基本方法作为参考学习，希望有所帮助。如果想了解更多，还要靠慢慢...

序RequireJS 是一个JavaScript模块加载器。它非常适合在浏览器中使用，但它也可以用在其他脚本环境，就像 Rhino and Node。使用RequireJS加载模块化脚本将提高代码的加载速度和质量。requireJs下载github地址：https://github.com/requirejs/requirejsbower下载：$ bower insta...

序本文讲解的是requireJS对文件合并与压缩的实现方法。 RequireJS提供了一个打包与压缩工具r.js，r.js的压缩工具使用UglifyJS进行压缩的。 requireJS对互相依赖模块进行合并与压缩，可以对JS，CSS压缩，甚至可以对整个项目进行打包。r.js是基于nodeJS的，所以本机电脑上需要有node环境。一下内容基于已经安装nodejs和git的条件下进行。...

序 i18n（其来源是英文单词 internationalization的首末字符i和n，18为中间的字符数）是“国际化”的简称。在资讯领域，国际化(i18n)指让产品（出版物，软件，硬件等）无需做大的改变就能够适应不同的语言和地区的需要。对程序来说，在不修改内部代码的情况下，能根据不同语言及地区显示相应的界面。 在全球化的时代，国际化尤为重要，因为产品的潜在用户可能来自世界的各个角落。通...

用git管理项目的好处我在这里就不再描述了，以我多年的开发经验，总结了一下常规的git项目管理流程如下：初次创建项目常用操作流程在github上创建项目，可参考《GitHub项目管理基本操作》clone项目到本地(git clone https://github.com/loushengyue/hello-world.git)编辑内容（在克隆下来的文件夹hello-world内创建或者粘...