上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 15 下一页
摘要: 一、取消a标签在移动端点击时的蓝色 a{ -webkit-tap-highlight-color: rgba(255, 255, 255, 0); -webkit-user-select: none; -moz-user-focus: none; -moz-user-select: none; } 阅读全文
posted @ 2020-03-19 23:09 陈莺莺呀 阅读(294) 评论(0) 推荐(0) 编辑
摘要: 即使使用 *{margin: 0;padding: 0;} 这样的代码重置了浏览器默认样式 类似<a>标签这种inline-block元素,它们之间还是存在着留白和间距。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> < 阅读全文
posted @ 2020-03-19 23:07 陈莺莺呀 阅读(1525) 评论(0) 推荐(0) 编辑
摘要: video视频是通过编辑器在后台上传的,上传视频时编辑器要求必须传入视频的宽高,而且必须是数字,不能是百分比 实在太不智能了,传具体数字怎么适配各种型号的设备呢??? 在前台显示视频的时候,所有的video标签都有设置好的width和height属性 我首先移除了视频设置的宽高属性 $(functi 阅读全文
posted @ 2020-03-19 13:57 陈莺莺呀 阅读(3310) 评论(0) 推荐(0) 编辑
摘要: 网站是用的kindeditor编辑器,今天测试上传视频功能,提示说上传失败,容量超出 打开upload_json.php 修改$max_size $max_size = 100000000; 成功上传视频后,发现生成的格式是embed,而且前台并不能显示播放 于是决定将原来系统中的embed标记更改 阅读全文
posted @ 2020-03-19 13:07 陈莺莺呀 阅读(1714) 评论(0) 推荐(0) 编辑
摘要: 数据库大概长这样 导出,格式选择 csv for ms excel 导出的csv文件用记事本打开,另存为txt格式,编码选择ANSI 把txt文件丢到excel里打开,发现所有内容都在同一列,长这样 选择数据-分列 分列成功,完美! 阅读全文
posted @ 2020-03-18 15:14 陈莺莺呀 阅读(599) 评论(0) 推荐(0) 编辑
摘要: JavaScript性能优化 DOM操作优化 查找DOM元素能用id就用id,是最高效的查找方法(还得看具体环境) document.getElementById('slider') 从document开始查找子元素效率不高,建议从具体父元素开始查找 减少元素查找的层级 var sliderItem 阅读全文
posted @ 2020-03-17 16:32 陈莺莺呀 阅读(578) 评论(0) 推荐(0) 编辑
摘要: CSS性能优化 CSS选择器优化 如果可以直接选中元素,不需要加一些多余的修饰 /*不要使用类选择器和ID选择器修饰元素标签,这样多此一举,还会降低效率。*/ div#slider.slider { } 一般来说,class用于样式,id用于js,因为id定义的样式不利于复用 保证不会误选的情况下, 阅读全文
posted @ 2020-03-17 15:29 陈莺莺呀 阅读(477) 评论(0) 推荐(0) 编辑
摘要: HTML性能优化 查看淘宝移动端的做法: css全部使用内联,js有内联,也有引入外部文件 查看京东移动端的做法: css和js都是既有内联,既有引入外部文件 内联的优点: 减少HTTP请求 内联的缺点: 1、没法复用 2、是HTML变大,加载变慢 3、不利于复用(可以用工程化手段解决,维护源码,上 阅读全文
posted @ 2020-03-17 15:17 陈莺莺呀 阅读(675) 评论(0) 推荐(0) 编辑
摘要: 先准备个测试模板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title> 阅读全文
posted @ 2020-03-17 14:34 陈莺莺呀 阅读(2327) 评论(0) 推荐(0) 编辑
摘要: 单行文字溢出省略: 给容器添加css样式: .text-ellipsis{ overflow:hidden; text-overflow: ellipsis; white-space: nowrap; } <!DOCTYPE html> <html lang="en"> <head> <meta c 阅读全文
posted @ 2020-03-17 14:00 陈莺莺呀 阅读(1243) 评论(0) 推荐(0) 编辑
上一页 1 ··· 5 6 7 8 9 10 11 12 13 ··· 15 下一页