- 博客(15)
- 收藏
- 关注
RSS订阅原创 移动端真机调试
一、macbook - iphone - safari真机联调方式iphone - 设置 - Safari浏览器 - 高级 - 打开“网页检查器” Safari浏览器 - 偏好设置 - 高级 - 勾选“在菜单栏中显示‘开发’菜单”3. 设置好上面两步后，使用数据线链接电脑和手机。在手机上访问页面，在Safari浏览器的开发菜单下就可以找到访问的链接，然后点击“右侧”链接，就会进入到控制台，可以查看，样式，元素，网格等。二、使用weinre1、weinre安装...
2021-08-31 16:34:25
1122
原创 解决浏览器页面返回不刷新的问题
pageshow: 当一条会话历史记录被执行的时候将会触发页面显示事件。（这包括了后退/前进按钮操作，同时也会在onload事件触发后初始化页面时触发。）pagehide： (function () { var UA = navigator.userAgent; if (!(/airclass/i.test(UA) || /(homewor...
2020-09-09 15:40:07
2063
翻译 前端性能优化之-DNS优化
一、DNS预解析DNS Prefetch，即DNS预获取，是前端优化的一部分。一般来说，在前端优化中与 DNS 有关的有两点： 一个是减少DNS的请求次数， 另一个就是进行DNS预获取。 DNS 作为互联网的基础协议，其解析的速度似乎很容易被网站优化人员忽视。现在大多数新浏览器已经针对DNS解析进行了优化，典型的一次DNS解析需要耗费 20-120 毫秒，减少DNS解析时...
2020-09-09 11:31:53
893
原创 webstorm配置
1,回车后，空格多余2个，不符合eslint语法，解决办法2，Eslint配置3,配置编辑器风格化样式3，同时打开多个项目，编辑器卡顿，忽略node_modules文件...
2020-04-07 11:37:27
342
原创 npm，nrm命令使用详解
1,https://docs.npmjs.com/ npm说明文档地址2，npm whoami [当前源]返回当前用户名3，npm publish发包4，npm unpublish <package>@<version> 撤销发过的包5，npm updateexpress 更新包6，npm install安装包7，npm list -...
2020-02-13 20:36:57
637
翻译 offsetHeight, scrollTop, scrollHeight的区别
offsetHeightoffsetHeight 是一个只读属性，返回一个元素的高度（包括padding,border）。如果元素设置为display:none，将返回0。This property will round the value to an integer. If you need a fractional value, use element.getBoundingClien...
2019-06-29 14:29:28
546
翻译 input框滚动到可视区域
scrollIntoViewElement.scrollIntoView()方法让当前的元素滚动到浏览器窗口的可视区域。兼容性：大部分的IOS，和安卓手机都支持 window.onresize = () => { const { activeElement } = document; if (activeElement.tagN...
2019-06-13 15:54:50
1550
1
原创 JS获取和监听屏幕方向变化
移动设备的屏幕有两个方向：lanscape和portait。获取当前屏幕方向方法一：matchMeadia("(orientation: portait)")const screenDirction = window.matchMedia("(orientation: portrait)");打印内容可以通过访问对象的matches属性来查看查询结果：if (...
2019-05-21 17:44:13
1776
原创 前端清除AJAX缓存
清理缓存的方法：1)，设置HTTP请求头$.ajax({ url: '', dataType: 'json', data: '', beforeSend: function(xmlHttp) { xmlHttp.setRequestHeader('If-Modified-Since','0'); xmlHttp.setRequest...
2019-05-16 15:23:52
1728
转载 vue调试工具--vue-devtools安装及使用
第一步：到github下载代码：https://github.com/vuejs/vue-devtools第二步：npm install第三步：修改manifest.json文件，改为true:第三步：npm run build第四步：打开chrome-扩展工具-选择“加载已解压的扩展程序”，选择shells-chrome文件夹，就可以了。第五步：打开控制台（F...
2019-04-01 17:15:42
236
转载 git merge和 rebase的区别
rebase假设你现在基于远程分支"origin"，创建一个叫"mywork"的分支。$ git checkout -b mywork origin现在我们在这个分支做一些修改，然后生成两个提交(commit).$ vi file.txt$ git commit$ vi otherfile.txt$ git commit...但是与此同时，...
2019-03-30 15:58:16
178
翻译 git的使用教程
首先，说明一下我写这篇文章的目的，由于换了新的工作，新公司，新气象，代码版本库也由SVN换成了GIT。由于不熟悉，犯了一些小错误，所以，趁着有时间把我经常用到的命令写成文章。加深我对git的了解，也希望可以帮到和我一样迷茫的人。window上安装git在window上使用git，可以从Git官网直接下载安装程序，然后按默认选项安装即可。安装完成后，在开始菜单里找到Git->Git...
2018-10-25 19:03:17
232
原创 webStorm配置autoprefixer
解决flex需要加前缀的问题，以下内容是我花了一天的时间才弄出来的，希望对大家有所帮助：首先，需要安装node，版本要求6.x.x（或更高）第一步：安装autoprefixercnpm install autoprefixer -g第二步：安装postcss-clicnpm install postcss-cli -g第三步：打开webstorm-》file->set...
2018-10-17 17:30:30
563
原创 认识nodeJs
本人最近开始学习nodejs，在前端技术日新月异的今天，为了不让自己被淹没在历史的洪流中。只能抓紧学习一些比较前沿和重要的技术。2009年8月，IT界制定了commonJS标准，用于标准化服务端JavaScript脚本语言。同年美国人Ryan Dahi推出了Node.jsNode.js的一个重要的特性是通过单线程实现异步处理环境，通过事件环与非阻塞型I/O机制实现服务端的异步处理。接下来，我将从三...
2018-06-03 23:22:30
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人