
随手记
tom_wong666
tom_wong666
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
[随手记]H5 input点击软键盘发起搜索后页面刷新问题
问题:H5 input点击软键盘发起搜索后页面刷新处理代码:<form target="frameFile" action="javascript:true"> <input /> <iframe name="frameFile" style="display:none;" title="处理点击submit后的页面刷新问题"></iframe></form>...原创 2021-05-27 11:33:30 · 468 阅读 · 0 评论 -
[随手记]css实现超出元素宽度的内容变为...
white-space: nowrap; overflow: hidden; text-overflow: ellipsis;原创 2019-05-03 18:04:02 · 690 阅读 · 0 评论 -
[随手记]VUE组件结构和前端代码规范
1 目录结构pre.├── README.md // README.md├── build // 编译配置目录├── config // 配置目录├── eslint-config // eslint 配置目录(弃用)├── index.html // index.html├── node_modules├...原创 2020-02-27 17:21:52 · 383 阅读 · 0 评论 -
[随手记]h5播放器属性和自定义播放器
16.3.1 属性和元素都提供了完善的 JavaScript 接口。下表列出了这两个元素共有的属性,通过这些属性可以知道媒体的当前状态。属 性 数据类型 说 明autoplay 布尔值 取得或设置autoplay标志buffered 时间范围 表示已下载的缓冲的时间范围的对象bufferedBytes 字节范围 表示已下载的缓冲的字节范围的对象bufferingRate 整数 下载过...翻译 2020-02-27 17:07:30 · 431 阅读 · 0 评论 -
[随手记]vue项目动态生成的img地址信息,webpack无法打包问题
但是,webpack不会对动态生成的资源地址打包解决方法:自己手工加载动态资源注意点:Webpack资源打包时的特点只会对源代码中出现的静态资源进行打包import ‘…/assets/css/base.css’但是,webpack不会对动态生成的资源地址打包解决方法:自己手工加载动态资源只会对源代码中出现的静态资源进行打包import ‘…/assets/css/...原创 2020-02-27 16:38:13 · 368 阅读 · 0 评论 -
[随手记]CSS sticky定位的特性
6、stickyposition属性中最有意思的就是sticky了,设置了sticky的元素,在屏幕范围(viewport)时该元素的位置并不受到定位影响(设置是top、left等属性无效),当该元素的位置将要移出偏移范围时,定位又会变成fixed,根据设置的left、top等属性成固定位置的效果。可以知道sticky属性有以下几个特点:该元素并不脱离文档流,仍然保留元素原本在文档流中的位置...原创 2020-02-27 16:26:51 · 291 阅读 · 0 评论 -
[随手记]docker php报错'mysqli_connect' is not a function 或 class 'mysqli' not found
背景:docker 配置 php环境完成后,使用php mysqli连接sql报错分析:1,开始使用如下方法连接:$conn = mysqli_connect("127.0.0.1","root","","newxiaoa",3306);本地ok,docker部署测试后报错’… “mysqli_connect” is not a function …’,幼稚的我改用如下写法$conn ...原创 2019-10-27 11:28:29 · 1267 阅读 · 0 评论 -
[随手记]URI和中文字符串互转
encodeURIComponent(test1) //http%3A%2F%2Fwww.w3school.com.cn%2FMy%20first%2F%3F%E4%B8%AD%E5%9B%BDdecodeURIComponent(test1) //http://www.w3school.com.cn/My first/?中国encodeURI() 函数可把字符串作为 URI 组件进行编码。...原创 2019-07-30 15:46:09 · 699 阅读 · 0 评论 -
[随手记]自定义浏览器scrollbar样式
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/ ::-webkit-scrollbar { width: 10px; height: 10px; background-color: #FFF; } /*定义滚动条轨道 内阴影+圆角*/ ::-webkit-scrollbar-track { border-radius: 10px; backgro...原创 2019-07-30 15:17:06 · 152 阅读 · 0 评论 -
[随手记]chrome和safari都是webkit内核,为什么两个浏览器还会有兼容性问题?
问题:chrome和safari都是webkit内核,为什么两个浏览器还会有兼容性问题?分析:刚开始接触浏览器内核的时候,我们会了解到chrome和safari都是webkit内核,至于webkit的来历,故事有点长,想了解的同学可以自行百度。到这里,我们一般认为同样的代码,在chrome和safari上的表现应该是一致的(这里未考虑平台和设备的因素),我最早也是这样认为的,但是现实啪啪啪...原创 2019-05-24 23:35:44 · 10024 阅读 · 0 评论