- 博客(17)
- 收藏
- 关注
RSS订阅原创 IcoMoon双色字体图标换行时未完全显示
项目需要在一些用户名后面显示图标。最初直接用图片格式添加在文字后面，但在pc端和不同的手机端，图标位置忽上忽下，很难调，代码也显得杂乱。最终决定将mark制作成字体图标，用i标签来显示，以保证图标和字体位置一致。在需要加下划线的位置，也不用做任何特殊处理。参考了文章链接: link.自制字体图标，引入项目。位置的问题完美解决，但测试人员反映，在iOS端，有的图标显示有异常。正常是红色箭头所指，蓝色多边形内有一个白色勾，但绿色箭头所指处未显示白色勾。iOS端icon出现在一
2020-11-12 21:29:21
257
原创 nginx配置php include_path以及apache运行.htaccess报错Invalid command 'php_value'的处理
拿到一个二次开发的php项目代码，同事说环境可随便配。数据库准备好，代码丢到虚拟机里之后，发现有个.htaccess文件，应该用apache，但我配了个nginx...好在htaccess中只有一行代码，引入一个urlphp_value include_path ".:/usr/share/pear:/usr/share/php:/vagrant/code/lib"...
2020-03-18 12:15:42
1562
原创 Web页面iOS真机调试-win10
被叫去其他项目组帮忙改bug，一看全是安卓和pc谷歌浏览器上不会出现，仅在safari上存在的样式崩坏。但公司只给了台win10老爷机。于是开始了win10的iOS调试之路。主要步骤：在电脑上安装iTunes； 下载safari适配器； iPhone连接电脑； chrome打开inspect页面（手机访问虚拟机代码则需做端口映射）； 运行适配器； iPhone...
2020-03-16 16:57:56
2256
原创 Vue+CSS实现渐变 半透明遮盖文字 点击显示全文取消遮盖
1.目标效果2.实现思路默认指定列表最大高度，显示【显示全文】按钮，在显示全文前插入遮罩div。 点击显示全文后取消列表高度限制，隐藏【显示全文】按钮和遮罩div。3.实现代码html部分 <div class="notice_box"> <div> &l...
2020-01-23 15:07:13
2779
原创 Javascript判断浏览器终端是安卓Android还是苹果iOS
// get the type of client judgeClient() { let u = navigator.userAgent; let isAndroid = u.indexOf("Android") > -1 || u.indexOf("Adr") > -1; //判断是否是 android终端 let isIOS =...
2020-01-20 09:14:41
900
原创 Web页面Android安卓真机调试
如果是前端开发手机页面，通常会需要在手机运行本地代码，检查页面布局和显示，同时需要在chrome浏览器控制台进行调试。在这里记录一下安卓机web页面，手机运行，pc调试的操作方法。主要用到的是chrome的remote DevTools。主要步骤：一．运行本机代码的调试手机下载chrome浏览器； 在手机上的chrome浏览器访问本地代码（在url地址栏输入电脑ip+端口...
2019-12-27 13:56:41
2539
2
原创 Vue完成数据请求后内容超出显示省略号+显示查看全文按钮
需求：如下图，当Vue完成数据请求后，根据文章内容设置显示方式。10行以内的显示全文，不显示【查看全文】按钮；内容超过指定行数时，超出内容隐藏，末尾显示省略号并显示【查看全文】按钮。实现思路 在异步请求数据完成后，判断文章内容所在元素高度。根据元素高度控制元素class和按钮显示。实践//给文章内容元素设置ref ；绑定class样式hide_des...
2019-12-26 17:04:59
3128
原创 更新服务器的Vue代码后客户端样式崩坏
问题：原生app嵌套Vue写的web页面时，当app在使用过程中更新了服务器的前端代码，出现样式乱掉的情况。客户端清除缓存后可以解决，但一般用户并不知道需要清理缓存。解决：思路： 每次上传代码前build时生成不同的style.css的文件名，使得app每次重新加载服务器代码时，重新加载一次CSS文件。实践： 在vue.config.js文件中设置sty...
2019-12-26 16:00:03
243
原创 VUE+ElementUI dialog打开时禁止iOS端的body滚动
现象：在原生app中嵌套web页面时，时常会遇到由于系统不同带来的差异。此次引入ElementUI，使用其中的dialog组件时，明明默认dialog显示时，body不能滚动：安卓和pc下没毛病，但在iOS下lock-scroll无效，dialog背后的body依然可以滚动。解决方法：思路： 主要是在打开dialog时设置html的 ...
2019-12-26 14:55:32
1946
原创 设置input type为datetime-local时的最大值max
<input type="datetime-local" />Input标签 type为datetime-local时，键盘输入年份默认会在输入6个数字后自动跳转到月份的位置。为了输入方便，给datetime加上最大值限制，控制在输入4位数字的年份后，第五位数字直接成为月份。使用JavaScript实现，也是w3c上提供的方法https://www.w3schoo...
2019-07-31 12:43:13
3661
原创 如何用nodejs递归循环遍历输出文件名到一个新的文档内
万万没想到，接到领导要求，让写项目文档。 啊。。。项目文档的话，首先要写一下目录结构吧。。。目标： 运行nodejs代码，将指定路径下的 所有文件的文件名写入到一个新的txt文件内。实现： 1.创建一个js文件---readFile.js，里面写入如下代码：var fs = require('fs'); ...
2018-12-16 01:14:07
2165
原创 如何用CSS做六边形图片/蜂巢形图集（详解）
目标效果：要达到蜂巢形的图集展示，实质上就是做六边形图片。实现思路：1.一个大div内有两个子div，分别将两个div顺时针和逆时针旋转60度，形成六边形；2.给三个div加同一个背景，调节背景大小和位置，使得三张图片完全重合，形成六边形图片效果；3.复制粘贴5个六边形，并做flex布局。第一步：画出3个div第二步：2-1 给1一个div加同一个背景图...
2018-12-09 03:11:09
4163
3
原创 Javascript获取value值的三种方法及注意点
今天在js中用id名直接获取value值时遇到点问题，所以顺便做一下总结。 JavaScript获取value值，主要有以下三种： 1.用document.getElementById(“id名”).value来获取（例1）； 2.通过form表单中的id名或者name名来获取（例2）。 3.通过id名（不用写getElementById，也不...
2018-06-25 01:15:28
117036
6
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人