- 博客(47)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 搞定webpack4.x 配置系列 （ 一 ）
1 首先我们要知道 webpack 官方文档：中文地址：https://www.webpackjs.com英文地址：https://webpack.js.org/2 要清楚 webpack 是什么 ？官方介绍说：本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系...
2018-11-29 22:14:41
382
原创 JavaScript 继承 （2）
1：纯净的继承者 — 原型式继承//传递一个字面量函数function obj(o) { //创建一个构造函数 function F() {} //把字面量函数赋值给构造函数的原型 F.prototype = o; //最终返回出实例化的构造函数 return new F(); }//字面量对象var box = { na...
2018-08-21 11:38:51
283
原创 JavaScript 继承 （1）
1：类式继承// 声明父类function Farent(name) { this.name = name; this.books = ["JS","php"];}// 给父类添加一个共有方法 在父类的原型上Farent.prototype.getName = function() { console.log(this.name);}// 声明子类functi...
2018-08-20 16:30:56
195
原创 javascript设计模式 - 动态原型模式
动态原型模式 其实就是在 函数里 加个判断 ， 为了解决 多次实例化后 ，产生多个共同的方法 ！function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]; if(typeof this.run != "function"){ console.log("o...
2018-08-17 17:09:07
356
原创 javascript设计模式 - 组合模式
1：构造函数 + 原型模式function CreateFn(name,age) { this.name = name; this.age = age; this.arr = [1,2,3]}CreateFn.prototype.run = function(){ return "这是原型上的一个 共享方法";}var fn1 = new CreateFn("l...
2018-08-17 16:54:25
364
1
原创 javascript设计模式 - 原型模式
原型模式 1 ： 原型的定义： （1）每当创建一个函数，都会有一个 prototype （原型属性）。 （2）原型（prototype） 这个属性的指针 指向一个对象，而这个对象的用途 可以由特定类型的所有实例 共享 属性和方法 ！ （3）原型（prototype）是共享所有的属性和方法， 也就是说：如果 new 了 两个实例化 ，他们的方...
2018-08-17 16:18:30
874
原创 javascript设计模式 - 构造函数模式
function CreateFn(name,age) { this.name = name; this.age = age; this.getName = function() { console.log(this.name) }}var fn1 = new CreateFn("小明",26);var fn2 = new CreateFn("小明",26);fn...
2018-08-16 23:11:30
184
原创 javascript设计模式 - 工厂模式
1 ： 工厂模式 - 简单的说： 就是创建一个对象 ，最后再返回这个对象 ！ 如：function createBook(name, time, type) { var obj = new Object(); obj.name = name; obj.time = time; obj.type = type; obj.getName = function() { ...
2018-08-16 17:51:46
122
原创 JS 无间隙滚动 封装
新建一个 页面魔板 ： 引入 JS 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=
2018-08-16 15:32:15
501
原创 tab 滑动/点击切换 封装
新建 html 文件 ， 如： index.html , 引入一个 app.js 文件&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;m
2018-08-16 10:48:45
1198
原创 vuex 数据状态管理，刷新数据不丢失 这篇就够了
vue 脚手架安装，这里我就不介绍了 说重点 !安装 vuexnpm install vuex --save安装成功后 ，现在我们就可以使用 vuex 了 1： 先在src 目录下建立 store 文件夹 ， 文件目录如图： 这里我先介绍下 每个文件的用处：1 ： index.js 这里是个入口文件import Vue from 'vue'import Vu...
2018-08-10 10:31:51
12838
1
原创 ECMAScript 6 中的数组方法 - map
/** 场景1 * * 假设有一个数字数组（a），奖a数组中的值一双倍的形式放到b数组 **/let numbers = [1,2,3,4];var doubleNumbers = [];// es5for (let index = 0; index < numbers.length; index++) { doubleNumbers.push(numbers[index] *
2018-03-06 22:01:10
399
原创 ECMAScript 6 中的数组方法 - forEach
let colors = [“red”,”blue”,”green”]; // es5 遍历数组的方法for (let index = 0; index < colors.length; index++) { console.log(colors[index]);}结果：redbluegreen// es6 遍历数组的方法colors.forEa...
2018-03-06 21:40:53
805
原创 JavaScript 中字符串的操作
1、length获取字符串长度var str = "hello world";alert(str.length); // 112、索引通过下标获取字符串指定位置的字符，但是不能改变该索引对应的值var str = "hello world"alert(str[0]); // h str[0] = "H"; // "H"3、toUpperCase将字符串全部转为大写，并返
2017-12-06 10:32:05
253
原创 js 类库
NaN/** * * @desc 判断是否NaN * @param {Any} value * @return {Boolean} */function isNaN(value) { return value !== value;};ObjectisEmptyObject/** * * @desc 判断`obj`是否为空 * @param {O
2017-12-05 16:59:38
1000
原创 JavaScript 判断各种数据类型
js 判断各种数据类型：了解js的都知道， 有个typeof 用来判断各种数据类型,有两种写法：typeof xxx ,typeof(xxx) typeof 2 // 输出 number typeof null // 输出 object typeof {} // 输出 object typeof
2017-12-05 16:29:58
283
原创 JavaScript 闭包突破作用域连
首先 我们先看定义一个函数：var a = "global variable";var F = function(){ var b = "local variable" ; var N = function(){ var c = "inner local" ; return b; } return N;}函数 F 中包含了局部变量
2017-12-05 16:10:52
336
原创 深入理解 JavaScript 作用域和作用域链
作用域是JavaScript最重要的概念之一，想要学好JavaScript就需要理解JavaScript作用域和作用域链的工作原理。今天这篇文章对JavaScript作用域和作用域链作简单的介绍，希望能帮助大家更好的学习JavaScript。JavaScript作用域作用域就是变量与函数的可访问范围，即作用域控制着变量与函数的可见性和生命周期。在JavaScript中，变量的作用域有全局作用域和局部
2017-12-05 15:54:06
338
原创 JavaScript 中的栈与堆-基本数据类型与引用类型
一、 堆(heap)和栈(stack)栈(stack)会自动分配内存空间，会自动释放。堆(heap)动态分配的内存，大小不定也不会自动释放。二、 基本类型和引用类型基本类型：简单的数据段，存放在栈内存中，占据固定大小的空间。 引用类型：指那些可能由多个值构成的对象，保存在堆内存中,包含引用类型的变量实际上保存的不是变量本身，二十指向该对象的指针。 基本数据类型包括Undefined,String
2017-12-05 15:27:08
392
原创 微信小程序-项目案例 （三）全局变量及封装网络请求
1：配置全局变量 （app.js 文件）App({ globalData: { requestUrl: "https://api.xxxxxx.com" // 网络接口全局变量 }})先新建一个公共文件 里面可以封装公共类 如：utils/util.jsfunction httpRequest(url, callBack) { var _self = this; wx.
2017-12-03 18:31:31
2461
原创 微信小程序-项目案例 （二）配置 tabBar
如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。Tip：当设置 position 为 top 时，将不会显示 icontabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。属性说明： 其中 list 接受一个数组，数
2017-12-03 17:56:35
1579
原创 微信小程序环境搭建-项目案例 （一）启动页
最新闲来无事，看了看研究了下微信小程序，从环境搭建到项目案例 ，废话不多说 ，手把手带你入门微信小程序 ！1：先下载微信的开发工具：地址：https://mp.weixin.qq.com/debug/wxadoc/dev/devtools/download.html 可以根据自己的电脑 下载对应的版本 ！ 第一次打开： 会显示如下 微信扫描界面2：模式选择开发者工具提供两种开发模式的选择。公众号
2017-11-29 18:20:04
4928
原创 JavaScript 对象（三）
一：原型1、原型的定义： 原型是function对象的一个属性，它定义了构造函数制造出的对象的公共祖先。通过改构造函数产生的对象，可以继承该原型的属性和方法。原型也是对象。 2、利用原型特点和概念，可以提取共有属性。将一类对象的共有属性提取出来，放到该类对象的原型中，从而不需要每次用new操作符时都重新定义一遍该共有属性。 如下，定义一个Person构造函数，而属于Person多构造对象共有的属
2017-11-27 20:58:50
197
原创 JavaScript 对象（二）
一：对象的增、删、改、查1、增： 所谓增添一个对象的属性，就是直接对该属性进行赋值操作即可，这就相当于为该对象添加了一个新属性，而打印未添加的属性，浏览器不会报错，而是会打印出undefined var obj = {}; console.log(obj.name); //undefined （不会报错） obj.name = '软件开发'; console.log(obj.
2017-11-27 20:48:38
167
原创 JavaScript 对象（一）
一、对象的定义对象是JavaScript的一个基本数据类型，是一种复合值，它将很多值（原始值或者其他对象）聚合在一起，可通过名字访问这些值。即属性的无序集合。 （ 对象和数组很类似，唯一的不同是它的键值类型是自定义的 ）！二、对象的创建（多种方法）1、对象直接量 / 字面量 var obj = { name: "龙门课栈", job: "软件开发"
2017-11-27 20:33:21
159
原创 JavaScript 数组类型
一：JS中数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度，注意不是上限，是长度var arrayObj = new Array([element0[, element1[, ...[, elementN]]]]); 创建一个数组并赋值要说明的是，虽然第二种方
2017-11-27 20:10:41
260
原创 JavaScript Function、函数声明、函数表达式
1：Function 对象Function 构造器会创建一个新的 Function 对象。 在 JavaScript 中每个函数都是一个 Function 对象。没有对象 new 一个 ！// 使用 Function 构造函数创建函数new Function ([arg1[, arg2[, ...argN]],] functionBody)例子：var func = new Function('a
2017-11-23 17:48:40
385
原创 JavaScript 流程控制语句
if语句if语句是基于条件成立才执行相应代码时使用的语句。语法结构if(条件){ // 条件成立时执行代码}如：var a = 10;if( a < 12 ){ alert(a) // 弹出 10}if…else语句if…else语句是在指定的条件成立时执行代码，在条件不成立时执行else后的代码。语法结构if(条件){ // 条件成立时执行的代码}else{
2017-11-23 15:48:36
230
原创 JavaScript 中的运算符
JavaScript 运算符主要包括：1：算术运算符 2：赋值运算符 3：比较运算符 4：三元运算符 5：逻辑运算符 6：字符串连接运算符算术运算符运算符 说明 例子 运算结果 + 加 y = 2+1 y = 3 - 减 y = 2-1 y = 1
2017-11-23 14:05:17
194
原创 JavaScript 中的数据类型相互转换
JavaScript 变量可以转换为新变量或其他数据类型： 1：通过使用 JavaScript 函数 2：通过 JavaScript 自身自动转换将数字转换为字符串全局方法 String() 可以将数字转换为字符串。 该方法可用于任何类型的数字，字母，变量，表达式： 如：String(x) // 将变量 x 转换为字符串并返回String(123)
2017-11-23 11:39:11
398
原创 JavaScript 数据类型
JavaScript 数据类型1. 字符串2. 数字3. 布尔4. 数组5. 对象6. Null7. UndefinedJavaScript 字符串字符串是存储字符（比如 “name,job”）的变量。 字符串可以是引号中的任意文本。您可以使用单引号或双引号： 如：var name = "龙门课栈";var job = '前端开发';您可以在字符串中使用引号，只要不匹配包围字符串的
2017-11-23 11:00:24
147
原创 JavaScript语法结构，关键字，保留字，变量
一：语法结构1: 区分大小写JavaScript中的一切，包括变量、函数名和操作符都是区分大小写的。 例如：name和Name表示两种不同的变量。 2: 标识符 所谓标识符，就是指变量、函数、属性的名字，或者函数的参数。标识符可以是下列格式规则组合起来的一或多个字符： (1).第一字符必须是一个字母、下划线(_)或一个美元符号($)。 (2).其他字符可以是字母、下划线、美元符号或数字。
2017-11-23 10:16:14
282
原创 JavaScript 标签使用及输出语句
html 文件中引入 js 文件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><body></body><script src="javascript.js"></script></html>输出语句 ( 以下代码均写在 js 文件里 )(1)
2017-11-23 09:59:48
800
原创 JavaScript 是什么? 用JavaScript能做什么？
JavaScript 是脚本语言JavaScript 是一种轻量级的编程语言。JavaScript 是可插入 HTML 页面的编程代码。JavaScript 插入 HTML 页面后，可由所有的现代浏览器执行。JavaScript 很容易学习。能做 web开发 ， app开发 ， 操作数据库, 写动画 写游戏 ……等等 都可以！
2017-11-22 16:49:57
4238
原创 CSS3 简介 （三）
CSS3 图片 响应式图片 响应式图片会自动适配各种尺寸的屏幕。img { max-width: 100%; height: auto;}图片滤镜 CSS filter 属性用为元素添加可视效果 (例如：模糊与饱和度) 。 注意: Internet Explorer 或 Safari 5.1 (及更早版本) 不支持该属性。修改所有图片的颜色为黑白 (100% 灰度):im
2017-11-22 16:03:15
295
原创 CSS3 简介 （二）
CSS3 动画@keyframes myfirst{ from {background: red;} to {background: yellow;}}@-webkit-keyframes myfirst /* Safari 与 Chrome */{ from {background: red;} to {background: yellow;}}div{
2017-11-22 15:55:43
320
原创 CSS3 简介 （一）
1：对CSS3已完全向后兼容，所以你就不必改变现有的设计。浏览器将永远支持CSS2。 2：CSS3 模块 （1）选择器 （2）盒模型 （3）背景和边框 （4）文字特效 （5）2D/3D转换 （6）动画 （7）多列布局 （8）用户界面css3 新增的属性 border-image 设置所有边框图像的速记属性。 3 border-radius 一个用于设置所有四个边框-
2017-11-22 15:45:24
358
原创 HTML JavaScript Vue 编辑器推荐
sublime text 3 : https://www.sublimetext.com/ webstorm : http://www.jetbrains.com/webstorm/神器不多介绍了
2017-11-22 15:18:31
1559
原创 什么是html5
HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准。 HTML 的上一个版本诞生于 1999 年。自从那以后，Web 世界已经经历了巨变。 HTML5 仍处于完善之中。然而，大部分现代浏览器已经具备了某些 HTML5 支持。<!DOCTYPE html><html><head><meta charset="utf-8"><title>龙门课栈</title></
2017-11-22 15:05:54
576
原创 公共css文件初始化
body,html{ height: 100%;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td { margin:0; padding:0; b
2017-11-22 14:45:14
552
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人