- 博客(26)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 warning: unable to access '/Users/test/.config/git/ignore': Permission denied的解决办法
1、cd ~2、更改文件夹权限：sudo chmod 755 .config
2020-04-15 10:20:30
3886
原创 浅析webpack热更新
HMR（Hot Module Replacement）定义HMR会在应用程序运行过程中替换、添加或删除模块，不用重新加载整个页面，这与“自动刷新”不同，webpack-dev-server中的inline控制页面的自动刷新，即当有内容更新时，无需用户手动刷新浏览器。实现HMR在webpack配置文件中添加HMR插件webpack的dev server中添加hot参数但配置完这两步还是...
2020-03-31 20:51:58
279
原创 div水平垂直居中的方法
描述：现有html结构如下，实现child在parent中水平垂直居中。<div class="parent"> <div class="child"></div></div>方法一：flex.parent { display: flex; justify-content: center; //水平居中 alig...
2020-01-17 16:49:48
452
原创 并行执行npm脚本
有些时候我们想要好几个npm 脚本一起执行，如果用&&的方式去拼接其实是并行的，只有等前面的语句执行成功了才会接着执行。npm包npm-run-all 可以帮助达到并行执行npm语句的作用，用法是npm-run-all -p 脚本1 脚本2 脚本n，其中p是parallel（并行）的意思...
2019-11-12 17:47:15
676
原创 grid布局实现响应式效果
<!DOCTYPE html><html> <head> <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=1"> <style> .item{ ...
2019-07-15 17:46:27
938
原创 footer 的实现方法
当内容不超过一屏时，footer在屏幕底部，内容超过一屏时，和主体内容有固定距离。也就是内容少的时候吸底，内容多的时候文档流排版。我尝试了几种实现方法。1.flex思路：给body设置flex，然后flex的方向设置column，主体内容flex:1于是会自适应高度。<div class="content">...</div><div class="fo...
2018-09-29 14:11:37
2886
1
原创 iOS中position:fixed吸底时的滑动出现抖动的解决方案
两种抖动为什么抖动还会有两种？其实是我碰到过两种抖动的场景，第一个场景是native的抖动，第二个场景是h5的抖动。native的抖动前端开发人员会在app中打开webview，这个时候iOS中position:fixed吸底时的滑动出现抖动应该是native造成的抖动，整个viewport跟着动，所以可以在生成schema的时候将参数bounce_disable（可能不一定都...
2018-06-29 11:31:45
13136
6
原创 移动端1px线&will-change
移动端1px线viewport告诉你1px为什么变粗html的代码中经常会有这么一句&amp;amp;lt;meta name=&amp;quot;viewport&amp;quot; content=&amp;quot;width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no&amp;quot;&am
2018-06-27 12:49:49
287
原创 加锁还没用？你想知道的可能在这里！
updated先于动画执行 任务的执行顺序=&gt;（同步代码、微任务、render、宏任务） setTimeout(()=&gt;{},0)的意思不是立即执行，而是立即排队，取决于js当下线程是否空闲 vue检查数据不会检查外部的let定义的变量思路过程：方案一计数加setTimeout方案二记录上一个股票代码，只有当当前股票代码和上一个股票代码不一样时，才能执...
2018-06-04 15:03:24
376
原创 强大的stylus！
百闻不如一用。 我今天对stylus的用处有了非常直观的认识。 Talk is cheap,show you the code. 使用前：.lottery-sector li:nth-child(1) {background-color: #fff;transform: rotate(0deg) skew(54deg);}.lottery-sector li:nth-chi...
2018-05-24 18:31:28
1959
原创 pm2的使用
本篇文章将对笔者遇到的情况做一些记录，不是对pm2的长篇介绍哈pm2是什么pm2是node进程管理工具，可以利用它来简化很多node应用管理的繁琐任务，如性能监控、自动重启、负载均衡等。就我使用的体验上用大白话来说，可以把原来比如用npm启动的窗口关掉，仍然可以通过ip和端口号运行。使用pm2首先可以全局安装，命令如下：npm install pm2@lates...
2018-05-24 14:20:55
952
原创 一个细节的思考——严谨判定字符串的意义
有这么一个需求，判断URL是不是包含from参数，如果只是简单粗暴得用indexOf判断它是不是包含这个字符串，可能会有个问题，比如要求的参数是from=push，但是要是参数是afromb=，也会判定为true，这个是不符合逻辑的，所以应该用正则来处理这个看似简单的需求。错误示例： if (window.location.search.substr(1).indexOf('from') ...
2018-05-24 13:59:38
308
原创 单行文本和图片的水平中心线对齐方式
场景div里面有一个img标签，然后按照设计图给把图片的宽度和高度赋给了父元素，给img设置宽度和高度为100%，这样子元素img的宽度和高度就等于父元素的宽度和高度，奇怪的是出现了下图所示的问题：可以看到图1和图2的详情高度不一样，更加奇怪的是，两个img标签的宽度和高度也是一样的。 思路因为不同字体会造成不同的渲染方式，比如下面这样，给这三个span标签的字体都设...
2018-05-20 22:02:21
1478
原创 关于安卓和iPhone的一个适配问题
场景：几个子元素的中心要在同一个水平线上，但是它们的高度不一样，我的方案是用flex布局，设置属性justify-content:flex-start，然后根据设计图设置margin-top，也就是子元素上边缘距离父元素上边缘的距离；问题：因为设计图是在iPhone的基础上设计的，所以当按照上述思路写代码的时候，会出现安卓手机的没在同一个水平线的问题；思路：对安卓和iPhones 设置两套c...
2018-05-20 13:06:25
1302
原创 webview打不开的一个原因
场景：做了一个跳转，很奇怪的是，用自己的安卓手机能正常显示，但是iPhone是白屏，是用Charles代理。灵感：我是说为啥我在自己的电脑浏览器上google搜索显示说我要访问的是私密连接，我突然觉得这两者应该有什么关系，应该是Charles设置了SSL Proxy Settings那边进行了设置，所以是我就将设置取消了再尝试测试。结果：果然原因就是因为我的安卓手机安装了证书，iPhone没...
2018-05-20 11:06:55
1941
原创 踩坑
我踩的一些坑： 1⃣️nodejs转发跨域请求，也就是server proxy，把前端静态页面也挂在服务器上，这样可以用http协议访问，而不是用file协议访问；然后可以用判断路径的方法对不同对接口做不同对路由 2⃣️ls命令可以列出所有文件，ls -a可以把隐藏的文件也列出来，cat可以查看内容，touch可以创建新文件 3⃣️公司创建sshkey用公司邮箱 4⃣️关于this指向，它...
2018-05-09 10:25:19
178
原创 关于前端那些值得看的书
《javascript高级程序设计》我觉得差不多是必看的书了，看完这本书很多之前的困惑会迎刃而解《javascript DOM编程艺术》内容如其名，平稳退化、渐进增强、以用户为中心的设计思想在这本书中体现得淋漓尽致《锋利的jquery》如果看完这本书还能将原生的js运用得很好就很棒棒！《深入浅出nodejs》学习nodejs值得一看的书《CSS权威指南》css2的很详细的全面的一本书，有些时候可以
2017-12-26 10:35:22
421
原创 WebStrom卡死在indexing的解决方案
做nodejs项目时，会有node_modules文件夹，WebStorm会扫描整个项目建立索引，也就是会看到如下图所示的等待（我等过半小时还没好，然后WebStorm直接未响应既然node_modules文件夹这么大，索性让WebStrom建立索引的时候别扫这个文件夹了，选中这个文件夹，然后右键，选择Mark Directory As，再选择Excluded就好啦
2017-12-20 15:55:07
5039
转载 可以说是比较浅显易懂的区块链解释了
转自作者：汪乐-LaiW3n链接：https://www.zhihu.com/question/37290469/answer/107612456来源：知乎著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。-----正文-----事情是这样的，最近我的室友Hasaki一直在问我区块链和比特币的事情，我尝试了很多种不通的姿势以求简单通俗形象生动地跟他
2017-07-14 08:54:44
13367
原创 pyqtgraph如何设置字符串类型横坐标
想说下自己的“坎坷”经历，也希望后面有这个需求但是还没解决的盆友少走点弯路……pyqtgraph的中文资料蛮少的，用中文百度了一番无果，用bing搜索pyqtgraph time axis之类的发现有些歪国盆友也和我有过一样的问题，但是他最终也没有解决，然后我发现pyqtgraph有个官方的例子，可以打开cmd输入python -m pyqtgraph.examples，其中这个和
2017-04-14 16:30:31
7461
1
原创 pyqtgraph中removeWidget后还是会显示在界面的清除方法
pyqtgraph中removeWidget后还是会显示要怎么清除，见文中分解
2017-03-28 11:01:57
3831
6
原创 关于pyqt的简介
Pyqt包括Qtgui、QtCore、QtXml、QtSql、QtNetwork、QtSvg、QtOpenGL。QtGui：图形图像组件，比如按钮，文本框等组件QtCore：时间、文件、各种数据类型、流、urls、mime类型、线程和过程QtXml：与xml的交互相关QtSql：与数据库相关QtNetwork：负责网络功能，如TCP、UDPQtSvg：提供了显示SVG文件内容的方法Qt
2017-03-08 16:15:12
559
转载 css 页面重绘和回流(重排)以及优化
一、html页面的呈现流程1. 浏览器把获取到的HTML代码解析成1个DOM树，HTML中的每个tag都是DOM树中的1个节点，根节点就是我们常用的document对象。DOM树里包含了所有HTML标签，包括display:none隐藏，还有用JS动态添加的元素等。2. 浏览器把所有样式(用户定义的CSS和用户代理)解析成样式结构体，在解析的过程中会去掉浏览器不能识别
2016-08-18 14:58:46
533
转载 堆和栈的区别（转过无数次的文章）
一、预备知识—程序的内存分配 一个由C/C++编译的程序占用的内存分为以下几个部分 1、栈区（stack）— 由编译器自动分配释放 ，存放函数的参数值，局部变量的值等。其 操作方式类似于数据结构中的栈。 2、堆区（heap） — 一般由程序员分配释放， 若程序员不释放，程序结束时可能由OS回 收 。注意它与数据结构中的堆是两
2016-06-08 09:16:37
298
原创 读《图解CSS3》有感——走进CSS3（一）
相对于CSS2.1，CSS3有了质的飞跃，它不再需要非语义标签、复杂的javascript脚本以及图片。 那么我们一定会很急切地想知道CSS3都有哪些新的强大功能，比如有多列布局、弹性盒模型、圆角、阴影透明度以及HSL、HSLA、RGBA等新的颜色模式等等。 所以使用CSS3除了这些新功能还有什么好处吗？当然是有的，不仅有利于网站开发和维护，而且还能提高网站的性能，还能增加网站
2016-05-28 23:23:28
983
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人