• webpack配置这一篇就够

    最近看了一篇好文,根据这个文章重新梳理了一遍webpack打包过程,以前的一些问题也都清楚了,在这里分享一下,同时自己也做了一些小的调整 原文链接:http://www.jianshu.com/p/42e11515c10f git项目地址:https://github.com/gengchen528/webpackSample 更多前端内容...

    2018-06-24 00:15:15

  • Bootstrap框架菜鸟入门教程

    Bootstrap菜鸟入门教程 Bootstrap简介 Bootstrap,来自 Twitter,是目前最受欢迎的前端框架。Bootstrap 是基于 HTML、CSS、JAVASCRIPT 的,它简洁灵活,使得 Web 开发更加快捷。 一、栅格系统 栅格系统的工作原理: 行(row)必须包含在 .container (固定宽度)或 .co...

    2018-06-24 00:15:08

  • angular使用Md5加密

    一、现象 用户登录时需要记住密码的功能,在前端需要对密码进行加密处理,增加安全性 二解决 1、利用npm (如果没有,先自行安装npm) 安装ts-md5 npm install ts-md5 --save-dev 2、在使用的页面中导入 import { Md5 } from 'ts-md5/dist/md5'; 3、使用 Md5.hashStr(str...

    2018-06-24 00:15:06

  • 使用Ajax无刷新页面登录

    script window.onload = function () { var myname = document.getElementById("uname"); var pwd = document.getElementById("pwd"); if (window.XMLHttpRequest) { var myajax = new XMLHttpRequest(); } else { var myajax = new ActiveXObject('Microsoft.XMLHTTP'...

    2018-06-24 00:15:05

  • 构造函数中this,return的详解

    1 function Foo(name,age){ 2 this .name= name; 3 this .age= age; 4 } 5 6 var foo= new Foo("Tom",14 ); 7 foo.name; // Tom 8 foo.age; // 14 使用构造函数实例化发生的流程: 1.建立一个foo的空对象。 2.将构造函数中的Foo的this指向对象foo。 3.foo的_proto_属性...

    2018-06-24 00:14:52

  • 深入理解继承

    学习怎样创建对象是理解面向对象编程的第一步,第二步是理解继承。在传统的面向对象编程语言中,类继承其他类的属性。 然而,JS的继承方式与传统的面向对象编程语言不同,继承可以发生对象之间,这种继承的机制是我们已经熟悉的一种机制:原型。 1.原型链接和Object.pr...

    2018-06-24 00:14:51

  • ES6,Array.find()和findIndex()函数的用法

    ES6为Array增加了find(),findIndex函数。 find()函数用来查找目标元素,找到就返回该元素,找不到返回undefined。 findIndex()函数也是查找目标元素,找到就返回元素的位置,找不到就返回-1。 他们的都是一个查找回调函数。 [1, 2, 3, 4].find((value, index, arr) =...

    2018-06-24 00:14:45

  • AJAX的工作原理

    1:在讲ajax的原理之前我们先简单的了解一下ajax的背景 可否认,ajax技术的流行得益于google的大力推广,正是由于google、gmail等对ajax技术的广泛应用,才催生了ajax的流行。 而这也让微软感到无比的尴尬,因为早在 97 年,微软便已经发明了 ajax 中的关键技术,并且...

    2018-06-24 00:14:45

  • Vue生产环境部署

    前面的话 开发时,Vue 会提供很多警告来帮助解决常见的错误与陷阱。生产时,这些警告语句却没有用,反而会增加载荷量。再次,有些警告检查有小的运行时开销,生产环境模式下是可以避免的。本文将详细介绍Vue生产环境部署 生产环境 如果用 Vue 完整独立版本 (直接用 scr...

    2018-06-24 00:14:25

  • 一些常用的正则表达式(from web)

    一、校验数字的表达式 数字:^[0-9]*$ n位的数字:^\d{n}$ 至少n位的数字:^\d{n,}$ m-n位的数字:^\d{m,n}$ 零和非零开头的数字:^(0|[1-9][0-9]*)$ 非零开头的最多带两位小数的数字:^([1-9][0-9]*)+(.[0-9]{1,2})?$ 带1-2位小数的正数或负数:^(\-)?\d+(\.\d{1,2})?...

    2018-06-24 00:14:42

2