随笔分类 -  前端

摘要:一般大家调试都是在浏览器端调试js的,不过有些时候也想和后台一样在代码工具里面调试js或者node.js,下面介绍下怎样在vscode里面走断点。 1,用来调试js 一:在左侧扩展中搜索Debugger for Chrome并点击安装: 二:在自己的html工程目录下面点击f5,或者在左侧选择调试按 阅读全文
posted @ 2018-12-20 20:33 双眸 阅读(19644) 评论(1) 推荐(2) 编辑
摘要:为什么需要 : 根据提供的目标浏览器的环境来,智能添加css前缀,js的polyfill垫片,来兼容旧版本浏览器,而不是一股脑的添加。避免不必要的兼容代码,以提高代码的编译质量。 共享使用browserslist的组件们: |组件名 | 功能 | | | | |Autoprefixer |postc 阅读全文
posted @ 2018-12-20 18:26 双眸 阅读(4541) 评论(0) 推荐(0) 编辑
摘要:用vue cli构建的项目脚手架已经帮你把autoprefixer的配置做好了,自己不需要做什么改动就会自动加前缀: 下面一起看看涉及到autoprefixer这个插件的一些配置: 1,postcss配置写在.postcssrc.js, 2,浏览器规则则写在package.json上, 3,开发环境 阅读全文
posted @ 2018-12-17 23:23 双眸 阅读(2847) 评论(0) 推荐(0) 编辑
摘要:命名冲突和文件依赖,是前端开发过程中的两个经典问题。通过模块化开发来解决。 AMD 规范在这里:https://github.com/amdjs/amdjs api/wiki/AMD CMD 规范在这里:https://github.com/seajs/seajs/issues/242 AMD 是 阅读全文
posted @ 2018-12-14 23:18 双眸 阅读(213) 评论(0) 推荐(0) 编辑
摘要:圆角效果 border radius border radius是向元素添加圆角边框。 使用方法: 不要以为border radius的值只能用 px 单位,你还可以用百分比或者 em ,但兼容性目前还不太好。 实心上半圆: 方法:把高度(height)设为宽度(width)的一半,并且只设置左上角 阅读全文
posted @ 2018-12-07 19:04 双眸 阅读(161) 评论(0) 推荐(0) 编辑
摘要:单行文本溢出显示省略号(…) text overflow:ellipsis 部分浏览器还需要加宽度width属性 多行文本溢出显示省略号 ● WebKit浏览器或移动端的页面 在WebKit浏览器或移动端(绝大部分是WebKit内核的浏览器)的页面实现比较简单,可以直接使用WebKit的CSS扩展属 阅读全文
posted @ 2018-12-07 13:27 双眸 阅读(201) 评论(0) 推荐(0) 编辑
摘要:在调移动支付问题的时候遇到过,用window.open打开一个微信支付链接,唤醒移动支付,在IOS下死活唤醒不了,是js代码冲突问题...是click事件IOS下不兼容问题...最后定位到window.open语句,之后改为window.loaction.href,奇迹般的可以唤醒支付,因此,也就很 阅读全文
posted @ 2018-12-06 18:37 双眸 阅读(2591) 评论(0) 推荐(0) 编辑
摘要:Chrome下调用play后抱错:DOMException: play() failed because the user didn't interact with the document first. 声音无法自动播放这个在IOS/Android上面一直是个惯例,桌面版的Safari在2017年 阅读全文
posted @ 2018-12-06 18:36 双眸 阅读(5851) 评论(1) 推荐(0) 编辑