- 博客(27)
- 收藏
- 关注
RSS订阅原创 MongoDB配置安全选项(security:authorization enabled)后启动不了服务
如果将mongod.conf 或者 mongod.cfg 文件里面的security修改为了 authorization: enabled如果无法启动MongoDB服务，先排除是否是配置文件的格式是否正确
2022-12-29 12:40:38
2980
原创 什么是∨ue生命周期
V ue.实例从创建到销毁的过程，就是生命周期。从开始创建、初始化数据、编译模板、挂载dom →渲染、更新→渲染、销毁等一系列过程称之vue的生命周期。Dom渲染在mounted中就已经完成了。
2022-01-23 16:01:49
574
原创 跟随鼠标的粒子动画
一、效果图：二、需要使用到的技术1、HTML5 Canvas 标签定义图形，用于图形的绘制，通过脚本 (通常是JavaScript)来完成。可以在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。2、window.requestAnimationFrame()告诉浏览器——你希望执行一个动画，并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数，该回调函数会在浏览器下一次重绘之前执行。比如：window.request.
2022-01-15 16:05:10
638
原创 前端基础知识 （六）HTML5新特性
HTML5 <!DOCTYPE> 声明必须位于HTML5文档中的第一行HTML5的改进1）新元素2）新属性3）完全支持CSS34）2D/3D转换5）本地存储6）本地SQL数据7）Web应用HTML5多媒体HTML5 < video >HTML5 < audio ><video width="320" height="240" controls> <source src="movie.mp4" type="video/m
2021-06-12 15:51:20
135
原创 前端基础知识 （五）JS删除数组元素的方法
一、length属性JS 中Array的length长度非常有特点，他不是只读的，因此可以设置。var colors = ["red","blue","grey"];colors.length = 2;console.log(colors[2]) // undefinedconsole.log(colors) // ["red", "blue"]二、delete关键字注意 长度不会变var colors = ["red","blue","grey"];delete colors[0];
2021-06-08 23:26:34
3323
原创 前端基础知识 （四）JS截取字符串 常用方法
一、使用substring（）或者 slice（）1）substring（）用于提取字符串介于两个指定下标之间的字符。stringObject.substring(start, stop) 不包含stop2）slice（）用于提取字符串的某个部分，并以新的字符串返回被提取的部分。stringObject.slice(start, stop) 不包含stopstart如果是负数，则概参数规定的是从字符串尾部开始算起的位置，也就是说，-1指的是最后一个，-2倒数第二个。3）substr（）可在字符串
2021-06-08 17:21:02
2053
原创 前端基础知识（三）HTTP和HTTPS、GET和POST
HTTP和HTTPS协议1、什么是协议网络协议是计算机之间为了实现网络通信而达成的一种“约定”或者”规则“，有了这种”约定“，不同厂商的生产设备，以及不同操作系统组成的计算机之间，就可以实现通信。2、什么是HTTP？HTTP是超文本传输协议，是一个基于请求与响应，无状态的，应用层的协议，常基于TCP/IP协议传输数据，互联网上应用最为广泛的一种网络协议,所有的WWW文件都必须遵守这个标准。设计HTTP的初衷是为了提供一种发布和接收HTML页面的方法。3、什么是HTPS？HTTPS是一种通过计算机
2021-06-08 16:23:40
675
原创 前端基础知识（二）遍历数组
遍历数组的常用方法1、最传统的for循环2、for…in…let arr = [1,2,3,4,5];for (let i in arr) { console.log(arr[i], i) // 1, 0 ...}3、for…of…let arr = [1,2,3,4,5];for (let i of arr) { console.log(i) // 1,2,3,4,5}注意：遍历对象会报错虽然 for…in…，for…of…都能遍历数组，但是两者的区别还是有的，1）推荐在循
2021-06-08 14:35:19
877
原创 前端基础知识（一）数据类型
数据类型JS有5种基本数据类型：String、Number、Boolean、Null、undefined，加上ES6的两种：Symbol、BinInt1）基本数据类型：指的是保存在栈内存中的简单数据段2）引用数据类型：指的是那些保存在堆内存中的对象，变量中保存的实际上只是一个指针，这个指针指向内存堆中的实际的值3）Symbol：是ES6引入了一种新的原始数据类型，表示独一无二的值4）BinInt：即是第七种基本类型，V8引擎V6，7默认启用对BinInt 的支持。是一种内置对象，它提供了一种方法来
2021-06-07 16:44:26
2656
1
原创 webpack打包项目后出现img后src为“[object Module]”问题
解决方法在webpack.config.js里的module 的rules数组里，使用url-loader/file-loader结合html-loader打包，添加esModule: false。esModule默认为true，因此手动设置为false { test: /\.jpg|png|gif|bmp|ttf|eot|svg|woff|woff2$/, use: [{ loader: 'url-loader',
2021-06-02 22:41:29
276
原创 webpack 打包项目的版本匹配
版本匹配，可以打包成功的版本 "webpack": "^4.40.0", "webpack-cli": "^3.3.8", "webpack-dev-server": "^3.8.0"
2021-06-02 17:30:17
462
原创 webpack打包项目（vue）三
六、webpack中的加载器通过loader打包js模块在实际过程中，webpack默认只打包处理以==.js后缀名结尾的模块，其他非.js==后缀名的webpack默认处理不了，需要调用loader加载器才可以正常处理打包，否则会报错。1、打包处理CSS文件1）运行npm i style-loader css-loader -D命令2）在webpack.config.js的module -> rules数组中，添加loader规则如下：// An highlighted blockm
2021-06-01 20:03:37
198
原创 webpack 打包vue项目（一）
webpack 打包vue项目欢迎使用Markdown编辑器你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。新的改变我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：全新的界面设计 ，将会带来全新的写作体验；在创作中心设置你喜爱的代码高亮样式，Markdown 将代码片显示选择的高
2021-05-25 21:58:24
290
原创 Vue 项目封装表单类型组件（ElementUi）
Vue 项目封装表单类型组件 iform.vue当我们在做Vue项目时，有时候项目很大，页面功能比较多时，很多控件堆在一起，很是臃肿，管理起来很麻烦。因此，我们就需要封装一些组件，达到简洁高效、可复用的效果。本章节主要是介绍如何封装表单类型的组件。封装表单类型组件需要用到的文件以及其他组件（重要）1、i-input.vue 公用组件，是i-form组件的最重要的组件，主要封装的就是这个，i-form就是将i-input组件套了一层外壳（el-form）。因此，总的来说，是我们这章节主要封装的对象。2
2021-04-29 19:45:16
2286
原创 Vue 实现封装combogrid表格网格（Easyui框架有类似的）及使用（三）
i-combogrid.vue组合表格组件的封装i-combogrid.vue组合表格组件是文章的重点部分，以下代码部分引入的组件和js文件在之前文章里有写道。可以参考第一章和第二章。第一章第二章i-combogrid.vue的实现template<template> <div :getOptions="getOptions"> <el-input ref="comboinput" @click.native="showCombogrid($
2021-04-28 19:47:23
953
2
原创 Vue 实现封装combogrid表格网格（Easyui框架有类似的）（二）
一、i-table.vue组件的封装table表格组件的封装很有必要，毕竟有的系统基本上每个页面都会有表格组件，封装起来不会让单页面的代码看起来很臃肿，使用起来也很方便。template<template> <div style="height: 100%;" class="table-div"> <itoolbar :toolbar="toolbar" :toolbarId="toolbarId"></itoolbar> .
2021-04-26 20:03:49
577
原创 微信小程序 WXS
微信小程序 WXSWXS 官网：介绍WXS（WeiXin Script）是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXS 官网：注意事项1、WXS 不依赖于运行时的基础库版本，可以在所有版本的小程序中运行。2、WXS 与 JavaScript 是不同的语言，有自己的语法，并不和 JavaScript 一致。3、WXS 的运行环境和其他 JavaScript 代码是隔离的，WXS 中不能调用其他 JavaScript 文件中定义的函数，也不能调用小程序提供的API。4、WXS
2021-04-22 12:27:39
289
原创 Vue实现数据双向绑定的原理
Vue实现数据双向绑定的原理（一）Vue实现数据双向绑定主要是：采用数据劫持结合发布者–订阅者模式的方式，通过object.defineProperty()来劫持各个属性的setter、getter，在数据变动时发布消息给订阅者，触发相应的监听回调。当把一个普通JavaScript对象传给Vue实例来作为它的data选项时，Vue将遍历他的属性Property，用object.defineProperty将它们（Property）转为getter/setter。用户看不到getter/setter，但是在
2021-04-21 23:37:45
3354
原创 Vue事件总线（EventBus）
Vue事件总线（EventBus）当vue组件之间进行通信时，比如父组件向子组件传值时用prop，子组件向父组件传递数值时用$emit。但是两个组件不是父子关系的时候要怎么通信呢？这个时候就可以用到事件总线（EventBus）了。EventBus的介绍EventBus 又称为事件总线。在Vue中可以使用 EventBus 来作为沟通桥梁的概念，就像是所有组件共用相同的事件中心，可以向该中心注册发送事件或接收事件，所以组件都可以上下平行地通知其他组件，但也就是太方便所以若使用不慎，就会造成难以维护的“灾
2021-04-21 19:36:52
357
原创 对于MVVM的理解
对于MVVM的理解1、MVVM 是 Model-View-ViewModel 的缩写2、Model代表 数据模型 ，也可以在Model中定义数据修改和操作的业务逻辑。3、View代表 UI组件，它负责将数据模型转化为UI展示出来。4、ViewModel监听模型数据的改变和控制视图行为，处理用户交互，简单的理解就是一个同步 View 和 Model 的对象，连接 Model 和 View。在MVVM架构下，View和Model之间并没有直接的联系，而是通过ViewModel进行交互，Model 和 V
2021-04-19 19:58:08
313
1
原创 vue + ElementUI 封装的公用表格table组件实现拖拽列表功能（Sortablejs）
vue + ElementUI 封装的公用表格table组件实现拖拽列表功能（Sortablejs）vue 实现表格拖拽功能有几种方式，比如vuedraggable、vue cardDragger、vue-dragging、Sortablejs。本文主要是介绍在table是封装的公用组件的时候，使用sortablejs有时候拖拽出现效果失效、拖拽延迟（其实就是父子组件之间的通信问题，没有达到数据实时响应，有的不行也可以使用this.$set（Vue.set）改变表格数据的数组）。SortablejsS
2021-04-16 20:00:49
1032
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人