- 博客(23)
- 收藏
- 关注
RSS订阅原创 Node自动重启工具 nodemon（一看就会）
我们在做node开发时，每一次修改文件，都需要ctrl+c退出，重新执行node xxx文件。现在，我们可以使用nodemon这个工具，它是一款非常实用的工具，用来监控你 node.js 源代码的任何变化和自动重启你的服务器。安装npm install -g nodemonnodemon将全局安装到您的系统路径。使用nodemon app.js会出现以下界面，表示启动成功我们也可以在package.json中配置脚本，就可以通过“npm run xxx”运行，比如
2020-05-29 17:09:40
592
原创 MongoDB 数据库创建删除、表（集合） 创建删除、数据增删改查常用语句
MongoDb的安装与使用教程请参考我上一篇文章：NoSql、MongoDb 数据库介绍及MongoDb安装、使用1、开启mongodb服务打开cmd，输入net start MongoDb，启动成功后，输入mongo连接服务注意：如果出现“发生系统错误5”“拒绝访问”字样，极有可能是没有以管理员身份运行cmd,此时关掉窗口，重新以管理员身份运行即可输入show dbs即可查看所有数据库2、 创建数据库使用数据库、创建数据库use student如...
2020-05-27 15:03:30
2259
原创 NoSql、MongoDb 数据库介绍及MongoDb安装、使用
1、数据库和文件的主要区别数据库有数据库表、行和列的概念，让我们存储操作数据更方便 数据库提供了非常方便的接口，可以让 nodejs、php java .net 很方便的实现增加修改删除功能2、NoSql2.1 NoSQL 介绍 由于互联网的迅速发展，云计算与 Web2.0。这样大量的交互给数据库提出了更高的性能要求，传统的数据库（本文泛指 SQL 数据库），即关系数据库虽然具备良好的事物管理，但在处理 大量数据的应用时很难在性能上满足设计要求。NoSQL 就是主要为了解决当下大量高并.
2020-05-27 12:16:33
500
原创 数据访问对象模式-前端封装本地数据存储类
数据访问对象模式（Data access object-DAO）:抽象和封装对数据源的访问和存储，DAO通过对数据源链接的管理方便对数据的访问和存储。假设我们有一个功能需要本地存取数据实现而非调用后台接口，这个功能并不难，但存在以下问题数据很可能会覆盖他人的数据或被其他人员覆盖 添加一条数据需要做各个浏览器的兼容 无法知道数据存取的状态成功、失败、过期等 更多一系列的问题那么，有什么办法可以让每个人方便的管理自己的本地存储库呢？...
2020-05-22 14:51:26
376
原创 浅析javascript代理模式-事件绑定与内存泄漏
代理模式（Entrust）：多个对象接收并处理同一请求，他们将请求委托给另一个对象统一处理请求。在开发中我们可以利用委托模式做事件绑定以及防止内存泄露举个栗子，有一个日期列表，当用户点击日期格子的时候将格子的背景色变成灰色首先我们先看下面这一种方式var ul = document.getElementById('container'), li = document.getElementsByName('li'), i = li.length - 1; for(; i >.
2020-05-21 21:24:41
400
原创 浅析javascript观察者模式（发布-订阅模式）与应用
观察者模式（Observer）:又称作发布-订阅模式或消息机制，定义了一种依赖关系，解决了主体对象与观察者之间功能的耦合。发布订阅模式可以解决主体对象与观察者之间功能的耦合。举个栗子，一架飞机要从沈阳飞到香港，当经过北京中转站时，需要向卫星发送位置信息，卫星接收到飞机的位置信息后将消息保存在消息容器中，向订阅了飞机信息的北京站和香港站发送信息，两个站点接收到飞机的消息并做相应的处理以避免飞机事故的发生当飞机已经离开北京中转站，北京中转站就不需要再接收飞机的位置信息，因此北京中转站可以取消订阅
2020-05-21 17:56:18
454
原创 链模式-jquery链式调用的原理与实现
链模式（Operate of Responsibility）:通过在对象方法中将当前对象返回，实现对同一个对象多个方法的链式调用。从而简化对该对象的多个方法的多次调用时，对该对象的多次引用...说白了就是可以a().css().attr().on()这样调用方法，而不需要a().css();a().attr();a().on()这样繁琐而且要多次创建对象jQuery的设计就是通过这种模式使得代码更简洁。这种链模式是基于原型继承的，并且在每一个原型方法的实现上都返回当前对象this，使当前对象一直处于原型
2020-05-21 14:50:33
2541
1
原创 JS 利用按位非取反(~)运算符判断字符串中是否有某一个字符
本文不是讨论这个字符是什么意思，如果想了解关于按位非运算符请戳这里首先让我们来看看这一段代码if (~selector.indexOf('#')) { // 如果字符串中包含‘#’} else { // 否则}不了解~符合的小伙伴可能到这里就懵了，这是什么操作？我们都知道，在js中，str.indexOf()会返回某个指定的字符串值在字符串中首次出现的位置，如果没有找到，会返回-10在内存中的存储方式是所有位为00000000000000000那么按位取反后位16个1
2020-05-21 10:41:24
540
原创 巧妙的使用模板字符串生成dom元素
通常，我们拼接dom元素字符串是这样的...function createDOM(option) { var dom = '<div class="preview-modal"><div class="preview-header">' + option.title + '<a href="javascript:void(0)" class="preview-btn-close" title="' + option.title + '"/>' + '
2020-05-16 16:39:08
3909
原创 vue项目全局异常日志处理方案（uni-app示例）
Vue有一个配置Vue.config.errorHandler，用于指定组件的渲染和观察期间未捕获错误的处理函数。这个处理函数被调用时，可获取错误信息和 Vue 实例。我们可以借助这个函数，进行应用的错误日志记录并做一些自定义的处理（兜底），防止出现一些严重异常导致应用挂掉。一般情况下错误日志可以在前端页面中展示，并且需要记录到数据库中。在异常发生时我们可以调用接口存储到后台，前端查询的实现可以使用状态管理（如果需要持久化存储就配合本地存储，但一般不太建议，因为异常太多的话会影响性能）首先，我们可以
2020-05-16 15:25:29
8352
7
原创 设置URL路径参数，解析URL参数函数
function throwIfMissing() { throw new Error('Missing parameter');} /* * @description 设置URL参数 * @method setUrlParams * @param {String} url url路径，如http://xxx.xx.xxx.xx或pages/veiw/login * @param {Object} params 设置的参数，对象格式，如{a: 1, b: 2} * @param {B.
2020-05-16 09:44:34
2648
1
原创 纯CSS实现可自定义间距虚线边框
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> .border-wrapper { position: relative; margin: 100px auto; width: 200px; height: 50px; background: #ff0000;.
2020-05-13 11:13:45
5451
2
原创 Connection reset by 13.250.177.223 port 22 fatal: Could not read from remote repository.
git使用git push提交代码时报错Connection reset by 13.250.177.223 port 22 fatal: Could not read from remote repository. Please make sure you have the correct access rights and the repository exists.原因：本地的id_rsa.pub和id_rsa文件无效了，需要更新，解决方案1、检查本地配置的用户名和邮箱git c.
2020-05-12 15:07:29
1585
原创 uni-app使用字体图标（iconfont）
1、打开阿里巴巴字体图标网站，选择图标库2、选择想要的图标，点击购物车图标添加入库，依次添加想要的图标，完成后点击右上角的购物车图标3、点击添加至项目（如果没有新建过项目，这里会显示“添加项目”），选择（或新增）一个项目4、点击下载至本地5、解压下载的文件，复制iconfont.css至项目的static目录下6、按照以下描述处理文件7、处理完成后的文件8、在APP.vue中引入图标9、页面中使用10、...
2020-05-11 09:52:43
2346
原创 前端利用canvas绘制水印
// watermark.js// text: 水印文字function watermarkByCanvas(text) { var id = '1.23452384164.123412415'; var confg = { canvasSize: 200, canvasFontSize: '14px sans-serif', canvasTextColor: 'rgba(200, 200, 200, 0.30)', canvasRotate: -30 * Math.PI / 1.
2020-05-09 18:56:04
340
原创 javascript数据类型校验常用函数
// 判断是否为JSON对象function isJson(obj) { return typeof(obj) == "object" && Object.prototype.toString.call(obj).toLowerCase() == "[object object]" && !obj.length;}// 判断是否为数值function isNumber(obj) { var reg_exp = /^[0-9]+$/; if (obj == ".
2020-05-09 18:35:42
292
原创 javascript浅拷贝、深拷贝实现
看这篇文章之前，推荐大家先了解一下ECMAScript数据类型在ECMAScript中，变量可以存在两种类型的值，即基本数据类型和引用数据类型。基本数据类型：名值存储在栈内存中引用数据类型：名存在栈内存中，值存在于堆内存中，但是栈内存会提供一个引用的地址指向堆内存中的值而深拷贝与浅拷贝的概念只存在于引用数据类型ES5中浅拷贝的实现...
2020-05-09 18:28:42
2027
1
原创 javascript设计模式-面向对象编程（封装、继承、多态）
编程的两种风格--面向过程与面向对象面向过程：分析出解决问题所需要的步骤，然后用函数把这些步骤一步一步实现，使用的时候一个一个依次调用就可以了面向对象：把构成问题事务分解成各个对象，建立对象的目的不是为了完成一个步骤，而是为了描叙某个事物在整个解决问题的步骤中的行为以五子棋为例：面向过程的设计思路就是首先分析问题的步骤：1、开始游戏，2、黑子先走，3、绘制画面，4、判断输赢，5、轮到白子，6、绘制画面，7、判断输赢，8、返回步骤2，9、输出最后结果。把上面每个步骤用不同的方法来实现。面向
2020-05-09 14:21:54
323
原创 echarts多条折线图Y轴数据不正确问题
如图，官网的示例“搜索引擎”实际值为932，而Y轴的数据却为1700左右，不正确，原因是"stack"这一项配置，去掉该配置即可
2020-05-08 11:38:32
2836
5
原创 基于axios和element-ui封装的request请求插件
请求loading可配置，请求异常可默认提示本示例仅供参考！！使用的过程中可能需要根据需求做调整！！request.jsimport axios from 'axios'import { Message, Loading} from 'element-ui'import { getToken} from './auth'export const s...
2020-05-08 09:45:59
612
原创 JS格式化日期时间、获取指定时间
/* * @description 格式化日期时间 * @demo dateFormat(new Date(), 'yyyy-MM-dd HH:mm:ss') * @method dateFormat * @param {Date} d 时间 * @param {String} str 格式，默认'yyyy-MM-dd HH:mm:ss' * @return {String} 格式化...
2020-05-07 17:03:15
318
原创 解决UNI-APP "请注意 showLoading 与 hideLoading 必须配对使用" 问题
直接使用uni.showLoading()和uni.hideLoading()经常会出现"请注意 showLoading 与 hideLoading 必须配对使用" 的问题原因：loading全局只创建一个，hideLoading可能会触发多次导致loading已经被隐藏，没有达到预期的配对效果，虽然不至于报错，但是警告提示也让人感觉很不舒服。解决方案：用计数器记录loading被调...
2020-05-07 12:10:38
38892
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人