Loading

随笔分类 -  web前端开发移动H5网站学习&工具&框架

web网站前端开发相关知识学习分享，移动H5前端开发工具&框架知识整理
最全的中文Vscode扩展插件&配置调试&快捷键&格式化方法
摘要：21年8月第一次使用vscode，看了知乎很多大佬都在推荐这款编辑器，于是下载了一个使用。 目前刚配置好，还不是特别习惯这个编辑器，使用心得就先不写了。 记录一下扩展插件&配置调试&快捷键&格式化方法吧。 个人配置(首选项 - 设置) 常用设置 - 设置tab size为2 - 勾选Inser Sp 阅读全文
posted @ 2021-08-05 23:47 inzens 阅读(660) 评论(0) 推荐(0)
中文汉化atom最美前端开发编辑器插件安装和常用配置&快捷键，5年的使用心得
摘要：atom这款编辑器是16年一个朋友安利给我的，安装一看简直美的一塌糊涂，就作为次要的编辑器在使用了，由于设置了一次后就基本上没重装过电脑了。 最近新装了mac（黑苹果），结果发现原始的atom设置很多地方使用起来不习惯了。 因此干脆记录下来部分自己能想起来的设置吧，万一以后又重装了，也能找到个存档， 阅读全文
posted @ 2021-08-05 22:40 inzens 阅读(1997) 评论(0) 推荐(0)
使用标签link rel="alternate"属性，帮助搜索引擎对不同设备的用户提供不同类型的页面
摘要：用法一：将PC版页面指向移动版页面，将移动版页面指向PC版页面 这样有利于搜索引擎，对不同设备的用户提供不同类型的页面 具体使用方法： PC版本页面head应添加 <link rel="alternate" media="only screen and (max-width:640px)" href 阅读全文
posted @ 2021-08-03 22:25 inzens 阅读(336) 评论(0) 推荐(0)
记录下最近写前端的一些小技巧
摘要：纯CSS实现鼠标指向文字上下滑动 HTML代码 <span data-title="首页">首页</span> CSS代码 span{position:relative;display:inline-block;transition:all ease-out .3s} span:after{posi 阅读全文
posted @ 2019-01-17 21:47 inzens 阅读(310) 评论(0) 推荐(0)
sublime text 3/4 常用插件/教程/快捷键等设置方法
摘要：必备插件： https://www.xuanfengge.com/practical-collection-of-sublime-plug-in.html 快捷键： https://blog.csdn.net/md1688/article/details/53043525 (常用) http://w 阅读全文
posted @ 2018-05-18 13:05 inzens 阅读(585) 评论(0) 推荐(0)
Gulp 自动化你的前端
摘要：前端（段子）界的发展突飞猛进，总感觉随时会跟不上技术潮流（其实我已经被甩开了一条街，so sad 选择在这样一个时机发布一篇 gulp 教程并不是我的初衷，第一次用 gulp 是在一年前，而这篇帖子在草稿箱里躺了一个多月，再不发出来说不定就过时了。 当我在用 gulp 时我用它做什么？ 总之，gul 阅读全文
posted @ 2018-05-16 17:46 inzens 阅读(221) 评论(0) 推荐(0)
gulp详细入门教程
摘要：简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的构建利器；她不仅能对网站资源进行优化，而且在开发过程中很多重复的任务能够使用正确的工具自动完成；使用她，我们不仅可以很愉快的编写代码，而且大大提高我们的工作效率。 简介： gulp是前端开发过程中对代码进行构建的工具，是自动化项目的 阅读全文
posted @ 2018-05-16 17:13 inzens 阅读(335) 评论(0) 推荐(0)
使用gulp将js css合并压缩成单个文件，并自动化打包及静态文件自动添加版本号
摘要：前端自动化打包发布已是一种常态，尤其在移动端，测试过程中静态资源的缓存是件很头疼的事情，有时候明明处理的bug测试还是存在，其实就是缓存惹的祸，手机不比pc浏览器，清理缓存还是有点麻烦的。所以自动化实现静态资源的版本更新才是正道。 实际开发过程中，我们常用到的功能包括： 1、目标路径的清除； 2、静 阅读全文
posted @ 2018-05-03 16:30 inzens 阅读(651) 评论(0) 推荐(0)
Chrome开发者工具指南
摘要：原文地址：https://www.zhihu.com/question/34682699/answer/81858413 1.基础功能篇 http://www.cnblogs.com/constantince/p/4565261.html 2.进阶篇 http://www.cnblogs.com/c 阅读全文
posted @ 2016-12-22 18:55 inzens 阅读(160) 评论(0) 推荐(0)
史上最全的CSS hack方式一览
摘要：CSS hack方式一：条件注释法 这种方式是IE浏览器专有的Hack方式，微软官方推荐使用的hack方式。举例如下 CSS hack方式二：类内属性前缀法 属性前缀法是在CSS样式属性名前加上一些只有特定浏览器才能识别的hack前缀，以达到预期的页面展现效果。 IE浏览器各版本 CSS hack 阅读全文
posted @ 2016-05-05 18:03 inzens 阅读(1658) 评论(0) 推荐(0)
dreamweaver中如何清除代码中多余的空行？
摘要：我们用dreamweaver编辑网页时，有时会因为这样或那样的原因产生很多空行，从而使得文档很长，代码行数居高不下。实际上我们可以通过正则表达的方法，去除网页中多余的空行。 在dreamweaver中打开网页文件 在dreamweaver中打开网页文件 打开dreamweaver自带的搜索功能，或用 阅读全文
posted @ 2016-04-09 13:23 inzens 阅读(1057) 评论(0) 推荐(0)
Discuz! 模版变量/标签
摘要：Discuz模版标签 阅读全文
posted @ 2016-03-23 16:41 inzens 阅读(1443) 评论(0) 推荐(0)
最值得收藏优秀推荐的 Google Chrome 谷歌浏览器插件扩展推荐列表
摘要：由于 Chrome 已经不允许用户安装非应用商店的第三方 .crx 扩展了，所以这里只提供了 Google Webstore 应用商店的官方下载地址。因为众所周知的原因，国内访问可能需要使用各种「番·羽·士·啬·工·具」才行，这里不多做讨论，大家各显神通吧…… Chrome App 浏览器应用： A 阅读全文
posted @ 2016-01-25 17:32 inzens 阅读(3039) 评论(1) 推荐(0)
自适应网页设计（Responsive Web Design）
摘要：随着3G的普及，越来越多的人使用手机上网。移动设备正超过桌面设备，成为访问互联网的最常见终端。于是，网页设计师不得不面对一个难题：如何才能在不同大小的设备上呈现同样的网页？手机的屏幕比较小，宽度通常在600像素以下；PC的屏幕宽度，一般都在1000像素以上（目前主流宽度是1366×768），有的还达... 阅读全文
posted @ 2015-11-16 15:10 inzens 阅读(231) 评论(0) 推荐(0)