自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(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

原创 文章标题

数组去掉重复项

2017-10-22 12:13:10 130

原创 欢迎使用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

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除