- 博客(36)
- 收藏
- 关注
RSS订阅
原创 前端常用的公共方法
前两期把我所学习到的高德地图工具类做了简单的封装，这一期我将把一些常用的工具类作为一个单独的模块提出来。以便于后期的整理以及大家的互相学习。1.格式化时间/** * @param {(Object|string|number)} time * @param {string} TimeFormat 想要返回时间的格式 例如 '{y}-{m}-{d} {h}:{i}:{s} {a}' ...
2019-08-22 17:14:34
984
2
原创 Vue学习-设计模式探索
???? 发布订阅模式 订阅者 发布者 信号中心 我们假定，存在一个"信号中心"，某个任务执行完成，就向信号中心"发布"(publish)一个信号，其他任务可以向信号中心"订阅"(subscribe)这个信号，从而知道什么时候自己可以开始执行。这就叫做"发布/订阅模式"(publish-subscribe pattern) 举一个例子，你在微博上关注了A，同时其他很多人也关注了A，那么当A发布动态的时候...
2020-11-09 04:33:03
265
原创 Vue学习-数据响应式原理
???? 数据响应式 当你把一个普通的 JavaScript 对象传入 Vue 实例作为 data 选项，Vue 将遍历此对象所有的 property，并使用 Object.defineProperty 把这些 property 全部转为 getter/setter。Object.defineProperty 是 ES5 中一个无法 shim 的特性，这也就是 Vue 不支持 IE8 以及更低版本浏览器...
2020-10-22 18:59:18
406
原创 浅谈头条小程序
2019-2020年间抖音小程序发展的很迅猛，但是我作为后来者，却是有些后知后觉了。完美了错过了抖音小程序的红利期，虽然满共算下来不到半年时间，但是有的人已经赚的盆满钵满了。 先聊聊最初成型期间各大公司的变现路子，基本都是以测评类的小程序为主，包括什么心理测评、姓名匹配、星座解读、塔罗牌占卜等等之类。 起初的变现方式是：用户进入程序之后，完成一系列操作后，需要支付1元钱作为条件才能解锁解读内容。这...
2020-09-29 02:33:38
621
原创 Doc纯文本迁移到Doc表格中
前几日，一朋友给我发来了一个文档，说是让我帮忙把文本内容复制到一个新的表格内容中。当我做完第一份后，才知道还有很多文档需要处理。所以就想着做一个工具来批量处理。 ???? 踩坑记录 起初是这样想的： 先拿到文档的内容：因为给我的文档是.doc后缀的文件，然后通过一通readFile操作，发现读出来一堆文字乱码。索性先停掉了这部分工作。 获取表格数据：最开始的想法是把表格转成HTML，然后通过设定模板的...
2020-09-25 09:18:52
205
原创 iView-Admin基础版后台管理框架改写
先贴仓库地址: iview-admin-amend ???? 演示站地址: iview-admin-amend 演示 ???? 简单介绍:iView admin 是基于 Vue.js，搭配使用 iView UI 组件库形成的一套后台集成解决方案。 GitHub地址 因为之前使用的是Vue-Element-Admin的后台框架，但是在后面发现这款UI的框架更为精致，又转战到了这边。但是对比iV...
2020-08-27 11:18:17
564
原创 JS中Arguments对象
???? 描述 arguments 是一个对应于传递给函数的参数的类数组对象。 arguments对象是所有(非箭头)函数中都可用的局部变量。你可以使用arguments对象在函数中引用函数的参数。此对象包含传递给函数的每个参数，第一个参数在索引0处。例如，如果一个函数传递了三个参数，你可以以如下方式引用他们： arguments[0]arguments[1]arguments[2] 123当然参...
2020-07-14 15:50:38
218
原创 ES6中set和map方法
JavaScript的默认对象表示方式 {} 可以视为其他语言中的 Map 或 Dictionary 的数据结构，即一组键值对。但是JavaScript的对象有个小问题，就是键必须是字符串。但实际上Number或者其他数据类型作为键也是非常合理的。为了解决这个问题，最新的ES6规范引入了新的数据类型 Map 。 ???? Map Map是一组键值对的结构，具有极快的查找速度。 举个例子，假设要根据同...
2020-07-13 22:53:13
164
原创 JavaScript中数组的操作方法(含ES6)
???? 常规方法 ???? 一、push() push() 方法可向数组的末尾添加一个或多个元素，并返回新的数组长度。会改变原数组。 var a = [2,3,4];var b = a.push(5);console.log(a); //[2,3,4,5]console.log(b); //4push方法可以一次添加多个元素 //push(5,6,...) 12345???? 二、pop() po...
2020-07-13 17:23:38
157
原创 JavaScript中数组reduce()方法精解
???? 语法 arr.reduce(callback,[initialValue]) 1reduce 为数组中的每一个元素依次执行回调函数，不包括数组中被删除或从未被赋值的元素，接受四个参数：初始值(或者上一次回调函数的返回值)，当前元素值，当前索引，调用 reduce 的数组。 callback(previousValue,currentValue,index,array)1、previous...
2020-07-13 15:49:19
185
原创 推荐几款 VS Code 上常用的插件
为大家准备了 GIST ID ： e58c112e4a0a6f2dfd44ccd1bbf36211 只需要下载 Settings Sync 插件 输入Gist id 就可一键安装下面推荐的插件，方便快捷。 ???? 推荐 ???? Chinese (Simplified) Language Pack for Visual Studio Code 简体中文包，新手福利，必装。 ???? Auto Close Tag ...
2020-07-10 20:32:57
154
原创 NodeJs连接MongoDB以及操作方法
因为业务需要，老板就让我搞了一回MongoDB。可真是懵逼树上懵逼果，懵逼树下你和我。本着务实求知的态度，研究了下也算是搞完了。开个香槟庆祝下。 ???? 准备阶段 ???? 安装依赖 这里采用的是npm仓库中的 mongodb 包。 npm install mongodb-D 1???? 准备目录 在主目录下创建 db 文件夹。并同时在文件夹中创建 connect.js , index.js。 ├─ db│...
2020-07-07 00:30:15
503
原创 Valine Admin修改版教程
这里是基于Valine Admin修改版的教程文档。如还没有配置基本参数，请移步到Valine Admin后台搭建(最新修订版) ???? Qmsg酱 ???? 申请APPKey 首先前往Qmsg酱官网 ,按照官方文档完成相应的注册。并添加「Qmsg酱」小姐姐为QQ好友。然后点击文档按钮。 看到接口地址后将 send/ 之后的内容复制下来，填写进 QMSG_KEY 变量中。 ???? Qmsg模板 初始化模板样...
2020-07-07 00:06:47
244
原创 Valine Admin后台搭建(最新修订版)
Valine Admin 是 Valine 评论系统的扩展和增强，主要实现评论邮件通知、评论管理、垃圾评论过滤等功能。支持完全自定义的邮件通知模板，基于Akismet API实现准确的垃圾评论过滤。开发者@Deserts ???? 云引擎"一键"部署 ???? 1. 填写代码库 ???? 在Leancloud 云引擎-->部署界面，填写我根据作者改写的代码库并保存：https://github.com/C...
2020-06-19 14:04:33
648
原创 nodejs基于Token的身份认证
传统的Session验证起初的验证方式是存在于服务器的，用户登录进来以后，服务器判断成功，将数据存进session里面，向用户返回一个sessionID。这样的弊端是，假如用户基数特别大，每登录一个用户，就要存储一条，对服务器的内存压力比较大。基于Token的验证方法基于Token的验证方法是无状态的，因此我们就不用把信息存在服务器中了。Token可以通过请求头传输，所以他可以在任何一种http请求中被发送到服务器中。Token的验证流程客户端发送用户、密码到服务器。服务器接收到信息之后和数据
2020-06-08 14:49:32
1140
原创 CSS position:sticky 踩坑笔记
在二次开发主题的过程中，发现了很多问题。其中技术点不高，但让人瞬gan爆炸的就是这一条css属性。 position:sticky是css定位新增属性；可以说是相对定位relative和固定定位fixed的结合；它主要用在对scroll事件的监听上；简单来说，在滑动过程中，某个元素距离其父元素的距离达到sticky粘性定位的要求时(比如top：100px)；position:sticky这时的效果...
2020-05-21 02:13:52
667
原创 一键部署项目到服务器
相对于部署到 Github Page 来说，可以使用 GitHub Actions 来进行自动部署。我们自己拥有服务器的选手，就相对来说比较麻烦。一般的情况就这些： 方法 分析 FTP FTP 的速度相对来说确实太慢了，上传东西真的是龟速 SSH 通过 SSH 直接连通服务器，大大加快了传输速度。但是还是需要手动操作数据包 宝塔面板 直接打开宝塔页面，找到指定的页面，上传文件即可。但是网速较差的情...
2020-05-20 05:03:53
336
原创 CSS常用选择器
???? 基础选择器 ???? 1. id选择器 直接使用Id进行查找，例如 #box???? 2. class选择器 使用.class查找。如果想给⼀个标签设置多个class时将多个class名称分别写出 中间⽤空格分隔开???? 3. 多重组合选择器 两个名称之间要⽤，逗号分隔开 样式为 .xxx,.xxx???? 属性选择器 ???? 1. [attr]/[id] 根据 属性名称 查找元素???? 2. [attr=value]/[...
2020-04-09 03:09:58
146
原创 简单的Node爬虫
写在开头经过一个漫长的寒假，终于也是赶上复工的潮流。祝贺全国人民抗"疫"取得阶段性的胜利。在平常的Node使用过程中，我主要就是爬取点东西。今天分享一个简单的Node爬虫程序。抓取某培训站点的评论内容。1.引入依赖文件const https = require('https'), //发送请求fs = require('fs'), // fs文件操作cheerio = ...
2020-04-01 10:02:33
264
原创 Valine Admin后台搭建
Valine Admin 是 Valine 评论系统的扩展和增强，主要实现评论邮件通知、评论管理、垃圾评论过滤等功能。支持完全自定义的邮件通知模板，基于Akismet API实现准确的垃圾评论过滤。开发者@Deserts云引擎"一键"部署1. 填写代码库在Leancloud云引擎设置界面，填写代码库并保存：https://github.com/DesertsP/Valine-Admin...
2020-04-01 10:01:46
1148
2
原创 Markdown基本语法-超级全面
一、标题在想要设置为标题的文字前面加#来表示一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。示例：# 这是一级标题## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标题效果：这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题二、字体1.加粗要加粗的文字左右分别用两个*号...
2020-04-01 10:00:38
384
原创 Liunx系统安装node和pm2
内容简介，购买了Linux系统的服务器，需要安装node一系列的工具。几行命令快速安装。初始化1.安装nvmnvm是node版本管理工具curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.34.0/install.sh | bash在安装后，记得退出服务器，然后重新登录进来2.安装nodenvm install 10...
2020-04-01 09:59:16
195
原创 Linux vi/vim 编辑器使用
???? 什么是 vim？ Vim是从 vi 发展出来的一个文本编辑器。是一个程序开发工具而不是文字处理软件。 ???? vi/vim 的使用 基本上 vi/vim 共分为三种模式，分别是命令模式(Command mode)，输入模式(Insert mode) 和 底线命令模式(Last line mode)。 这三种模式的作用分别是： ???? 命令模式 用户刚刚启动 vi/vim，便进入了命令模式。 此状态下...
2020-03-31 04:50:19
141
原创 Markdown基本语法
???? 一、标题 在想要设置为标题的文字前面加#来表示 一个#是一级标题，二个#是二级标题，以此类推。支持六级标题。 示例： # 这是一级标题## 这是二级标题### 这是三级标题#### 这是四级标题##### 这是五级标题###### 这是六级标题 123456效果： ???? 这是一级标题 ???? 这是二级标题 ???? 这是三级标题 ???? 这是四级标题 ???? 这是五级标题 ???? 这是六级标题 ???? 二、字体...
2020-02-07 20:20:56
109
原创 自动生成sidebar
???? 介绍 ???? 开篇废话 当配置sidebar时，繁多的文章会让人原地爆炸。不仅效率低下，而且一个个的添加就让人烦躁。 正常情况下咱们会这样配置，但是显而易见，当我们日后文章数量增加，又或者我们需要更改名称，这时候就又得找到位置更改名称。相当的麻烦。 sidebar: { '/cst/': [ ['', '车商通'], ['draft'...
2020-02-01 04:35:28
476
原创 Vue.JS请求工具Axios的封装
接触vue已经很长时间，也经常使用axios，但是原生封装的方法都很难满足日程开发的需求，所以这期就写一下axios的封装。 底部有完整代码 ???? 1.前期准备 ???? 创建一个js文件，命名自定。我这里定义为request.js import axios from 'axios' //导入原生的axios import qs from 'qs'; //导入qs,做字符串的序列化，为了后...
2020-01-06 13:46:43
126
原创 Vue中权限+动态路由加载
哈喽大家好，今天我们来探讨Vue开发中不可避免的动态路由权限。尤其是开发后台管理系统，其中有很多的角色需要用来做判断。不同的角色有着不同的权限。作为管理员还必须拥有修改这些权限的能力。 这样的操作无疑会使得前端做路由的加载时显得更为复杂。我司的角色有包括管理员在内总共6种。所以我将自己在开发过程中遇到的问题整理起来。 仅做参考，希望对大家有帮助！ ???? 思路 ???? 1. 先从最高权限下手，把项目所有需...
2020-01-06 08:17:57
371
原创 通用素材类
???? 包含icon素材，抠图，转换格式，设计类型工具 ???? 1. Iconfont-阿里巴巴矢量图标库 -- 著名的阿里素材库 在线地址 https://www.iconfont.cn/ 1???? 2. 觅元素_设计元素的免费下载网站 在线地址 http://www.51yuansu.com/?z=cqhrqfwzg 1???? 3. 免费在线文件转换器 在线地址 https://cn.office-co...
2020-01-05 05:01:07
240
1
原创 基础验证类
???? 包含JSON格式化，在线验证，HTML代码块的解压缩，正则表达式的验证。 ???? 1. 在线JSON校验格式化工具(Be JSON) 在线地址 http://www.bejson.com/ 1???? 2. md5在线解密破解,md5解密加密 在线地址 https://www.cmd5.com/ 1???? 3. 在线编码转换 在线地址 http://tool.oschina.net/encode?ty...
2020-01-05 01:10:33
119
原创 vue组件传值--详细版
vue组件传值在日常开发中比较常见，在官方文档里面也有介绍，但是对于新手理解起来会有一点生涩。所以今天就把这个拉出来写一次。一般有三种传值方式：1.父传子、2.子传父、3.兄弟组件之间通信1.父组件向子组件传值一般会在子组件里面定义props来做接收，这是比较常见的情况这是父组件<template> <div> <div>我是父组件&l...
2020-01-02 15:31:40
198
原创 VUE中权限+动态路由加载+配置，理论与实践！
哈喽大家好，今天我们来探讨vue开发过程中，最不可避免的过程。尤其是开发后台管理系统，其中有很多的角色需要用来做判断。不同的角色有着不同的权限。作为管理员还必须拥有修改这些权限的能力。这样的操作无疑会使得前端做路由的加载时显得更为复杂。我司的角色有包括管理员在内总共6种。所以我将自己在开发过程中遇到的问题整理起来。仅做参考，希望对大家有帮助！思路1.先从最高权限下手，把项目所有需要做...
2019-08-26 18:31:06
2099
2
原创 判断变量的方法&&正则验证方法
在日程开发中，我们会碰到很多地方都需要做正则验证、而且有些业务会做变量判断的处理，所以今天我把自己日常开发过程中积累的正则方法&&判断变量的方法做一次简单的整理。test()方法在字符串中查找是否存在指定的正则表达式，并返回布尔值，如果存在则返回true，否则返回false。`1.判断字符串首字母是否小写/** * @param {string} str * @ret...
2019-08-25 17:04:23
1267
原创 Axios封装-超级全面，不看后悔
接触vue已经很长时间，也经常使用axios，但是原生封装的方法都很难满足日程开发的需求，所以这期就写一下axios的封装。底部有完整代码1.前期准备创建一个js文件，命名自定。我这里定义为request.jsimport axios from 'axios' //导入原生的axios import qs from 'qs'; //导入qs,做字符串的序列化，为了后...
2019-08-23 16:09:58
1442
1
原创 高德地图--控件的封装--2
哈喽各位小伙伴们，今天为大家带来后面两种控件封装方法、以及浏览器获取当前经纬度的方法1.快速生成工具类 —指定地图控件/** * @param {*} how 初始化的地图变量名 * @param {*} options 数组形式 放入想要异步加载的工具。options每个元素对应一个对象。 格式为：name:指定当前插件的名称、o...
2019-08-22 17:11:25
271
原创 高德地图--控件的封装--1
前言随着地图的普及，可能也有许多和我一样的初学者，在了解常见的地图控件时花费了很多力气。所以，今天主要分享一些关于地图控件的插件封装。涉及方向今天主要以高德地图作为主要的学习方向，随后的分享中也会把百度地图加入。目前我就假设大家都了解过了地图。只是受限于插件的封装等等。本人也学识浅陌，希望有什么问题大家可以指出。以便日后改进。正题三个部分1.地图中marker点以及信息窗体2.地图...
2019-08-22 17:08:30
736
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人