- 博客(34)
- 问答 (1)
- 收藏
- 关注
原创 sass 学习记录
1.导入sass文件 @import规则 Css: 允许一个css文件中导入其他css文件。结果是: 只有执行到@import时,文件才会去下载其他css文件,这导致页面加载起来特别慢 Sass:在生成css文件时就把相关的文件导入进来。 这意味着所有相关的样式都归纳到了同一个文件中,而无需发起额外的请求2. 约定,sass局部文件的文件名以下滑线开头...
2018-11-22 14:40:48 182
原创 用模块来封装代码
// 用模块封装代码 // 导出的基本语法 /*export var color = 'red'; // 定义一个函数 function multiply(num1, num2) { return num1 * num2; ...
2018-10-18 16:16:31 365
原创 代理(Proxy)和反射(Reflection)API
// 代理(Proxy)和反射(Reflection) // 代理直接将所有操作直接转发到目标,将“proxy”赋值给proxy.name属性时会在目标上建立name, // 代理只是简单的将操作转发给目标,他不会存储这个属性。由于proxy.name 和 target.name 引用的 // 都是 target.name 因此二...
2018-10-18 16:15:06 259
原创 Promise 与异步编程(十 一)
// Promise // promise 相当于异步操作结果的占位符,它不会去订阅一个事件,也不会传递一个回调函数给目标函数 // 而是让一个函数返回一个Promise // Promise的生命周期 先处于进行中(pending), // 当操作结束会处于 Fullfilled Promi...
2018-10-18 16:13:22 143
原创 改进的数组功能(十)
// 改进的数组功能 // Array.from 方法可以接受可迭代对象或类数组对象作为第一个参数,最终返回一个数组 // Array.from 也是通过this来确定返回数组的类型的 // function doSomething() { // var args = Array.from(arguments); ...
2018-10-18 16:11:06 132
原创 Javascript中的类(九)
// 类 // 类的继承是根据原型链来的 // 类实际上是一个具有构造函数方法行为的函数 // 注: // 1. 函数声明可以提升,但是类的声明与let声明类似,不能被提升。 // 2. 类声明的代码将自动运行在严格模式下,并且不能让代码脱离严格模式 // 3. 在自定义类型...
2018-10-18 16:09:13 100
原创 迭代器(Iterator) 和 生成器 (Generator) (八)
迭代器与生成器这一章节还没有看的恨透,只把这一章节的例子全看完了,也看懂了。但是自己写不出这样优秀的代码。这是我缺少的技能。//迭代器(Iterator)和生成器(Generator) // 迭代器是一种特殊对象 //所有的迭代器都有一个next()方法,每次调用都返回一个结果对象。结果对象有两个属性:一个是值,表示下一个将要返回的值;另一个...
2018-10-18 16:05:47 136
原创 Set集合与Map集合(七)
// Set集合与Map集合 // Set集合 // Set类型是一种无序列表,其中含有一些相互独立的非重复值 // Set集合转换为数组 /*let set = new Set([1, 4, 2, 3, 3, 3, 4, 5]), array = [...set]; console.log(arr...
2018-10-18 15:36:29 121
原创 解构: 使数据访问更健康(五)
// 解构:使数据访问更便捷 // 在对象和数组解构中,都可以为值为undefined的对象属性或数组元素设置默认值,且赋值表达式右值不为null或undefined,否则程序会抛出错误,也可以无限深入到对象和数组解构嵌套的数据解构中 // 必须传值的解构参数 /* function setCookie(name, value, {s...
2018-10-18 15:33:00 117
原创 扩展对象的功能性(四)
这一节大大加强了,我对于js的理解。还有新的知识点,Object.is和Object.assign() 方法的用处,还有super关键字。以前以为只有类的继承才能用到super关键字。// 扩展对象的功能性 // 对象的类别 // 1. 普通对象 具有javascript对象所有的默认内部行为 ...
2018-10-18 15:30:16 135
原创 函数(三)
看 《 深入理解es6》 一书,有些知识点没有记录下来。 但大部分的知识点记录下来了。// 函数的一个特性 function Person(name) { this.name = name; } var person = new Person("jack"); var notAPerson = Pe...
2018-10-18 15:15:05 111
原创 var中的变量提升
之前只知道var存在的变量提升,但不知道其原理是什么?最近看了《深入理解es》 中明白了当我们写循环的时候var funcs = []; for(var i=0; i< 10; i++){ funcs.push(function() { console.log(i) })}funcs.forEach(function(func) { func()...
2018-09-20 11:12:04 1348
原创 数据结构之图(带权图 迪杰斯特拉算法)
// 主要思想是: 每次寻找最小的边 这样的话从上一个节点 到这个节点的值 是最小的 当找到最小的边时,把final[v] = true 表示从原点到这个节点的最小值 已经找到了 <!DOCTYPE html><html><head> <title>实现函数</title> <meta charset...
2018-09-18 19:50:21 681
原创 数据结构之图(邻接表 稀疏图)
<!DOCTYPE html><html><head> <title>邻接表</title> <meta charset="utf-8"> <script type="text/javascript"> // 稀疏图 邻接表
2018-09-18 19:45:34 676
原创 记录一次去哪儿网笔试题(2018/09/06)
输入三个数 分别是 年份 月份 以及按星期几开始排列(星期日是0 其他依次为1 2 3 4 5 6)输出两个数 第一个表示该年月分 第一天在排列中是第几列 第二个数 表示该年月份 最后一天在排列中是 第几列代码如下<!DOCTYPE html><html><head> <tit...
2018-09-06 12:36:11 233
原创 手风琴实现效果纯css
在做css实现手风琴的效果过程中,发现了一个有趣的现象: 当使用背景图片的时候,最后一个图片的animation效果会出现问题。 我相出的原因是,因为图片是作为li的背景图片的,而当hover时候li的宽度变了,背景图片的改变是一样快的。但是使用img标签,虽然li的宽度变了,但是img的宽度不会改变<!DOCTYPE html><html><head...
2018-08-28 19:26:54 975
原创 手风琴实现效果js(纯js实现)
这是用原生js实现的一个手风琴效果,但是当鼠标快速滑动的时候,会出现轻微的抖动效果!<!DOCTYPE html><html><head> <title>js实现手风琴效果</title> <meta charset="utf-8"> <style>
2018-08-28 10:18:03 3067
原创 手风琴实现效果js(flex版本)
<!DOCTYPE html><html><head> <title>js实现手风琴效果</title> <meta charset="utf-8"> <style> body{ margin: 0; p
2018-08-27 20:51:53 271
原创 排序算法的总结
学习了选择排序算法、插入排序算法、冒泡排序算法等。 选择排序算法: 时间复杂度是O(n*n) 主要思想是: 每次循环是第i个与后面的元素逐个比较,一次循环后得出了最大值,放在了第i个位置上 插入排序算法: 1. 从第i个元素开始,逐个比较i-1到0个元素,谁大谁小。在每次比较的过程中是交换比较的元素 由于每次比较采用的是交换每个元素,交...
2018-08-20 20:46:39 121
原创 数据结构之排序算法(五)
// 索引堆function swap(arr, x, y) { var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } // 索引堆 存储结构为两个数组 第一个数组 为索引 第二个数组为 值 ...
2018-08-20 20:43:22 127
原创 数据结构之排序算法(四)
// 二叉堆 // 父亲节点大于等于 子节点 // 是一颗完全二叉树 function swap(arr, x, y) { var temp = arr[x]; arr[x] = arr[y]; arr[y] = temp; } class M...
2018-08-17 16:55:32 205
原创 数据结构之排序算法(三)
// 交换函数 function swap(arr, a, b){ var temp = arr[a]; arr[a] = arr[b]; arr[b] = temp; } // 快速排序 // 返回 p 保证 arr[l...p-1] < arr[p] 且 arr[p+1...r] > arr[p]...
2018-08-16 14:55:48 126
原创 数据结构之排序算法(二)
// 归并排序 // 自顶向下 归并过程 function Merge(arr, l, mid, r) { var newArr = [] var x = l; var y = mid +1; while(x<= mid && y<= r){ if...
2018-08-16 11:03:09 99
原创 数据结构之排序算法(一)
时间复杂度为 0(n*n) //选择排序算法的实现// 主要思想是 从第i个开始 逐一与 n-i 个比较 这样一趟循环下来 第一个就是最大(最小)值 function selectSort(arr) { var len = arr.length; for(var i=0; i<len-1; i++) for(var...
2018-08-14 16:27:08 96
原创 webpack打包过程
1. cnpm install html-webpack-plugin --save-dev 下载plugin2. 配置plugin文件对应的plugin 插件3. 运行npm run build
2018-04-17 16:08:23 560
原创 webpack安装
1. 首先要有最新版本的node2. 安装时由于npm过慢,我们使用cnpm淘宝镜像npm install -g cnpm --registry=https://registry.npm.taobao.org你可能会遇到错误(不支持win32平台) --》解决办法 降低npm的版本 npm install@4.6.1 就可以3. npm init -y(其中scripts 中的两个变量自己...
2018-04-17 11:51:57 639
原创 我的zhiwen(三)dialog
//登入时 信息提示 $("#loading").dialog({ autoOpen:false, modal :true, closeOnEscape :false, resizeable : false, draggable : false, width: 180, height : 5...
2018-03-06 19:23:14 149
原创 我的zhiwen(二)邮箱的提示信息
//邮箱的提示信息 $("#email").autocomplete({ delay:0, 没有延迟 autoFocus:true, source : function(request,response){ //request 获取输入的内容 //alert(request.term); ...
2018-03-06 19:07:07 284
原创 我的zhiwen(一)
以下是针对jquery ui进行的记录$(".header_button #search_button").button(); // 利用jquery ui设置元素成按钮形状(该元素可以是按钮,也可以不是按钮)jquery ui自带的样式 给按钮添加样式,自己也可以更改 //给查询按钮添加图标 $( "button[id=search_button]" ).button({...
2018-03-06 19:01:57 151
原创 php 之数据库(简单的记录)
header('Content-Type:text/html;charset=utf-8'); define('DB_HOST','localhost') define('DB_USER','root'); define('DB_PWD','密码'); -----》你的数据库登入密码 define('DB_NAME','数据库名称'); ----》指明哪...
2018-03-06 11:56:17 226
原创 关于我理解的闭包(一)
闭包是什么?《js高级程序设计》这样指出:闭包是指有权访问另一个函数作用域中的变量的函数。首先它是一个函数,其次它还可以访问另一个函数作用域中的变量看下面一个例子:function foo(){ var a=10; function bar(){ a*=2; } bar(); return
2017-12-19 19:14:06 144
原创 文章标题
今天我看书的时候,看到了javascript的sort排序,对于不是这两种类型 :数值类型或者valueOf()方法返回数值类型的对象类型我还能理解,但是对于是这两种类型,我百思不得其解,最后去网上找找,弄懂了一些var values =[0,1,5,10,15]; values.sort(); alert(values); //0,1,10,15,5结果和我们所想要的不一样这时可以加上 f
2017-12-02 22:43:34 118
原创 欢迎使用CSDN-markdown编辑器
alert(a); ——-1 a(); ——-2 var a=3; ——-3 function a(){ ——-4 alert(10); } alert(a); ——-5 a=6; ——-6 a(); ——-7//结果是依次显示function
2017-10-20 20:24:15 141
空空如也
关于Math.max 参数问题
2017-12-06
TA创建的收藏夹 TA关注的收藏夹
TA关注的人