自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(30)
  • 收藏
  • 关注

原创 爬虫之爬取小说

爬虫之爬取小说展示依赖cherrio Fast, flexible & lean implementation of core jQuery designed specifically for the server.inquirer A collection of common interactive command line user interfaces.安装...

2020-03-02 16:34:57 280

原创 基于openlayer的迁徙案例

基于openlayer的迁徙案例展示源码地址https://github.com/Liar0320/openlayer.track演示地址https://liar0320.github.io/openlayer.track/dist/index.html依赖openlayer OpenLayers is a high-performance, feature-packed lib...

2020-02-03 18:01:51 401

原创 IntersectionObserver 实现图片懒加载(lazyLoad)

实现图片懒加载IntersectionObserverdemo https://codepen.io/liar0320/full/JjRVMOPwindow.onload = () => { var eles = document.querySelectorAll("img"); let loadInstance = loadImageInView({ loadingImg: "http://placekitten.com/100/100" }); loadIns

2021-01-21 23:47:00 250

原创 flow初识

flowIDE工具:vscode目标环境:babel + eslint + flow安装vscode插件 vscode-flow-ide安装相关依赖eslint-plugin-flowtypenpm i flow-bin # 安装 flow-binnpm install eslint babel-eslint eslint-plugin-flowtype --save-dev# npm i eslint-plugin-prettier # 安装prettier插件npm i @bab

2020-07-28 16:04:13 194

原创 如何制作一个vue组件库

如何制作一个vue组件库前言在做开发的时候偶尔会做一些小型工具,在构建项目的时候不想引入一个庞大的组件库。只想按需加载自己需要的组件。采用了Element-ui的组件库,发现它可以实现按需加载,因此对他进行了浅入的剖析。他采用了一个babel-plugin-component插件,简单的看下他的简介 //Example //Converts import { Button } f...

2020-06-29 10:04:25 519

原创 vue 知识点撰写

vue 知识点撰写通过key来重新渲染组件,触发render函数 demo 案例中:从现象说明 组件挂载时,触发生命周期 [beforeCreated,created,beforeMounted,render,mounted] 当组件render函数中,msg属性发生改变时,触发生命周期 [beforceUpdate,render,updated] 当组件key属性发生改变时,触发的生命周期 <*代表新的组件> [beforeCreated*,created*,

2020-06-14 01:02:44 120

原创 nginx php-fpm遇到的问题

遇到的问题linux下查看php-fpm是否开启以及如何开启ps aux | grep php-fpm未启动状态启动状态参考:linux下查看php-fpm是否开启以及如何开启linux 下php-fpm安装在哪安装在php文件下的#启动php-fpm/usr/local/php/sbin/php-fpm#这里前缀/usr/local #根据自己配置 --prefix=/root/lich/soft/php 去查找。#这里就存在 /root/lich/soft/php/s

2020-05-12 15:40:07 274

原创 openlayers绘制线段和多边形

openlayers绘制线段和多边形效果演示地址https://codesandbox.io/s/ol-measure-u3yob源码用 ts编写,如需要引用到js请编译//绘制图形 this.measure.start({ type: GeometryType.POLYGON }) //重新绘制 this.measure.restart({ type: GeometryType.POLYGON }) //销毁this.measure.destoryed({ type: Geomet

2020-05-09 02:01:37 1430

原创 nginx开机自动重启 windows

nginx开机自动重启资源连接nginx下载win1.首先你需要启动一个nginx服务解压下载好的nginx文件,如图所示,代表nginx启动成功这样启动你会发现当你重启电脑之后依赖需要重复的操作否则nginx不会自动启动2. 将nginx添加到系统服务使其可以开机自动启动需要借助的小工具Windows Service Wrapper WinSW是一个可执行的二进制文件,它可...

2020-04-28 15:31:21 1660

原创 openlayers学习整理

官网 https://openlayers.org/优先查询官网的api | 可初步的回忆Openlayers API整理OpenLayers3Primer OpenLayers地图渲染机制解析地图样式网站https://b.basemaps.cartocdn.com/#5/-29.210/-92.373http://map.geoq.cn/arcgis/rest/...

2020-04-09 11:07:21 178

原创 js取整的方式整理

js取整的方式整理今天在刷问题的时候发现别人通过位运算来取整,因此总结了取整的方法。位运算取整/**采用位运算取整*/ (-1.5646) >> 0 ---> -1; (-1.5646) << 0 ---> -1; /** 这里采用位运算符需要注意一些问题 例如 >> 系列运算符常规需注意问题 最主要为 To...

2020-04-08 23:54:29 479

原创 处理前端跨域方式

处理前端跨域方式https://github.com/Liar0320/cross-domain为什么要设置跨域同源的定义解决方案CORS<跨域资源共享>简单请求非简单请求withCredentials cookie信息的传递jsonP跨域proxy代理跨域WebSocketchangelog总结参考为什么要设置跨域因为浏览器的同源策...

2020-03-13 11:03:57 117

原创 vscode setting Sync安装

C:\Windows\System32\drivers\etc192.30.253.118 gist.github.com

2020-03-03 09:34:31 208

原创 axios终止重复请求的接口

axios终止重复请求的接口业务场景海图上获取矩形内船舶点位的信息,用户重复从A地点拖动到B点,js从B点发出一个区域请求1。状态pending用户又从B点拖回A点区域,js从A点又发出一个区域请求2。状态pending这时如果区域请求1先返回,则绘制B区域的船舶,而此时用户界面在A的位置,因此将A区域的船舶全部清空绘制B区域,之后A区域请求2返回,清空B区域的船舶,绘制A区域到充值用...

2020-02-19 18:17:29 525

原创 规范git提交的信息

规范git提交的信息使用 commitizen cz-conventional-changelog目的规范团队提交的信息,便于阅读安装安装依赖包npm i commitizen cz-conventional-changelog --save-dev在package.json中增加"config": { "commitizen": { "path": "./nod...

2020-01-06 22:21:35 202

原创 nodejs 安装

1.设置国内镜像a. 设置confignpm config set registry http://registry.npmjs.org b.编辑~/user/.npmrcregistry=https://registry.npm.taobao.org2.切换回原npm地址npm config set registry http://registry.npmjs.org 3.使...

2020-01-06 21:54:29 359

原创 day1 关于ssh连接

关于ssh连接在github上建立一个ssh连接如何管理多个ssh连接整理地址在github上建立一个ssh连接1.使用提供的电子邮件作为标签,这将创建一个新的ssh密钥$ ssh-keygen -t rsa -b 4096 -C "[email protected]"> Generating public/private rsa key pair.# $ ssh-key...

2019-11-11 23:12:14 274

原创 关于前端css 多主题系统的设计

关于前端css 多主题系统的设计文章目录关于前端css 多主题系统的设计目前主流的换肤方式1.通过加载不同的css来替换样式2.通过data-theme属性来替换样式ElementUI 的实现基于 *CSS自定义变量* 的实现参考文章目前主流的换肤方式1.通过加载不同的css来替换样式 定义两个css文件 1.theme-dark.css 2.theme-light.css...

2019-09-29 18:00:16 1134

原创 获取微信的聊天记录导出为Excel

获取微信的聊天记录导出为Excel (ios端)工具iTunes楼月免费iTunes备份管理器DB Browser for SQLitepython步骤通过iTunes备份ipone中的数据到电脑上,打开楼月免费iTunes备份管理器选择备份的记录 导出 微信个人信息中的DB文件夹使用DB Browser for SQLite打开两个sqlite库,一个为聊天信...

2019-09-26 22:51:00 9735

原创 隔离 鼠标点击 双击 移动事件

隔离 鼠标点击 双击 移动事件应用场景在编写一个3d卡片切换的时候,需要执行1. **单击** 触发模态框 2. **双击** 卡片定位3. **拖动** 卡片跟随问题默认dom事件 鼠标**双击**的时候会触发**单击**鼠标按下**拖动**的开始会触发**单击**因此需要分离这三种事件 双击无法触发单击 拖动时无法触发单击解决方案思路2.实现点击事件 分析:需...

2019-09-26 18:00:06 258

原创 JavaScript一些向下的兼容操作

JavaScript一些向下的兼容操作ArrayindexOf ( IE11不支持)includes ( IE11不支持)forEach (>IE9)且IE9的严格模式不支持reduce ( IE11不支持)map ( IE11不支持)removeincludesArrayindexOf ( IE11不支持)兼容性地址 IE不支持if (typeof Array.pro...

2019-06-13 16:18:33 529 5

原创 git的一些小事项

如果我们git clone的下载代码的时候是连接的https://而不是git@git (ssh)的形式,当我们操作git pull/push到远程的时候,总是提示我们输入账号和密码才能操作成功,频繁的输入账号和密码会很麻烦。解决办法:git bash进入你的项目目录,输入:git config --global credential.helper store然后你会在你本地生成一个文本,...

2019-06-11 13:40:29 82

原创 vscode编写xx.d.ts 来开启只能提示

vscode编写xx.d.ts 来开启只能提示文章目录vscode编写xx.d.ts 来开启只能提示1.变量、常量2.函数3.class4.对象5.混合类型6.模块化7.UMD1.变量、常量 /**name类型为string*/ decalre var name:string /**age类型即可为number也可为string*/ decalre var age:number|St...

2019-06-04 13:58:26 2235

原创 一些chrome的好用插件

一些chrome的好用插件GIF制作插件 Make a GIF 需要从chrome商店下载

2019-06-01 00:47:08 180

原创 vue组件之间的通信

vue组件之间的通信

2019-05-31 21:06:45 126

原创 关于echart.js的基本数据配置

关于echart.js的基本数据配置渲染一个echart的步骤通过echart获取dom节点生成echart实例,可选择配置的主题。chartvar chart echarts.init(element[0], theme); //创建一个 ECharts 实例,返回 echartsInstance,不能在单个容器上初始化多个 ECharts 实例。通过Echarts实例,设置图表数...

2019-05-28 18:24:09 700

原创 vscode 利用ts文件来开启智能提示

实现智能提示功能利用npm安装type模块```npm search @types/lodashnpm install @types/lodash --save-dev```利用typings工具(Deprecated) -------已经弃用工具npmtypings安装安装nodejs 。在npm包管理中安装typings。npm i typings -g...

2019-05-22 14:04:16 9140

转载 从URL输入到页面展示中间被隐藏的操作

从URL输入到页面展示中间被隐藏的操作DNS解析:将域名解析成IP供访问TCP链接:TCP三次握手发送HTTP请求服务器处理请求并返回报文浏览器解析渲染页面断开连接:TCP四次握手URL(Uniform Resource Locator),统一资源定位符,用于定位互联网上资源,俗称网址。域名解析(DNS)DNS 协议提供通过域名查找 IP 地址,或逆向从 IP 地址反查域名的...

2019-05-16 15:05:19 185

原创 浏览器的事件循环机制

浏览器的事件循环机制浏览器内核的线程Event Loop (事件循环机制)TODO:事件循环进阶:macrotask(宏任务)与microtask(微任务)浏览器内核的线程GUI渲染线程:负责页面渲染,解析HTML,CSS构成DOM树等,当页面重绘(Repaint)或者由于某种操作引起回流(reflow)都会调起该线程GUI渲染线程和js引擎线程互斥,当JS引擎线程在工作的时候,GU...

2019-05-14 18:05:37 280

原创 博客文章在数据库是怎么形式

博客文章在数据库是怎么形式  

2018-02-11 15:03:31 3998 7

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除