- 博客(24)
- 收藏
- 关注
RSS订阅原创 Linux 安装 Redis 详细步骤讲解
下载安装 （下载个3.2，已经支持集群了。）wget http://download.redis.io/releases/redis-3.2.0.tar.gztar xzf redis-3.2.0.tar.gzcd redis-3.2.0makeRedis编译后，copy几个有用的文件夹，或者你可以直接全部copy过去mkdir /usr/rediscp src/redis-server /usr/rediscp src/redis-benchmark /usr/redi.
2021-05-13 14:00:44
268
原创 微信支持H5跳转App、跳转小程序
继小程序灰度测试分享朋友圈刷屏后，滴滴滴，这...闲着也闲着，顺藤摸瓜点了进去，好家伙，产品小姐姐写这个文案还是太含蓄了，我猜有可能是老干妈还没吃够根据刀哥多年写代码要看文档的经验来看，证实了这次更新不仅支持了打开小程序，连app也顺带支持了，这个信息量着实有点大下面让我们一起来看文档新增开放标签定义: 微信开放标签是微信公众平台面向网页开发者提供的扩展标签集合。通过使用微信开放标签，网页开发者可安全便捷地使用微信或系统的能力，为微信用户提供更优质的网页体验有哪些开放...
2020-07-15 22:45:48
1572
2
原创 如何精确统计页面停留时长
1.背景页面停留时间（Time on Page）简称 Tp，是网站分析中很常见的一个指标，用于反映用户在某些页面上停留时间的长短，传统的Tp统计方法会存在一定的统计盲区，比如无法监控单页应用，没有考虑用户切换Tab、最小化窗口等操作场景。基于上述背景，重新调研和实现了精确统计页面停留时长的方案，需要 兼容单页应用和多页应用，并且不耦合或入侵业务代码。2.分析我们可以把一个页面生命周期抽象为三个动作：「进入」、「活跃状态切换」、「离开」如下图，计算页面停留时长既如何监控这三个动作，然后在对
2020-07-10 09:30:24
714
原创 伟大的虚拟DOM到真实DOM的过程
虚拟DOM大家都不陌生，最近本人也捎带研究了一下略带收货，在这里简单记录下，做个备忘1、什么是虚拟DOM以及虚拟DOM的表达虚拟DOM简而言之就是，用JS去按照DOM结构来实现的树形结构对象，也就是一个JS对象而已。那么什么样的对象才能比较匹配的上dom结构呢？来看一下如下图所示的dom结构<div class="list" style="color: red;"> ...
2020-05-05 10:53:58
1885
1
原创 详解生成器和迭代器的执行顺序
在倒腾生成器和迭代器的时候说实话被绕的晕乎乎的，现在总算是弄明白了一点，在这简单记录下，防止忘记简单代码如下：（代码很简单，定义一个普通函数fn，一个生成器Ifn） let fn = () => { console.log('fn执行了'); return 'fn return出来的' } function* Ifn(w) {...
2020-05-03 11:08:31
571
原创 一些能让你提升幸福度的vscode插件（持续更新）
记录一些平时开发感觉还不错的vscode插件（持续更新）Material Theme：主题颜色Material Theme Icons：文件夹主题颜色Better Comments ：给注释加上不同颜色indent-rainbow：给你的缩进空格处加上不同的颜色，方便查看Bracket Pair Colorizer：标签匹配加颜色，JS括号匹配加颜色插件，附上配...
2020-04-29 16:39:49
918
原创 vue cli3.0搭建一个多页面全过程
最近项目中需要用到vue搭建多页面，折腾了一会基本框架算是出来了，在这里简单的记录下备忘。首先我们得搞懂什么是多页面。我们都知道vue是典型的单页面应用，也就是只有一个入口文件（main.js和app.vue和index.html），所有的路由都是基于这个入口文件来跳转的，因此也可理解为这个入口页面的子页面吧。这样我们就好理解多了。因此可以这样理解，一个入口文件（main.js和app.vu...
2020-03-05 17:14:46
3138
1
原创 javascript面试题，关于连续赋值let a = {n: 1}; let b = a; a.x = a = {n: 2}; 的坑？
目录一、问题引入二、JavaScript的内存机制三、面试题详解四、总结一、问题引入首先来看一段代码let a = {n: 1};let b = a;a.x = a = {n: 2};console.log(a.x);console.log(b);//两个console分别打印出什么值？许多面试题中我们都见到过他。让我们打开控制台输入代码看...
2020-01-12 12:01:33
5685
4
原创 VUE双向绑定原理及其源码的简单分析（上）
在不少面试中都有涉及到VUE双向绑定原理这个问题，于是便简单研究了一下，在这里简单的记录下自己的学习心得，小白初识VUE，若有错的地方请各位大佬提出，一起进步。首先来段代码看看这神奇的双向绑定<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> &...
2020-01-10 16:30:47
441
原创 使用vuedraggable实现拖拽排序功能
最近项目中要使用到拖拽功能，于是使用了vuedraggable快速实现，简单记录下使用方法备忘（此插件和sortable.js和awe-dnd很相似）1、安装插件：cnpm i vuedraggable -save2、引入import draggable from 'vuedraggable'3、使用html部分 <draggable v-mod...
2020-01-04 15:33:05
1184
原创 Aliplayer 播放器的使用（支持直播，点播、录播，视频播放等功能）
最近公司需要写一个简单的直播H5，作为前端播放器第一选择当然是video.js了。可是样式是在无法忍受，而且有些交互也不太友好。无奈继续寻找更加合适的播放器，阿里的Aliplayer便是一个不错的选择 ，简单记录下使用方法，备忘。（所有环境都在vue基础上搭建的）一、引入对应的文件，在index.html中引入如下：<script src="https://g.alicdn...
2019-12-28 19:00:44
11522
1
原创 vue项目内使用html2canvas进行截图并下载
近期要实现一个海报生成的功能，倒腾大半天最后使用了html2canvas实现，简单的记录下备忘环境：vue +html2canvas安装依赖：npm install --save html2canvas使用 ：html部分：<div id="register"> <h1>我的海报</h1> ...
2019-12-12 22:27:59
1088
原创 CSS实现时间线样式
在项目中要实现一个时间线，找了半天的插件感觉没啥合适的，于是便百度撸了一个纯CSS实现的模仿layuicss代码如下： ul,li { /*做时间轴的线*/ margin: 0; padding: 0; } .layui-timeline { p...
2019-11-19 18:01:30
3182
原创 ES6中Class的一些基本用法
最近心血来潮倒腾了下ES6的Class，记录下它的一些简单用法备忘（所有代码均运行在vue 环境）class类的构建构建新建一个people.js文件，在people.js中写入代码如下export default class People{ constructor(name,age){//new People时候会调用 this.name = ...
2019-10-14 17:07:02
1794
1
原创 crontab每分钟自动执行node脚本
最近在研究Linux服务器的时候倒腾了下crontab定时器，写个博客备忘1、前期准备:在这里Linux服务器默认大家都已经成功部署安装node2、文件的创建在home里面创建node目录并创建index.js和test.txt文件cd /homesudo mkdir nodesudo touch index.js #JS脚本sudo touch test.t...
2019-09-30 12:04:44
1644
原创 windows环境下搭建git远程仓库用于局域网内团队开发
在很多情况下我们需要搭建一个局域网的仓库供我们内部写作开发使用，现在就来简单的记录下使用git来搭建一个局域网的远程仓库步奏模拟如下情景：A电脑用于存放git远程仓库，用于存放大家的代码文件，B、C、D.....多台开发电脑并将自己的本地仓库代码提交到A电脑的远程仓库，默认所有电脑都安装了git。首先搭建我们的远程仓库：远程仓库搭建十分的简单。其实就是创建一个裸仓...
2019-09-28 13:13:31
4962
原创 node+express+redis的简单应用（将Session存放到Redis中）
近期在倒腾redis，虽然简单，但是还是记录下，防止以后忘记环境：node+express+redis一、安装redis需要用到的模块（此处省略node和express环境的构建）cnpm install redis --savecnpm install connect-redis --savecnpm install express-session --savecnp...
2019-09-10 17:06:31
1926
原创 element-ui分页组件修改当前页current-page后current-change事件不触发的一个小bug
最近在开发中遇到一个element-ui分页的一个小bug，具体场景如下1、首先点击正常分页来到第二页数据正常展示2、点击搜索，需求为回到第一页按条件搜索，此时也正常展示3、再次点击分页去第二页，此时分页还停留在第一页，current-change事件不触发原因有可能是点击搜索的时候在搜索里面通过代码去改变了current-page让分页回到第一页，但有可能...
2019-06-12 10:25:51
26668
9
原创 Windows环境下给MongoDB设置密码
安全问题Mongodb安装后自身是没有密码的，用户连接只需填写id地址，端口号，数据库名称即可，只要你服务器的mongodb数据库端口开放，任何人的电脑都可以连接到你的数据库，操作修改你的mongodb数据，盗取你的数据库，然后留下一个邮箱和账号，要求你给比特币才肯归还数据库给你下面就简单记录下自己倒腾MongoDB时候设置密码的操作。一、连接上MongoDB在命令行输入mon...
2019-05-24 23:36:26
2084
原创 Linux下MongoDB安装和配置详解
1.创建安装目录cd /mkdir mongoDB2.进入安装目录并下载安装包cd mongoDB3.下载安装包wget http://fastdl.mongodb.org/linux/mongodb-linux-x86_64-rhel62-3.2.7.tgzmongodb一定要下载和linux匹配的版本，不然会出错4.解压安装包，并把解压出来的安装包文件重命名...
2019-01-10 19:12:28
349
原创 window64位系统安装MongoDB数据库
最近在倒腾MongoDB,记录下MongoDB的安装,以防忘记1.在MongoDB官网下载对应版本的MongoDB2.双击安装包,安装很简答,直接傻瓜式安装 next -> next -> Custom -> 选择安装目录 -> next -> install安装既可以3.在你的安装目录里面创建三个文件夹,例如我的安装在D:\MongoDB下面,则创建...
2018-12-21 22:31:04
436
原创 拼图滑块验证
最近找了个拼图滑块验证感觉还不错<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>滑动拼图验证码</title> <link rel="stylesheet" href="jigsaw.css"> <...
2018-12-17 10:59:19
3627
3
原创 excel转数据
最近找了个vue的Excel数据读取的案例，初次创作，勿喷安装依赖npm install -D script-loadernpm install -S file-saver xlsx引入js文件 import blob from './../excel/Blob' import ex from './../excel/Export2Excel'添加HTML标签...
2018-12-17 10:46:45
177
1
原创 vue放大镜
最近有一个需求是要像淘宝商品详情页那样，分享一下。小白第一次分享，各位大神莫见笑。Build Setup 使用步骤# 安装 installnpm install vue-piczoom --save# 使用 useimport PicZoom from 'vue-piczoom'export default { components: { PicZoom }...
2018-11-23 11:22:39
970
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人