- 博客(24)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 数据结构与算法之链表及常用操作
什么是链表？链表是一种用于存储数据的线性结构，链表和数组一样，可以用于存储一系列的元素，但是链表和数组的实现机制完全不同链表类似于火车：有一个火车头，火车头会连接一个节点，节点上有乘客（类似于数据），并且这个节点会连接下一个节点，以此类推 链表的特点：1.存储多个元素2.链表中的元素在内存中不必是连续的空间3.链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用zucheng相对于数组，链表的一些优势1.内存空间不是必须连续的，可以充分利用计算机的内...
2021-11-17 23:57:00
534
原创 javascript中的宏任务和微任务
之前的话我自己也是在网上查了很多的资料，关于宏任务和微任务的执行时机，以下的是我自己做的关于宏任务和微任务的小总结。首先看一下事件循环机制的基础模型 1. 由各种io操作 (setTimeout/ ajax) 生成的事件会被先放到任务队列中等待被执行 2. 任务队列有一个特点 谁先进入谁先执行 3. 任务队列中的代码 只有成功进入到主线程 才能被执行哪些是宏任务，哪些是微任务呢？宏任务：script整体代码，setTimeout，setInterval微...
2021-10-23 23:56:42
223
原创 vue中MVC和MVVM的区别
MVVM 基本定义MVVM 即 Model-View-ViewModel 的简写，即模型-视图-视图模型，模型（Model）指 的是后端传递的数据，视图(View)指的是所看到的页面，视图模型(ViewModel)是 mvvm 模式的核 心，它是连接 view 和 model 的桥梁。它有两个方向：1.将模型（Model）转化成视图(View)，即将后端传递的数据转化成所看到的页面，实现的方式是：数据绑定，2.将视图(View)转化成模型(Model)，即将所看到的页面
2021-10-19 23:14:31
353
原创 css中的flex布局
Flex布局/弹性布局：是一种布局模型布局网页更简单、灵活避免浮动脱标的问题设置方式父元素添加 display: flex，子元素可以自动的挤压或拉伸组成部分 弹性容器弹性盒子主轴侧轴 / 交叉轴主轴方向使用flex-direction改变元素排列方向主轴默认是水平方向, 侧轴默认是垂直方向修改主轴方向属性: flex-direction对齐方式主轴对齐方式修改主轴对齐方式属性: justify-c..
2021-10-06 23:36:31
299
原创 html5，css3的新特性
HTML5新特性HTML5 的新增特性主要是针对于以前的不足，增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，如果不考虑兼容性问题，可以大量使用这些新特性。语义化标签<header> 头部标签<nav> 导航标签<article> 内容标签<section> 定义文档某个区域<aside> 侧边栏标签<footer> 尾部标签多媒体
2021-10-05 22:50:41
134
原创 git版本管理基本使用
常用命令git init初始化一个本地仓库注意事项一个项目（项目文件夹），只需要初始化一次不能嵌套的 在项目的子文件夹中再次初始化初始化后，会出现一个 .git 的隐藏文件夹。Git内部实现，离不开它维护的三个区域工作区暂存区仓库（最终，以仓库的形式记录代码的版本）git status 查看文件的状态git status -s 查看简略版信息git log查看日志git log查看日志的命令 按 ↓ 键，可以查看剩余的日志按 q 键，...
2021-09-30 22:02:05
119
原创 浅谈AJAX
Ajax介绍AJAX是异步的JavaScript和XML（Asynchronous JavaScript And XML）。简单点说，就是使用浏览器内置对象 XMLHttpRequest 与服务器通信。可以使用JSON，XML，HTML和text文本等格式发送和接收数据。Ajax的应用场景搜索建议提示地图验证用户名是否存在网页聊天室无刷新的分页总之，在不刷新页面的情况下，还要完成页面和服务器的数据交互，都可以使用AjaxGET和POST请求方式当使用浏览器和服务器
2021-09-28 00:04:05
326
原创 javascript中的解构赋值，面向对象
解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构数组解构: 将数组中的值一一对应的方式取出赋值给变量数组解构语法: let [变量1, 变量2, 变量3] = 数组;<script> let [name1, name2, name3] = ['a', 'b', 'c']; console.log(name1, name2, name3);</script>对象解构: 将对象中的属性或方法取出赋值给变量语..
2021-09-25 22:51:18
97
原创 javascript进阶语法，作用域，作用域链，闭包
作用域全局作用域：在javaScript中,函数外部的所有作用范围都称为全局作用域全局变量：在全局作用域中定义的变量,叫全局变量全局变量特点：在全局作用域中的全局变量可以在任何地方被访问到上代码：<script>let a = 123 //变量a是一个全局变量function fn() {} //函数fn是一个全局变量 let ary = []</script>局部作用域(函数作用域)局部作用域: 在函数内部形成的作用范围称为局部作用.
2021-09-24 23:10:02
65
原创 javascript中的赋值运算符，一元运算符，循环语句的使用
赋值运算符和一元运算符赋值运算符：=其他赋值运算符：+=-=*=/=%=使用这些运算符可以在对变量赋值时进行快速操作赋值运算符 +=let num = 1num += 1 //等同于 num = num + 1console.log(num) //2-=同理一元运算符众多的 JavaScript 的运算符可以根据所需表达式的个数，分为一元运算符、二元运算符、三元运算符一元运算符let res = !true二元运算符：需要两个表达式
2021-09-23 23:07:07
202
原创 javascript基础，比较，逻辑运算符，流程控制语句
比较运算符：作用：比较两个数据大小、是否相等> ： 左边是否大于右边<： 左边是否小于右边>=： 左边是否大于或等于右边<=： 左边是否小于或等于右边==： 左右两边是否相等===： 左右两边是否类型和值都相等!==： 左右两边是否不全等比较结果为boolean类型，即只会得到true或false比较运算符的细节：字符串比较，是比较的字符对应的ASCII码从左往右依次比较如果第一位一样再比较第二位，以此类推ASCII字符代码
2021-09-22 23:20:23
98
原创 JavaScript基础 - 函数和对象的基本使用
函数的介绍和基本使用函数：function，是被设计为执行特定任务的代码块说明：函数可以把具有相同或相似逻辑的代码“包裹”起来，通过函数 调用执行这些被“包裹”的代码逻辑，这么做的优势是有利于精 简代码方便复用基本语法函数的声明语法例如：function sayHi() { document.write('hai~')}函数名命名规范1.和变量命名基本一致2.尽量小驼峰式命名法3.前缀应该为动词4.命名建议：常用动词约定..
2021-09-21 21:36:17
179
原创 node.js中的express
express 介绍Express 是一个第三方模块，用于快速搭建服务器（替代http模块） Express 是一个基于 Node.js 平台，快速、开放、极简的 web 开发框架。Express保留了http模块的基本API，使用express的时候，也能使用http的APIexpress还额外封装了一些新方法，能让我们更方便的搭建服务器express提供了中间件功能，其他很多强大的第三方模块都是基于express开发的安装 express项目文件夹中，执行 npm i ex.
2021-09-18 23:45:29
1797
原创 npm包管理工具和mysql数据库
介绍npm（node package manage）node 包 管理器。管理node包的工具。包是什么？包就是模块。（包约等于模块，一个包可以包括一个或多个模块）npm这个工具，在安装 node 的时候，就已经安装到你的计算机中了。命令行中执行： npm -v ，如果看到版本号，说明安装成功了。什么是第三方模块非node自带的模块。也不是自定义的模块。是别人写的模块，然后发布到npm网站，我们可以使用npm工具来下载安装别人写的模块。第三方模块，都是在node核心模块的基础
2021-09-15 22:57:28
925
原创 初识Node.js与模块
浏览器中的JavaScript的组成部分浏览器中的JS ECMAScript（核心语法）ES3 --> ES4 --> ES5 --> ES6(2015) --> ES2016 -->ES2017 ..... 变量、常量 数据类型 函数 流程控制（if、switch、for、while、for...in、continue、break） 运算符 JS内置对象（Array、Strin
2021-09-15 00:02:27
114
原创 webpack的基本使用
铺垫yarn包管理器(必须)下载yarn下载地址: 安装 | Yarn 中文文档https://yarn.bootcss.com/docs/install/#windows-stable 使用yarn（与npm类似 ）# 1. 初始化, 得到package.json文件(终端路径所在文件夹下)yarn init# 2. 添加依赖(下包)# 命令: yarn add [package]# 命令: yarn add [package]@[version]yarn add jq.
2021-09-14 00:06:20
118
原创 vue中的路由
前端路由作用: 实现业务场景切换因为Vue是单页面应用(SPA): 所有功能在一个html页面上实现路由的优点： 整体不刷新页面，用户体验更好 数据传递容易, 开发效率高 #哈希值后面传入参数过程： 首次加载会比较慢一点。不利于seovue-router基本使用官网: Vue Routerhttps://router.vuejs.org/zh/vue-router模块包 它和 Vue.js 深度集成安装： yarn add vue-...
2021-09-13 00:22:35
890
原创 vue的生命周期
什么是vue生命周期?VUE组件从 创建 到 销毁 的整个过程就是生命周期作用: 特定的时间点，执行特定的操作；场景: 组件创建完毕后，可以在created 生命周期函数中发起Ajax 请求，从而初始化 data 数据分类: 4大阶段8个方法初始化阶段1.new Vue() – Vue实例化(组件也是一个小的Vue实例)2.Init Events & Lifecycle – 初始化事件和生命周期函数3.beforeCreate – 生命周期钩子函数被执行4.I
2021-09-12 00:46:48
106
原创 vue计算属性，过滤器，侦听器，JS中的回流与重绘
重绘与回流(重排)的概念：回流(重排): 当浏览器必须重新处理和绘制部分或全部页面时，回流就会发生重绘: 不影响布局, 只是标签页面发生变化, 重新绘制注意: 回流(重排)必引发重绘, 重绘不一定引发回流(重排)JSON的方法使用：JSON.stringify(JS数据) - 把JS数据序列化成JSON格式字符串JSON.parse(JSON字符串) - 把JSON格式化字符串, 再转回成JS数据v-for 更新监测数组变更方法, 就会导致v-for更新, 页面更新...
2021-09-11 00:08:01
620
原创 函数防抖和节流
自动换行 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initia...
2021-09-09 22:25:10
37
原创 vue基础
Vue是什么?渐进式javacript框架, 一套拥有自己规则的语法什么是渐进式?渐进式: 逐渐进步, 想用什么就用什么, 不必全都使用Vue渐进式: Vue从基础开始, 会循序渐进向前学习框架: 拥有自己的规则和元素Vue学习的方式传统开发模式：基于html/css/js文件开发vue工程化开发方式：在webpack环境中开发vue，这是最推荐, 企业常用的方式vue/cli脚手架vue/cli是Vue官方提供的一个全局模块包(得到vue命令), 此包用于创建.
2021-09-09 21:55:23
102
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人