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