- 博客(66)
- 收藏
- 关注
RSS订阅原创 webpack入门
webpack用于编译JavaScript模块。一旦安装了，你可以用webpack与CLI或者API接口基本配置首先我们要先建立一个目录，初始化npm，在本地安装好webpack，然后安装webpack-cli（用于在命令行上运行webpack）mkdir webpack-democd webpack-demonpm init -ynpm install webpac...
2019-08-27 11:07:52
210
1
原创 文章链接
彻底理解cookie，session，tokenhttps://www.cnblogs.com/moyand/p/9047978.htmlPromise对象2——then()和catch()方法https://www.npmjs.com/package/qswebpack官网文档https://webpack.js.org/guides/getting-starte...
2019-08-20 13:17:06
1673
原创 Vue动画的使用
动画的作用：提高用户的体验，帮助用户更好的理解页面中的功能。使用过渡类名实现动画动画进入： v-enter：动画进入之前的初始状态 v-enter-to：动画进入之后的结束状态 v-enter-active：动画进入的时间段 PS：第一、第二个是时间点；第三个是时间段。动画离开： v-leave：动画离开之前的初始状态 v-lea...
2019-07-19 14:29:35
373
原创 Vue实例的生命周期
Vue实例的生命周期：从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期。生命周期钩子：就是生命周期事件的别名而已。生命周期钩子 = 生命周期函数 = 生命周期事件。根据上面这张图，我们把生命周期函数主要分为三类。1、创建期间的生命周期函数beforeCreate：实例刚在内存中被创建出来，还没有初始化好data和methods属性...
2019-07-17 11:20:06
127
原创 Vue自定义指令
自定义全局指令例子1：让指定文本框自动获取焦点<!DOCTYPE html><html><head> <meta charset = "UTF-8"> <link rel="stylesheet" type="text/css" href="index.css"> <script src="https://c...
2019-07-17 10:14:28
115
原创 Vue过滤器的应用
时间的格式化1.第一种方法<!DOCTYPE html><html><head> <meta charset = "UTF-8"> <link rel="stylesheet" type="text/css" href="index.css"> <script src="https://cdn.jsdeliv...
2019-07-16 15:31:09
162
原创 Vue列表功能
用Vue实现了列表功能，无数据时添加提示，添加item，删除item，按关键字筛选item<!DOCTYPE html><html><head> <meta charset = "UTF-8"> <link rel="stylesheet" type="text/css" href="index.css"> <s...
2019-07-16 11:29:12
746
转载 VUE入门（10）组件基础
组件基础基本示例这里有一个 Vue 组件的示例：// 定义一个名为 button-counter 的新组件Vue.component('button-counter', { data: function () { return { count: 0 } }, template: '<button v-on:click="count++"...
2019-07-12 15:03:23
150
转载 VUE入门（9）
表单输入绑定基础用法你可以用v-model指令在表单<input>、<textarea>及<select>元素上创建双向数据绑定。它会根据控件类型自动选取正确的方法来更新元素。尽管有些神奇，但v-model本质上不过是语法糖。它负责监听用户的输入事件以更新数据，并对一些极端场景进行一些特殊处理。注意：v-model会忽略所有表单元素...
2019-07-09 11:42:47
77
转载 VUE入门（8）
事件处理监听事件可以用v-on指令监听 DOM 事件，并在触发时运行一些 JavaScript 代码。<div id="example-1"> <button v-on:click="counter += 1">Add 1</button> <p>The button above has been clicked {{ co...
2019-07-09 11:17:21
89
转载 VUE入门（7）
列表渲染用v-for把一个数组对应为一组元素我们可以用v-for指令基于一个数组来渲染一个列表。v-for指令需要使用item in items形式的特殊语法，其中items是源数据数组，而item则是被迭代的数组元素的别名。<ul id="example-1"> <li v-for="item in items"> {{ i...
2019-07-05 11:43:10
92
转载 VUE入门（6）
条件渲染v-ifv-if指令用于条件性地渲染一块内容。这块内容只会在指令的表达式返回 truthy 值的时候被渲染。<h1 v-if="awesome">Vue is awesome!</h1>也可以用v-else添加一个“else 块”：<h1 v-if="awesome">Vue is awesome!</h1>&...
2019-07-05 11:24:47
89
转载 VUE入门（5）
Class 与 Style 绑定操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。绑定 HTML Class...
2019-07-05 11:19:21
210
转载 VUE入门（4）
计算属性和侦听器计算属性模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如：<div id="example"> {{ message.split('').reverse().join('') }}</div>在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想...
2019-07-05 10:25:41
84
转载 VUE入门（3）
模板语法Vue.js 使用了基于 HTML 的模板语法，允许开发者声明式地将 DOM 绑定至底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML ，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。插值...
2019-07-05 10:15:06
99
转载 VUE入门2
每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的：var vm = new Vue({ // 选项})数据与方法当一个 Vue 实例被创建时，它将data对象中的所有的属性加入到 Vue 的响应式系统中。当这些属性的值发生改变时，视图将会产生“响应”，即匹配更新为新的值。// 我们的数据对象var data = { a: 1 }// 该...
2019-07-05 09:38:40
100
转载 VUE入门1
可以创建一个.html文件，然后通过如下方式引入 Vue：<!-- 开发环境版本，包含了有帮助的命令行警告 --><script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>或者：<!-- 生产环境版本，优化了尺寸和速度 --><script s...
2019-07-04 16:50:45
126
原创 使用JS和Canvas做一个html5小游戏
这是一个很简单的html5游戏，通过学习原博文自己做了些改造，现在附上原博文的链接 这是游戏的截图：1.有计算抓住的怪物的数量2.有背景，英雄，怪物。 第一步：建立html文件和js文件建立一个games文件夹，在文件夹中建立js文件夹，images文件夹，以及index.html。game.js放在js文件夹中，图片放在images文件夹中。 ...
2018-11-12 17:42:03
15514
4
转载 Date
在JavaScript中，Date对象用来表示日期和时间。要获取系统当前时间，用：var now = new Date();now; // Wed Jun 24 2015 19:49:22 GMT+0800 (CST)now.getFullYear(); // 2015, 年份now.getMonth(); // 5, 月份，注意月份范围是0~11，5表示六月now.getDat...
2018-11-10 16:15:13
213
转载 JSON
JSON是JavaScript Object Notation的缩写，它是一种数据交换格式。在JSON出现之前，大家一直用XML来传递数据。因为XML是一种纯文本格式，所以它适合在网络上交换数据。XML本身不算复杂，但是，加上DTD、XSD、XPath、XSLT等一大堆复杂的规范以后，任何正常的软件开发人员碰到XML都会感觉头大了，最后大家发现，即使你努力钻研几个月，也未必搞得清楚XML的规范...
2018-11-10 16:10:53
116
原创 正则表达式
在正则表达式中，如果直接给出字符，就是精确匹配。用\d可以匹配一个数字，\w可以匹配一个字母或数字，所以： '00\d'可以匹配'007'，但无法匹配'00A'； '\d\d\d'可以匹配'010'； '\w\w'可以匹配'js'； .可以匹配任意字符，所以：'js.'可以匹配'jsp'、'jss'、'js!'等等。要匹配变长的字符，在正则表达式中，用*表示任意...
2018-11-10 15:50:24
116
原创 判断是否为USD格式
题目描述给定字符串 str，检查其是否符合美元书写格式1、以 $ 开始2、整数部分，从个位起，满 3 个数字用 , 分隔3、如果为小数，则小数部分长度为 24、正确的格式如：$1,023,032.03 或者 $2.03，错误的格式如：$3,432,12.12 或者 $34,344.3示例1输入复制'$20,933,209.93'输出复制true ...
2018-11-08 18:52:37
1238
1
原创 判断是否符合指定格式
题目描述给定字符串 str，检查其是否符合如下格式1、XXX-XXX-XXXX2、其中 X 为 Number 类型示例1输入复制'800-555-1212'输出复制true 知识点： ^ 匹配输入字符串开始的位置。如果设置了 RegExp 对象的 Multiline 属性，^ 还会与 \n 或 \r 之后的...
2018-11-08 18:35:33
2063
原创 获取指定字符串
题目描述给定字符串 str，检查其是否包含 连续3个数字 1、如果包含，返回最新出现的 3 个数字的字符串2、如果不包含，返回 false示例1输入复制'9876543'输出复制987 知识点：\w 匹配字母或数字或下划线或汉字 等价于 '[^A-Za-z0-9_]'。\s 匹配任意的空白符\d 匹配数字\b 匹配单词的开始或结...
2018-11-08 18:30:58
522
原创 判断是否以元音字母结尾
题目描述给定字符串 str，检查其是否以元音字母结尾1、元音字母包括 a，e，i，o，u，以及对应的大写2、包含返回 true，否则返回 false示例1输入复制'gorilla'输出复制true 知识点： $ 匹配输入字符串的结尾位置。如果设置了 RegExp 对象的 Multiline 属性，则 $ 也匹配 '\n' 或...
2018-11-08 18:22:58
907
原创 检查重复字符串
题目描述给定字符串 str，检查其是否包含连续重复的字母（a-zA-Z），包含返回 true，否则返回 false示例1输入复制'rattler'输出复制true 知识点：在正则表达式中，利用()进行分组，使用斜杠加数字表示引用，\1就是引用第一个分组，\2就是引用第二个分组。 用正则表达式：function contain...
2018-11-08 18:13:35
609
原创 判断是否包含数字
题目描述给定字符串 str，检查其是否包含数字，包含返回 true，否则返回 false示例1输入复制'abc123'输出复制true 知识点：判断字符串中是否含有数字，可以用正则表达式。/\d/可以匹配字符串中的数字字符，用test方法可以检测。 1.用遍历function containsNumber(str) { for(...
2018-11-05 15:59:26
844
原创 属性遍历
题目描述找出对象 obj 不在原型链上的属性(注意这题测试例子的冒号后面也有一个空格~)1、返回数组，格式为 key: value2、结果数组不要求顺序示例1输入复制var C = function() {this.foo = 'bar'; this.baz = 'bim';}; C.prototype.bop = 'bip'; iterate(new C());...
2018-11-05 15:53:23
99
原创 批量改变对象的属性
题目描述给定一个构造函数 constructor，请完成 alterObjects 方法，将 constructor 的所有实例的 greeting 属性指向给定的 greeting 变量。示例1输入复制var C = function(name) {this.name = name; return this;}; var obj1 = new C('Rebecca'); ...
2018-11-05 15:43:42
1294
1
原创 改变上下文
题目描述将函数 fn 的执行上下文改为 obj，返回 fn 执行后的值示例1输入复制alterContext(function() {return this.greeting + ', ' + this.name + '!'; }, {name: 'Rebecca', greeting: 'Yo' })输出复制Yo, Rebecca! 知识点：在...
2018-11-05 15:39:16
363
原创 乘法
题目描述求 a 和 b 相乘的值，a 和 b 可能是小数，需要注意结果的精度问题示例1输入复制3, 0.0001输出复制0.0003 知识点：toFixed() 方法可把 Number 四舍五入为指定小数位数的数字。 function multiply(a, b) { var strA = a+''; var strB =...
2018-11-05 15:34:14
341
原创 二进制转换3
题目描述将给定数字转换成二进制字符串。如果字符串长度不足 8 位，则在前面补 0 到满8位。示例1输入复制65输出复制01000001 1.用slice(0,8-l)补全位数function convertToBinary(num) { var s = num.toString(2); var l...
2018-11-05 15:20:44
379
原创 二进制转换2
题目描述给定二进制字符串，将其换算成对应的十进制数字示例1输入复制'11000000'输出复制192 知识点：parseInt() 函数可解析一个字符串，并返回一个整数。语法parseInt(string, radix) 参数 描述 string 必需。要被解析的...
2018-11-05 15:02:12
2648
原创 二进制转换1
题目描述获取数字 num 二进制形式第 bit 位的值。注意：1、bit 从 1 开始2、返回 0 或 13、举例：2 的二进制为 10，第 1 位为 0，第 2 位为 1示例1输入复制128, 8输出复制1 知识点： toString(2)的意思就是转换为二进制的字符串。 1.转换为字符串function valueAtBit(nu...
2018-11-05 14:59:36
386
原创 模块
题目描述完成函数 createModule，调用之后满足如下要求：1、返回一个对象2、对象的 greeting 属性值等于 str1， name 属性值等于 str23、对象存在一个 sayIt 方法，该方法返回的字符串为 greeting属性值 + ', ' + name属性值 1.构造函数加原型function createModule(str1, str2...
2018-11-05 14:43:36
90
原创 且运算
题目描述返回参数 a 和 b 的逻辑且运算结果示例1输入复制false, true输出复制false function and(a, b) { return a&&b;}
2018-11-05 14:29:56
983
原创 或运算
题目描述返回参数 a 和 b 的逻辑或运算结果示例1输入复制false, true输出复制true function or(a, b) { return a||b; }
2018-11-01 19:48:07
435
原创 柯里化
题目描述已知 fn 为一个预定义函数，实现函数 curryIt，调用之后满足如下条件：1、返回一个函数 a，a 的 length 属性值为 1（即显式声明 a 接收一个参数）2、调用 a 之后，返回一个函数 b, b 的 length 属性值为 13、调用 b 之后，返回一个函数 c, c 的 length 属性值为 14、调用 c 之后，返回的结果与调用 fn 的返回值一致5、fn...
2018-11-01 19:45:19
147
原创 二次封装函数2
题目描述实现函数 partialUsingArguments，调用之后满足如下条件：1、返回一个函数 result2、调用 result 之后，返回的结果与调用函数 fn 的结果一致3、fn 的调用参数为 partialUsingArguments 的第一个参数之后的全部参数以及 result 的调用参数示例1输入复制无输出复制无 1....
2018-11-01 17:31:05
127
原创 使用apply调用函数
题目描述实现函数 callIt，调用之后满足如下条件1、返回的结果为调用 fn 之后的结果2、fn 的调用参数为 callIt 的第一个参数之后的全部参数示例1输入复制无输出复制无 1.用迭代function callIt(fn) { var args = []; for(i=1;i<arguments.length...
2018-11-01 17:15:29
584
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人