学习
关注
分享
扫一扫
文章平均质量分 81
逍遥教主
一名正在从事前端开发的潜力股
展开
-
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 · 289 阅读 · 0 评论 -
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 · 233 阅读 · 0 评论 -
如何制作一个vue组件库
如何制作一个vue组件库前言在做开发的时候偶尔会做一些小型工具，在构建项目的时候不想引入一个庞大的组件库。只想按需加载自己需要的组件。采用了Element-ui的组件库，发现它可以实现按需加载，因此对他进行了浅入的剖析。他采用了一个babel-plugin-component插件，简单的看下他的简介 //Example //Converts import { Button } f...原创 2020-06-29 10:04:25 · 562 阅读 · 0 评论 -
vue 知识点撰写
vue 知识点撰写通过key来重新渲染组件，触发render函数 demo 案例中：从现象说明 组件挂载时，触发生命周期 [beforeCreated,created,beforeMounted,render,mounted] 当组件render函数中，msg属性发生改变时，触发生命周期 [beforceUpdate,render,updated] 当组件key属性发生改变时，触发的生命周期 <*代表新的组件> [beforeCreated*,created*,原创 2020-06-14 01:02:44 · 150 阅读 · 0 评论 -
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 · 314 阅读 · 0 评论 -
nginx开机自动重启 windows
nginx开机自动重启资源连接nginx下载win1.首先你需要启动一个nginx服务解压下载好的nginx文件，如图所示，代表nginx启动成功这样启动你会发现当你重启电脑之后依赖需要重复的操作否则nginx不会自动启动2. 将nginx添加到系统服务使其可以开机自动启动需要借助的小工具Windows Service Wrapper WinSW是一个可执行的二进制文件，它可...原创 2020-04-28 15:31:21 · 1916 阅读 · 0 评论 -
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 · 214 阅读 · 0 评论 -
js取整的方式整理
js取整的方式整理今天在刷问题的时候发现别人通过位运算来取整，因此总结了取整的方法。位运算取整/**采用位运算取整*/ (-1.5646) >> 0 ---> -1; (-1.5646) << 0 ---> -1; /** 这里采用位运算符需要注意一些问题 例如 >> 系列运算符常规需注意问题 最主要为 To...原创 2020-04-08 23:54:29 · 518 阅读 · 0 评论 -
处理前端跨域方式
处理前端跨域方式https://github.com/Liar0320/cross-domain为什么要设置跨域同源的定义解决方案CORS<跨域资源共享>简单请求非简单请求withCredentials cookie信息的传递jsonP跨域proxy代理跨域WebSocketchangelog总结参考为什么要设置跨域因为浏览器的同源策...原创 2020-03-13 11:03:57 · 151 阅读 · 0 评论 -
vscode setting Sync安装
C:\Windows\System32\drivers\etc192.30.253.118 gist.github.com原创 2020-03-03 09:34:31 · 297 阅读 · 0 评论 -
爬虫之爬取小说
爬虫之爬取小说展示依赖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 · 340 阅读 · 0 评论 -
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 · 687 阅读 · 0 评论 -
基于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 · 434 阅读 · 0 评论 -
规范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 · 241 阅读 · 0 评论 -
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 · 392 阅读 · 0 评论 -
day1 关于ssh连接
关于ssh连接在github上建立一个ssh连接如何管理多个ssh连接整理地址在github上建立一个ssh连接1.使用提供的电子邮件作为标签，这将创建一个新的ssh密钥$ ssh-keygen -t rsa -b 4096 -C "your_email@example.com"> Generating public/private rsa key pair.# $ ssh-key...原创 2019-11-11 23:12:14 · 319 阅读 · 0 评论 -
从URL输入到页面展示中间被隐藏的操作
从URL输入到页面展示中间被隐藏的操作DNS解析：将域名解析成IP供访问TCP链接：TCP三次握手发送HTTP请求服务器处理请求并返回报文浏览器解析渲染页面断开连接：TCP四次握手URL（Uniform Resource Locator），统一资源定位符，用于定位互联网上资源，俗称网址。域名解析（DNS）DNS 协议提供通过域名查找 IP 地址，或逆向从 IP 地址反查域名的...转载 2019-05-16 15:05:19 · 223 阅读 · 0 评论 -
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 · 9286 阅读 · 0 评论 -
vue组件之间的通信
vue组件之间的通信原创 2019-05-31 21:06:45 · 156 阅读 · 0 评论 -
git的一些小事项
如果我们git clone的下载代码的时候是连接的https://而不是git@git (ssh)的形式，当我们操作git pull/push到远程的时候，总是提示我们输入账号和密码才能操作成功，频繁的输入账号和密码会很麻烦。解决办法：git bash进入你的项目目录，输入：git config --global credential.helper store然后你会在你本地生成一个文本，...原创 2019-06-11 13:40:29 · 124 阅读 · 0 评论 -
关于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 · 739 阅读 · 0 评论 -
一些chrome的好用插件
一些chrome的好用插件GIF制作插件 Make a GIF 需要从chrome商店下载原创 2019-06-01 00:47:08 · 227 阅读 · 0 评论 -
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 · 842 阅读 · 5 评论 -
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 · 2330 阅读 · 0 评论 -
隔离 鼠标点击 双击 移动事件
隔离 鼠标点击 双击 移动事件应用场景在编写一个3d卡片切换的时候，需要执行1. **单击** 触发模态框 2. **双击** 卡片定位3. **拖动** 卡片跟随问题默认dom事件 鼠标**双击**的时候会触发**单击**鼠标按下**拖动**的开始会触发**单击**因此需要分离这三种事件 双击无法触发单击 拖动时无法触发单击解决方案思路2.实现点击事件 分析：需...原创 2019-09-26 18:00:06 · 325 阅读 · 0 评论 -
获取微信的聊天记录导出为Excel
获取微信的聊天记录导出为Excel (ios端)工具iTunes楼月免费iTunes备份管理器DB Browser for SQLitepython步骤通过iTunes备份ipone中的数据到电脑上，打开楼月免费iTunes备份管理器选择备份的记录 导出 微信个人信息中的DB文件夹使用DB Browser for SQLite打开两个sqlite库，一个为聊天信...原创 2019-09-26 22:51:00 · 10198 阅读 · 0 评论 -
关于前端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 · 1313 阅读 · 0 评论 -
浏览器的事件循环机制
浏览器的事件循环机制浏览器内核的线程Event Loop （事件循环机制）TODO:事件循环进阶：macrotask（宏任务）与microtask（微任务）浏览器内核的线程GUI渲染线程：负责页面渲染，解析HTML,CSS构成DOM树等，当页面重绘（Repaint）或者由于某种操作引起回流（reflow）都会调起该线程GUI渲染线程和js引擎线程互斥，当JS引擎线程在工作的时候，GU...原创 2019-05-14 18:05:37 · 320 阅读 · 0 评论