- 博客(140)
- 收藏
- 关注
RSS订阅原创 数据结构7--二叉搜索树和二叉平衡树
1.二叉搜索树的特点 (BST, Binary Search Tree)非空左子树的所有键值小于其根节点的键值非空右子树的所有键值大于其根系欸但的键值左、右子树本身也是二叉搜索树...
2020-03-02 00:53:13
428
原创 数据结构6--树和二叉树
数组优点：按照下标值访问，效率高缺点：如果希望根据元素查找对应的位置，需要对数组进行排序生成有序数组，才能提高查找效率。另外向数组的首位或中间位置插入或者删除元素时，需要有大量的位移操作。链表优点：插入和删除操作效率都很高缺点：查找效率很低，每次都要从头开始依次访问链表中的数据项。另外，如果要删除或者插入中间位置的元素，还是需要从头开始找到对应的数据哈希表优点：插入 删除和查找效率...
2020-03-01 00:57:00
485
原创 数据结构5--集合
集合中的元素：无序，不能重复集合类似于set//封装setfunction Set(){ this.items = {} //查找 Set.prototype.has = function(value){ return this.items.hasOwnProperty(value); } //添加 Set.prototype...
2020-02-29 15:26:16
568
原创 数据结构4--双向链表
单向链表的缺点：只能单向遍历，根据当前节点能找到下一个节点，但是很难找到上一个节点双向链表：参考文章有头节点head和尾节点tailfunction DoubleLinkedList() { this.length = 0;//链表长度 this.headerNode = null;//头节点 this.tailNode = null;//尾节点 fu...
2020-02-29 01:38:23
491
原创 数据结构2--链表
数组的特点：数组的创建通常需要申请一段连续的内存空间(一整块的内存), 并且大小是固定的(大多数编程语言数组都是固定的),如果当前数组不能满足容量需求时, 需要扩容。(一般情况下是申请一个更大的数组, 比如2倍. 然后将原数组中的元素复制过去)。链表的特点：链表中的元素在内存中不必是连续的空间，可以充分利用计算机的内存实现灵活的内存动态管理。链表的每个元素由一个存储元素本身的节点和...
2020-02-28 22:59:00
453
原创 数据结构1--栈和队列
栈在栈顶删除和插入 后进先出参考文章//封装一个栈function Stack(){ this.items = []; Stack.prototype.push = function(ele){ //向栈顶插入元素 this.items.push(ele); }; Stack.prototype.pop = functi...
2020-02-28 18:13:36
366
原创 CSS--边框、内外边距、元素宽高、清空默认样式、行高和字号
四个方向：上 右 下 左边框border：连写设置边框 border: 宽度 样式 颜色;如 border: 1px solid #000;宽度可省略，颜色可省略（默认黑色），样式不可省略设置边框的样式：border-style取值：solid（实线）none（无边框）dashed（虚线）dotted（点线）四个边框的交界处是用斜线分割开的： border...
2020-02-24 20:16:32
2302
原创 css--移动端
媒体查询@media 1.通过媒体查询 媒体查询主要是通过查询设备的宽度来执行不同的css代码，最终达到界面的配置 2.媒体查询优势 简单, 哪里不对改哪里 调整屏幕宽度的时候不用刷新页面即可响应式展示 特别适合对移动端和PC维护同一套代码的时候 3.媒体查询劣势 由于移动端和PC端维护同一套代码, 所以代码量比...
2020-02-24 16:53:14
1289
原创 CSS--单位/视口/物理像素和css像素
像素(Pixel) 在前端开发中视口的水平方向和垂直方向是由很多小方格组成的, 一个小方格就是一个像素 例如div尺寸是100 x 100, 那么水平方向就占用100个小方格, 垂直方向就占用100个小方格 像素特点：不会随着视口大小的变化而变化, 像素是一个固定的单位(绝对单位)百分比 百分比是前端开发中的一个动态单位, 永远都是以当前...
2020-02-24 13:51:30
733
原创 js编程--对象深拷贝/函数防抖/函数节流
对象深拷贝使用Object.assign(obj2,obj1)将obj1中 function depCopy(target, source) { // 1.通过遍历拿到source中所有的属性 for(let key in source){ // 2.取出当前遍历到的属性对应的取值 ...
2020-02-20 15:07:01
509
原创 移动端轮播图swiper
/* /* 1.什么是swiper? Swiper是纯javascript打造的滑动特效插件，面向PC、平板电脑等移动终端。 Swiper能实现触屏焦点图、触屏Tab切换等常用效果。 Swiper开源、免费、稳定、使用简单、功能强大，是架构移动终端网站的重要选择！ 2.如何使用: 2.1引入swiper对应的css和j...
2020-02-15 20:04:22
711
原创 iScroll滚动插件
/* 1.什么是iScroll? iScroll是一个高性能，资源占用少，无依赖，多平台的javascript滚动插件。 iScroll不仅仅是滚动。在你的项目中包含仅仅4kb大小的iScroll，能让你的项目便拥有滚动，缩放，平移，无限滚动，视差滚动，旋转功能 2.iScroll基本使用 2.1按照iScroll的规定搭建HTML结构 2...
2020-02-15 18:42:37
850
原创 跨域
参考：JavaScript 跨域总结与解决办法JSONP/* JSONP实现跨域访问的原理 1.在同一界面中可以定义多个script标签 2.同一个界面中多个script标签中的数据可以相互访问 3.可以通过script的src属性导入其它资源 4.通过src属性导入其它资源的本质就是将资源拷贝到script标签中 5.script的src属性不...
2020-02-15 17:59:23
197
原创 SVG和Canvas对比
位图和矢量图 1.位图 传统的 jpg / png / gif图都是位图 位图是一个个很小的颜色小方块组合在一起的图片。一个小方块代表1px 优点: 色彩丰富逼真 缺点: 放大后会失真, 体积大 2.矢量图 矢量图是用XML格式定义, 通过各种「路径」和「填充颜色」来描述渲染的的图片 优点: 放大后不会失真, 体积小 缺点: 不易制...
2020-02-15 17:23:53
632
原创 Zepto
1. Zepto是Jquery的移动版2.官方网址:英文版：http://zeptojs.com/中文版：http://www.css88.com/doc/zeptojs_api/3. 模块化开发Zepto采用了模块化的开发, 将不同的功能放到了不同的模块中在使用的过程中我们可以按需导入, 也就是需要什么功能就导入什么模块 如果是从官方网站下载的, 那么已经包含了默认的一些模块如...
2020-02-15 16:57:16
212
原创 BOM4--网页滚动距离
IE9及以上浏览器 // console.log(window.pageXOffset); // console.log(window.pageYOffset);I8以下浏览器 // 标准模式下浏览器 // console.log(document.documentElement.scrollTop); /...
2020-02-10 20:49:36
334
原创 BOM3--标准模式和混杂模式，获取网页宽高
标准模式和混杂模式1.浏览器在渲染网页的时候有两种模式"标准模式"和"混杂模式"2.默认情况下都是以标准模式来进行渲染的(CSS1Compat)3.如果网页没有书写文档声明, 那么就会按照"混杂模式"来进行渲染的(BackCompat)4.使用document.compatMode可以获取网页的渲染模式获取网页宽高IE9及以上浏览器使用innerWidth/innerHeigh...
2020-02-09 21:25:55
392
原创 BOM2--getComputedStyle，currentStyle，style，offset，client和scroll
1.getComputedStyle/currentStyle/style 获取的宽高不包括 边框和内边距 2.offsetWidth/offsetHeight 获取的宽高包括 边框和内边距 3.getComputedStyle/currentStyle/offsetXXX 只支持获取, 不支持设置 4.style在这里插入代码片 ...
2020-02-09 20:48:15
341
原创 CSS--媒体查询
媒体查询：根基浏览器窗口的不同大小，设置元素的不同显示状态。 <!-- 1.在企业开发中, 如果需要分别给电脑/平板/手机分别设置样式, 那么我们会将电脑的样式写在前面, 平板的样式写在电脑的后面, 手机的样式写在平板的后面 2.在企业开发中媒体查询中指定的宽度不是固定的, 指定的宽度是根据自己企业的需求来指定的, 并没有一个固定的值代表电脑的, 也没有一个固定的值代...
2020-02-03 21:47:42
218
原创 Vue9--render和ref
renderVue渲染组件的两种形式：1.先注册组件，在Vue实例中通过标签名引用，此时不会覆盖实例控制区域2.注册组件，在Vue实例中通过render方法渲染，此时会覆盖实例控制区域<body><div id="app"> dddsfsfgdsfggs</div><template id="tem"> <p...
2020-01-26 22:58:24
281
原创 Vue8--watch
通过watch监听Model中数据的变化, 只要数据发生变化, 就会自动调用对应的回调函数body><div id="app"> <input type="text" v-model="num1"> <span>+</span> <input type="text" v-model="num2"> ...
2020-01-26 18:02:10
237
原创 Vue6--Vuex
Vuex实现数据共享<head> <meta charset="UTF-8"> <!--注意点: 在导入Vuex之前必须先导入Vue--> <script src="js/vue.js"></script> <!--导入Vuex--> <script src="js/vuex.j...
2020-01-10 14:12:36
204
原创 Vue4--过渡动画
在Vue中给元素添加过渡动画：将需要执行动画的元素放在transition标签中每一组transition标签只能控制一个标签的过渡动画，如果在transition中有多个标签，也只能在第一个标签添加过渡动画如果想给多个元素添加过渡动画, 那么就必须创建多个transition组件当transition组件中的元素显示时会自动查找.v-enter/.v-enter-active/.v-e...
2020-01-09 20:56:28
207
原创 Vue5--自定义组件/父子组件/组件多级传递/插槽
自定义全局组件在<template id="模板id">中定义模板在Vue.component中注册模板(“模板名”, {template: “#模板id”});在html中通过<模板名></模板名>使用模板在这里插入代码片...
2020-01-09 20:34:54
2946
原创 Vue2--计算属性/函数/过滤器/时间格式化
可以在{{}}中编写合法的JavaScript表达式，但是对于复杂逻辑，存在代码难懂不易理解的缺点。计算属性通过在Vue实例的computed中使用函数计算属性，并将函数的返回值赋值给变量值注意点:虽然在定义计算属性的时候是通过一个函数返回的数据，但是在使用计算属性的时候不能在计算属性名称后面加上()， 因为它是一个属性不是一个函数(方法)。<body> <di...
2020-01-06 12:37:18
2388
原创 Vue1--数据绑定/常用指令/自定义指令
Vue:1.通过数据驱动界面更新，无需操作DOM更新界面2.组件化开发：将网页拆分成一个个独立的组件编写，再通过封装好的组件拼接成一个完整的页面。vue的基本模板<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title&l...
2020-01-05 21:14:22
696
原创 Node6--http模块
通过http模块，可以快速搭建web服务器，实现发送并相应浏览器请求等功能。步骤：1. 导入http模块 let http =require('http');2. 创建服务器实例对象 let server = http.createServer();3. 绑定请求事件server.on('request',function(req,res){ res.end('aaa');//...
2019-12-31 15:34:39
236
1
原创 Node5--文件模块fs
查看文件状态fs.stat(path[, options], callback)fs.statSync(path[, options])第一个参数是要查看的文件 路径，第三个参数是回调函数let fs = require('fs');fs.stat(__dirname,function(err,stats){ console.log(stats); /* St...
2019-12-31 11:40:50
215
原创 Node4--path
Path模块没有添加到Global上, 所以使用时需要手动导入1.模块导入 let path = require("path");2.获取路径的最后一部分 path.basename(path[, ext])3.获取路径 path.dirname(path)4.获取扩展名称 path.extname(path)5.判断是否是绝对路径path.isAbsolute(path)6.获取当前...
2019-12-30 16:34:14
252
原创 Node3--Buffer
计算机中的度量单位1 B(Byte字节) = 8 bit(位)1 KB = 1024 B1 MB = 1024KB1 GB = 1024MBBuffernode全局对象中，用来存储字节数据的一个类。Buffer对象本质就是一个数组创建一个指定大小的Buffer：Buffer.alloc(size[, fill[, encoding]])根据数组/字符串创建一个Buffer对象...
2019-12-30 15:50:24
251
原创 Node2--包和包管理npm
在模块化开发中，尽量让一个模块（文件）只完成一个特定的功能但是复杂的功能实现，可能需要多个模块共同完成，维护多个模块之间关系的东西就是"包"简而言之: 一个模块是一个单独的文件, 一个包中可以有一个或多个模块在NodeJS中为了方便开发人员发布、安装和管理包, NodeJS推出了一个包管理工具NPM(Node Package Manager)NPM不需要我们单独安装, 只要搭建好Node...
2019-12-30 14:41:46
183
原创 Node1--CommonJS规范/模块导出的形式/require
NodeJS采用CommonJS规范实现了模块系统CommonJS规范规定了如何定义一个模块, 如何暴露(导出)模块中的变量函数, 以及如何使用定义好的模块- 在CommonJS规范中一个文件就是一个模块- 在CommonJS规范中每个文件中的变量函数都是私有的，对其他文件不可见的- 在CommonJS规范中每个文件中的变量函数必须通过exports暴露(导出)之后其它文件才可以使用- ...
2019-12-30 14:32:20
698
原创 Node0--简介/环境搭建/node环境和浏览器环境的区别
V8引擎和Node.js参考：node中文文档V8引擎是专门解释和执行js代码的虚拟机，任何程序只要集成了V8引擎都可以执行JS代码例如：将V8引擎嵌入到浏览器中，js代码就能被该浏览器所执行。将V8引擎嵌入到NodeJS中，js代码就能被NodeJS执行。Node.JS 不是一门编程语言 是一个运行环境 --> Node.js 是一个基于"Chrome V8 引擎" 的J...
2019-12-30 13:51:03
956
原创 bootstrap
Bootstrap是twitter公司推出的，专门用于开发响应式布局、移动设备优先的 WEB 框架。Bootstrap3和4的区别：1. CSS预处理器不同, Bootstrap3采用Less, Bootstrap4采用SASS2. 格栅种类不同, Bootstrap3提供4种格栅, Bootstrap4提供5种格栅3. 使用单位不同, Bootstrap3使用px作为单位, Boots...
2019-12-21 21:48:15
276
原创 JS笔记3.6--单线程
JS是单线程的–>所以JS中的代码都是串行的, 前面没有执行完毕后面不能执行作为浏览器脚本语言，JavaScript的主要用途是与用户互动，以及操作DOM。这决定了它只能是单线程，否则会带来很复杂的同步问题。如果JS是多线程的：现在有一个线程要修改元素中的内容, 一个线程要删除该元素, 这时浏览器应该以哪个线程为准？同步和异步：除了"事件绑定的函数"和"回调函数"以外的都是同步代码...
2019-12-20 16:44:29
160
原创 同源策略
同源策略 同源策略（Same origin policy）是一种约定，它是浏览器最核心也最基本的安全功能 所谓同源是指: 协议，域名，端口都相同,就是同源, 否则就是跨域 以http://www.it666.com:80/index.html为例： 协议: http/https/... 一级域名: it666.com 二级域名: www 端口号:...
2019-12-19 16:40:37
269
原创 Cookie/SessionStorage/LocalStorage区别
1.生命周期 Cookie生命周期: 默认是关闭浏览器后失效, 但是也可以设置过期时间 SessionStorage生命周期: 仅在当前会话(窗口)下有效，关闭窗口或浏览器后被清除, 不能设置过期时间 LocalStorage生命周期: 除非被清除，否则永久保存 2.容量 Cookie容量: 有大小(4KB左右)和个数(...
2019-12-19 15:17:15
174
原创 cookies
参考文章： cookies w3cCookies 用于存储 web 页面的用户信息。当浏览器从服务器上请求 web 页面时， 属于该页面的 cookies 会被添加到该请求中。服务端通过这种方式来获取用户的信息。JavaScript 可以使用 document.cookie 属性来创建 、读取、及删除 cookies。 /* cookie: 会...
2019-12-15 19:52:41
243
原创 ajax--xml和json
xml：可扩展标记语言作用：传输数据（HTML用来显示数据）没有预定义标签，需要自定义标签xml是纯文本文件xml第一行需要声明<?xml version="1.0" encoding="UTF-8" ?>需要自定义根标签。而且所有标签必须闭合以下是一个xml文件示例：<?xml version="1.0" encoding="UTF-8" ?> //xm...
2019-12-15 13:44:57
212
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人