- 博客(24)
- 收藏
- 关注
RSS订阅原创 类、符号、对象和装饰器
类、符号、对象和装饰器类类的使用// 类的声明class Fruit {}// 等价于构造函数的声明function Fruit() { }注意： 类的声明与构造函数的声明不同点：类的声明没有作用域的提前类的属性和方法constructor方法：在类的实例化的时候，constructor方法会自动调用。并且实例化时的参数都会被constructor方法接收class Log { constructor(...args) { consol
2021-09-26 23:31:17
247
1
原创 ES6基础
ES6基础对象字面量属性值得简写// 原先的写法var listeners = [];function listen(){};var events = { listeners: listeners, listen: listen,}// ES6简写：当对象的属性名和所引用的变量名相同时，可以简写var listeners = [];function listen(){};var events = { listeners, listen,}
2021-09-25 21:23:04
172
原创 MongoDB基础操作及模块化
MongoDB基础操作及模块化文件结构数据库的连接db文件下的index.js// 引入mongooseconst mongoose = require("mongoose")// 将数据库连接暴露出去module.exports = new Promise((resolve, reject) => { mongoose.set("useCreateIndex", true) //解决第三个 // 连接数据库 mongoose .connect("mongodb:
2021-06-11 16:17:56
363
2
原创 vue.config.js文件配置
vue.config.js文件配置module.exports = { // 关闭eslint lintOnSave: false, // 服务器配置 devServer: { // 静态资源路径 contentBase: path.join(__dirname, 'public'), // 端口号 port: 8848 }, // 所有webpack相关的配置都放着这里写 configureWebpack: { resolve:
2021-06-10 18:02:26
188
原创 CommonJs的模块规范和ES6的模块规范
CommonJs的模块规范和ES6的模块规范模块规范在javascript中每一个文件都被视为一个模块。而模块之间的通信规范就叫做模块规范。目前使用最广泛的两种规范有两种CommonJs模块规范ES6模块规范CommonJs模块规范在CommonJs模块规范中存在两个变量module.exports和exports。这两个变量都是对象，且两个对象都指向同一个存储空间，默认值是{}。在接收文件中，使用require(路径)的方式来接受，所接收的内容就是module.exports所
2021-06-10 17:53:04
212
原创 捕获错误的几种方式
关于捕获错误的几种方式try/catch使用范围：在同步函数中，可以使用try/catch捕获错误信息。var b = 0;try { console.log(a); //变量a不存在，发生错误} catch (err) { //catch()捕获error name=err console.log(b = 1); //执行此代码以矫正错误 if (confirm("对还是错？")) { //弹出对话框，显示信息“对还是错？”和“确定”/“取消”按钮
2021-06-02 22:51:10
1139
原创 Props接收父组件在created中创建的数据
Props接收父组件在created中创建的数据1.在created中创建的数据的用途一般在created生命周期中创建的数据都是一个 常量，并不会发生改变。因此在created中创建的数据一般都用作常量。2.在created中创建的数据的特点根据Vue的官方文档的描述，没有在data中初始化的数据是不具有响应式的特性。其本质是所有在生命周期data后创建的数据都不具有响应式的特性。因为数据的响应式特性会在data这个生命周期完成。因此改变created中创建的数据时，并不会同步到页面中。&l
2021-04-25 13:11:09
1527
原创 session和cookie
session和cookieCookiecookie：浏览器在电脑硬盘中开辟的一块空间，主要供服务器端存储数据。cookie中的数据是以域名的形式进行区分的。cookie中的数据是有过期时间的，超过时间数据会被浏览器自动删除。**cookie中的数据会随着请求被自动发送到服务器端。**总结就是cookie是一块客户端的存储空间，作用：供服务器端存储数据，减小服务器端的压力至于是怎么供服务端存储数据，等会来讲解sessionsession：实际上就是一个对象，存储在服务器端的内存中
2020-12-04 20:46:33
112
原创 element-ui组件学习
element-ui组件的大致分类element-ui的组件大致分为以下几类：BasicFormDataNoticeNavigationOther组件分类的大致意思basic组件类型是一些关于页面布局、按钮和icon等相关类型的组件。关于布局方面有Layout栅格布局和Container布局容器等等Layout布局：Container容器布局：form组件类型form包含了所有与表单相关的组件比如Upload上传组件data组件类型data组
2020-11-17 13:44:44
1343
原创 前端开发中要使用到的第三方包或插件作用
前端开发中的第三方包、库和插件Vue-table-with-tree-grid在element-ui的table组件中没有带有树形结构的表格组件，则需要导入第三方的库。[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-SYEM7VeA-1605590288204)(C:\Users\cohhe\Desktop\20200907164403445.png)]Vue-quill-editor(富文本编辑器)Echarts（将数据显示为图表的组件）Lodash包（封装了
2020-11-17 13:18:35
816
原创 数据结构-图
图图是一种较线性表和树更加复杂的数据结构。主要是表示节点之间多对多的关系。在计算机科学中，图是一种网络结构的抽象模型，它是一组由边连接的顶点组成。一个图*G = (V, E)*由以下元素组成：V：一组顶点E：一组边，连接V中的顶点注意：顶点的集合是非空的无向边、有向边、无向图、有向图、稀疏图、稠密图、出度、入度这些相关概念之后会补充。首先，我们知道了一个数据结构之后，我们要知道如何去表示它。表示图一般有四种方式：邻接矩阵、邻接表、十字链表、邻接多重表首先介绍一下邻接矩阵的表示方式
2020-09-27 21:58:05
548
原创 Java script学习笔记
Java script学习考点原生js获取元素的方式总结document.getElementById(“id属性值”)；document.getElementsByTagName(“标签名”)；document.getElementsByName(“name属性值”)；document.getElementsByClassName(“类样式名”)；document.querySelector(“选择器的名字”) document.querySelectorAll(“选择器的名字”)
2020-08-30 18:53:06
555
原创 其他的一些算法概念
其他的一些算法概念原地算法一句话总结就是: 原地算法不依赖额外的资源或者依赖少数的额外资源，仅依靠输出来覆盖输入的一种算法操作。假设要将具有 n 项内容的数组 a 翻转过来。一种看似简单的方法是创建一个大小相等的新数组，用适当的顺序填充副本，然后再删除： function reverse(a[0..n-1]) allocate b[0..n-1] # 额外设定一个数组 for i from 0 to n-1 # 从 0 到 n-1 遍历数组 a b[n -1
2020-08-30 18:51:51
286
原创 web的查找算法
web的查找算法顺序查找数据的存储方式是顺序存储，查找时从第一个开始往后查找。说明：顺序查找适合于存储结构为顺序存储或链接存储的线性表。顺序查找的时间复杂度为O(n)。/** * * @param {被查找数组} arr * @param {查找的关键值} value */function SequenceSearch(arr, value){ for(let i = 0; i < arr.length; i++){ if (arr[i] == value)
2020-08-30 18:51:16
418
原创 web排序算法
web算法冒泡排序1.冒泡排序思路，两两比较一共比较arr.length-1趟2.每一趟的结果是把最小的排前面，（要做到这个所以要进行arr.length-1-i次比较。）要减去i是因为前面已经排好的就无意义了3.若前面的数大于后面的数则两者之间进行交换，引入temp。var arr=[3,2,14,23,1]; for(var i=0;i<arr.length-1;i++){ for(var j=0;j<arr.length-1-i;j++){ if(arr[j]>
2020-08-30 18:49:25
1370
原创 桶排序与计数排序
桶排序桶排序是计数排序的升级版。它利用了函数的映射关系，高效与否的关键就在于这个映射函数的确定。为了使桶排序更加高效，我们需要做到这两点：在额外空间充足的情况下，尽量增大桶的数量使用的映射函数能够将输入的N个数据均匀的分配到K个桶中同时，对于桶中元素的排序，选择何种比较排序算法对于性能的影响至关重要。什么时候最快（Best Cases）：当输入的数据可以均匀的分配到每一个桶中什么时候最慢（Worst Cases）：当输入的数据被分配到了同一个桶中计数排序虽然计数排序看上去很强大，但是它存在
2020-08-30 18:45:36
176
原创 Async/Await的原理及简单实现
Async/Await的原理及简单实现// 定义了一个promise，用来模拟异步请求，作用是传入参数++function getNum(num){ return new Promise((resolve, reject) => { setTimeout(() => { resolve(num+1) }, 1000) })}//自动执行器，如果一个Generator函数没有执行完，则递归调用function as
2020-08-30 18:44:33
514
转载 原型、构造函数、实例对象的prototypt、__proto__之间的关系
原型、构造函数、实例对象的prototypt、__proto__之间的关系
2020-06-06 23:01:36
232
原创 React中的代码提示插件
React的语法提示—react-es6安装Sublime Package Manager。通过命令行打开: ctrl+shift+p输入React, 选中React ES6 Snippets效果图为
2020-02-24 21:07:51
2506
原创 React中的代码高亮
sublime中使用babel插件，是jsx文件语法高亮安装Sublime Package Manager，通过命令行打开： ctrl+shift+p输入babel，安装配置打开菜单view -> Syntax -> Open all with current extension as… -> Babel -> JavaScript (Babel)。意思是选择ba...
2020-02-24 20:39:25
707
原创 React的代码格式化插件jsfmt
安装jsfmt光安装jsfmt是不行的，还需要esformatter 和esformatter -jsx这两个插件安装esformatter 和 esformatter-jsxnpm i esformatter@latest esformatter-jsx@latest修改配置文件修改jsfmt的setting-user{“extensions”:[“js”,“jsx”,“...
2020-02-24 20:32:35
1459
原创 sublime需要使用的插件
鼠标跟随光标快捷键：control+shift+p，如图 输入 package control，单击install package（稍等片刻进入安装插件界面）如果没有立刻失效，重启sublime即可tab键跳过花括号List item按右方向键,可以跳出括号，但离得太远按起来太麻烦影响手速，我们可以实现通过按tab自动跳过右括号,右引号。Preferences->Key Bi...
2020-02-22 23:57:27
221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人