![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 62
Coder Tom
A Front-end Web Developer.
展开
-
VSCode 用户代码片段 less文件
VSCode 用户代码片段 less文件.less.code-snippets.less.code-snippets{ "init": { "scope": "less", "prefix": "init", "body": [ "@unit: (1/20rem);", "@baseUrl: './';", "@themeColor: #abc;", "@pingfang: 'PingFang', '苹方', PingFangSC-Regular, sans-ser原创 2021-02-23 16:42:18 · 200 阅读 · 0 评论 -
工作问题记录 2020.10.01-2020.10.31
工作问题记录20202020.10问题:百度站长统计添加统计代码后一直显示“代码未生效”状态问题:Vue项目本地服务器加载线上服务器图片资源报错403问题:Vue中移动端禁止触摸滑动事件问题:css省略过长文字问题:Vue项目在开发环境和生成环境引入不同的index.html20202020.10问题:百度站长统计添加统计代码后一直显示“代码未生效”状态类型:HTML JS 百度统计时间:2020/10/10将meta标签的referrer策略设置为no-referrer-when-dow原创 2020-11-09 15:39:23 · 139 阅读 · 0 评论 -
whistle 真机调试移动端页面(移动端页面适配不同型号手机和不同浏览器调试 支持跨平台调试iOS Android)
问题:移动端页面适配不同型号手机和不同浏览器调试使用whistle原因在前端页面开发过程中经常遇到真机页面与PC上的Chrome浏览器调试器不一致,例如iPhone上的Safari浏览器、微信自带浏览器等自带的底部导航栏无法在PC上的Chrome浏览器上模拟。在真机上调试页面又无法查看页面文档结构以及元素属性等代码,导致页面Bug无法定位等问题。因此,在开发过程中需要使用whistle在真机上进行移动端页面跨平台调试,在PC上预览移动端的页面结构等调试功能。whistle是基于Node实现的跨平台原创 2020-10-15 17:08:55 · 1753 阅读 · 3 评论 -
vscode 用户代码片段创建 html css js vue less
html.json{ "mask&popup": { "prefix": "popup", // 快速创建蒙版弹窗 "body": [ "<div class=\"popupmask\">", " <div class=\"popup$1\">$2</div>", "</div>" ] }}css.json{ "trancenter": { "prefix": "trancenter", //.原创 2020-10-12 11:29:47 · 940 阅读 · 0 评论 -
VSCode 插件
我的VSCode使用插件列表插件名称插件描述Auto Close Tag自动补全闭合标签Auto Rename Tag自动重命名标签BeautifyHTML、CSS、JS代码格式化Bracket Pair Colorizer匹配的括号用颜色标识Change Case命名格式转换Chinese (Simplified) Language Pack for Visual Studio Code适用于 VS Code 的中文(简体)语言包Col原创 2020-10-12 11:08:46 · 112 阅读 · 0 评论 -
百度站长统计添加统计代码后一直显示“代码未生效”状态
百度站长统计代码未生效状态类型:JS 百度统计时间:2020/10/10 将meta标签的referrer策略设置为no-referrer-when-downgrade,具体如下`<meta name="referrer" content="no-referrer-when-downgrade" />`,一般20分钟就可以转为代码安装正确状态,另附referrer取值表属性值详细描述no-referrer-when-downgrade(默认值)当请.原创 2020-10-10 15:05:55 · 2232 阅读 · 0 评论 -
工作问题记录 2020.08.20-2020.09.30
工作问题记录 2020.08.27-2020.09.30问题:使用百分比或者rem定义移动端元素高度和位置时遇到不同比例设备出现定位偏移的页面兼容性问题类型:CSS 页面兼容性时间:2020/8/20 使用vw定义元素高度和垂直方向位置,通过视口宽度去定义浮动元素高度和垂直方向位置问题:弹窗蒙版触摸穿透类型:CSS JS 页面功能bug时间:2020/8/20 在body标签上加入css样式 `overflow: hidden; `问题:active的导航下加入个原创 2020-09-30 16:49:22 · 169 阅读 · 0 评论