前端故事

通用reboot.css代码

2021-05-19|346人浏览

/* stylelint-disable at-rule-no-vendor-prefix, declaration-no-important, select...

vue中利用@touchmove控制页面是否滚动

2020-12-10|919人浏览

在使用vue开发中，碰到页面有时候需要滚动，有时候不需要滚动的情况。例如：移动端开发时，可以上下滑动的swiper中，里面有个容器可以益处滚动，为了防止滚动容器到顶或底部的时候带动swiper滑动，...

JavaScript 转义和还原html标签的方法

2020-12-10|633人浏览

转义：function HtmlEncode(text) { return&nb...

js怎样判断某个dom元素是否绑定了js事件呢？

2020-05-27|1080人浏览

js 有没有办法判断一个dom元素是否已经绑定了某个事件？据我所知原生的不好弄（反正我是没办法搞），jquery的实现其实很简单。jquery的事件都是事件委托，所有的事件都被它存了起来，判断某元...

非固定宽度图片（响应式图片）等比例显示

2020-05-19|713人浏览

有时候开发响应式网站的时候，需要固定图片的高度，但又要保证图片不变形，等比显示。确保即使在加载图像之前，它们也要占用一些空间，否则img元素将被缩小到零高度，从而导致布局重排并使惰性加载效率低下。有...

js怎样判断是真实点击事件还是模拟点击事件？

2020-04-20|1400人浏览

web开发中，用javascript编写程序时，有时会遇到这样的问题：js怎样判断是真实点击事件还是模拟点击事件？代码其实很简单：if(event && even...

视频H5のVideo标签在微信里的坑和技巧

2017-11-29|1456人浏览

随着 4G 的普遍以及 WiFi 的广泛使用，手机上的网速已经足够稳定和高速，以视频为主的 HTML5 也越来越普遍了，相比帧动画，视频的表现更加丰富，前段时间开发了一个以视频为主的移动端 HTML...

CSS各个浏览器Hack的写法

2017-08-15|1447人浏览

Hack是针对不同的浏览器去写不同的CSS样式，从而让各浏览器能达到一致的渲染效果，那么针对不同的浏览器写不同的CSS CODE的过程，就叫CSS HACK，同时也叫写CSS Hack。

让webstorm支持vue模板

2017-03-13|1476人浏览

默认情况编辑器会把.vue文件作为.txt文件的提示方式处理，这对开发纵然是不便利的;乍一看.vue文件的编写结构<style>css-样式\<template>html-模...

在webstorm或phpstorm中配置FTP（超级方便的一个功能）

2017-03-13|1247人浏览

Phpstorm除了能直接打开localhost文件之外，还可以连接FTP，除了完成正常的数据传递任务之外，还可以进行本地文件与服务端文件的异同比较，同一文件自动匹配目录上传，下载，这些功能是平常I...

小pig的个人博客