- 博客(14)
- 收藏
- 关注
RSS订阅原创 vue 实现响应式布局，移动pc端通用：amfe-flexible和postcss-pxtorem结合使用
在vue.config.js添加配置postcss-pxtorem；（注意：可在vue.config.js、.postcssrc.js、postcss.config.js其中之一配置，权重从左到右降低，没有则新建文件，只需要设置。对于需要特殊元素需要设置的字体自适应，如echarts字体，可以在utils封装一个字体自适应的方法。2.postcss-pxtorem是postcss的插件，用于将像素单元生成rem单位。在main.js引入amfe-flexible。
2023-03-03 09:42:26
2128
原创 Vue 创建项目报错
vue/cli 5.0.1版本vue create 项目名 会报错，因为版本问题，需要降低版本：1.先卸载安装的：npm remove -g @vue/cli2.再安装4.5.15版本：npm install -g @vue/[email protected]
2023-02-20 20:33:23
359
1
原创 vue创建项目时报错
vue/cli版本为5.0.1，vue create会报错，降低版本:1.先卸载:npm remove -g @vue/cli 2.重新安装低版本：npm install -g @vue/cli
2023-02-20 20:22:18
787
2
原创 改变浏览器滚动条全局样式——sass
html{&::-webkit-scrollbar { height: 0 !important; width: 0 !important; color: transparent !important; } &::-webkit-scrollbar-thumb { background: transparent !important; border-radius: 4px !import
2023-02-20 14:28:06
150
原创 兼容的获取页面滚动出去的距离笔记
兼容获取页面滚动出去的距离 function getScrollTop() { return window.pageYOffset || document.body.scrollTop || document.documentElement.scrollTop || 0; } 兼容的获取页面滚动出去的距离 谷歌支持的方式：console.log(docum
2017-07-07 14:08:42
488
原创 &&和||
1.在js中的&&相当于if...else的用法，表达式1&&表达式2，当表达式1为假时就不执行表达式2了，相当于“找假”的作用；2.表达式1||表达式2，当表达式1为真时，就不执行表达式2了，相当于“找真”的作用
2017-07-05 14:41:29
193
翻译 XMLHttpRequest.abort()
XMLHttpRequest.abort() 方法将终止请求，如果该请求已被发出。当一个请求被终止，它的 readyState 属性将被置为0（ UNSENT ），但是并不触发 readystatechange 事件。var xhr = new XMLHttpRequest(), method = "GET", url = "https://developer.mozill
2017-07-05 09:49:00
2441
原创 url之后拼接时间戳的好处是避免缓存
若每次请求的地址是相同的，浏览器就去读取缓存，但却不去访问服务器，这样对于很多应用来时是非常好的，可以降低服务器的压力或者减少带宽的使用，但是对于ajax应用，很多都是必须保持时时的连接与服务器进行交互，所以需要使用时间戳来使每次的请求地址都不同，从而跳过浏览器的缓存机制实现每次的请求服务器，这样的功能在图片验证码的时候也是比较常用的一种方法。Time : function(s) { if
2017-07-04 10:51:47
1971
原创 CSS初始化代码
@charset "utf-8";/* 这个css是初始化的css，在任何项目里面都可以使用 *//* 禁用iPhone中Safari的字号自动调整 */html { -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; /* 解决IOS默认滑动很卡的情况 */ -webkit-overflow-scrolling
2017-06-30 09:56:48
252
原创 offset系列、client系列、scroll系列的属性
1. offset系列属性1.1 offsetTop属性:此属性可以获取元素的上外缘距离最近采用定位父元素内壁的距离，如果父元素中没有采用定位的，则是获取上外边缘距离文档内壁的距离。所谓的定位就是position属性值为relative、absolute或者fixed。返回值是一个整数，单位是像素。1.2 offsetLeft属性:此属性和offsetTop的原理是一样的，只不
2017-06-29 14:16:01
1046
1
原创 CSS3 响应式布局： 使用@media (min/max-width:***) 和@font-face及其兼容
1.运用@media实现网页自适应中的几个关键分辨率1.1 方式1：用min-width时，小的放上面大的在下面（一定要注意下顺序，否则可能会失效）@media (min-width: 768px){ //>=768的设备 }@media (min-width: 992px){ //>=992的设备 }@media (min-width: 1200){ //>=1200的设备 }
2017-06-28 15:49:38
2202
原创 touch事件笔记
touch事件touch事件可以分为单点触摸和多点触摸两种，单点触摸高端机一般都支持，Safari2.0、Android3.0以上的版本支持多点触摸，支持最多5个手指同时触摸屏幕，ipad最多支持11个手指同时触摸屏幕， 我们可以采用以下的事件模型捕获这些事件，touchstart touchmove touchend touchcancel当用户按
2017-06-28 07:48:07
238
原创 rem与em的区别及rem的js算法
1.rem与em的区别 em 是一个参照自身字体的是一个单位，先去找自身的字体大小，如果自身没有字体大小，找父元素；rem是一个参照html字体大小的一个单位。 Document html { font-size: 20px; } .box { font-size: 10px; } span { font-siz
2017-06-26 20:23:11
712
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人