- 博客(50)
- 收藏
- 关注
RSS订阅原创 react中npm run build打包后对应的js和css找不到
react中npm run build打包后对应的js和css找不到，解决方法：在package.json中加入"homepage": "./",即可解决此问题。
2021-01-21 19:34:03
2871
原创 vue中的某个页面修改body的背景色
在需要修改的vue页面中添加如下代码：beforeCreate () { // 修改背景色 document.querySelector('body').setAttribute('style', 'background-color:#fff')},beforeDestroy () { // 销毁背景色 document.querySelector('body').removeAttribute('style')}...
2020-08-12 16:33:58
1921
原创 安卓5.1系统的app加载h5页面展示空白问题
安卓5.1系统的app加载h5页面展示空白问题，其中ios系统均能正常显示，android系统高于5.0的均能正常显示，并且使用的是es5语法。解决方案：查找代码，是否使用了es6语法，将其修改为es5的语法。...
2020-06-27 17:28:47
1892
原创 判断H5页面是否在企业微信环境中打开
判断H5页面是否在企业微信环境中打开：var ua = navigator.userAgent.toLowerCase(); // 将用户代理头的值转为小写判断微信的方法：ua.match(/micromessenger/i) == 'micromessenger'或者/micromessenger/i.test(navigator.userAgent); //结果为true或者false判断企业微信环境：ua.match(/wxwork/i) == 'wxwork'或者/wxwo
2020-06-23 15:58:55
5546
原创 vue中将秒数转化为天时分秒，并倒计时
vue中将秒数转化为天时分秒，并倒计时，代码如下：export default { data () { return { countTime: 129600, _interval: ''， toLiveBtn: '计时点击事件' } }, methods: { // 倒计时事件 countdown() { ...
2020-04-21 10:24:45
4384
4
原创 js中base64编码
base64编码方法，如下：function base64 (str) { return window.btoa(str);}
2020-04-17 14:49:51
1166
原创 js动态添加外部的js文件和css文件
js动态添加外部的js文件，代码如下：var script = document.createElement('script');script.src = '.js文件';document.body.parentNode.appendChild(script);js动态添加外部的css文件，代码如下：var head = document.getElementsByTagName('h...
2020-04-16 19:34:39
476
原创 js动态生成div标签，并将此div标签渲染在body中
js动态生成div标签，并将此div标签渲染在body中。代码如下：var addDivDom = document.createElement('div'); // 创建div标签var bodyDom = document.body; addDivDom.id = 'id'; // div标签添加id// addDivDom.style.color = '#fff'; // 书写sty...
2020-04-16 15:59:31
3394
原创 vue-cli2.0本地启动命令和打包命令
vue-cli2.0本地启动命令： npm run devvue-cli2.0打包命令： npm run build
2019-12-25 15:20:10
1069
原创 mui.picker.min.js插件初始化日期的用法
mui.picker.min.js插件初始化日期的用法，格式为yyyy-mm-dd：var date = doc.getElementsByClassName('class')[0];date.addEventListener('tap', function() { var options = { "type": "date", //日期类型 "beginYear": '开始年',...
2019-12-25 09:17:45
1988
原创 H5中使一段文字中的某个字或者某些词语高亮
H5中使一段文字中的某个字或者某些词语高亮，图片如下，使图片中的名字两字高亮。实现原理：正则匹配全部需要修改的内容，书写高亮颜色的标签并用replace替换。代码如下：var heightLight = ("一段话，我的名字中名字高亮，替换我的名字哦").replace(/名字/g,"<span style='color:#ff5722;'>名字</span>");...
2019-12-19 13:54:14
2216
原创 ios input type=text readonly="readonly"，点击弹出有上下箭头以及完成按钮
问题描述：input type=text readonly="readonly"在ios手机上弹出上下箭头以及完成按钮的弹窗，截图如下：h5代码如下：<input type="text" readonly="readonly" placeholder="请选择" id="service">解决方法，只需要在点击事件里面加入document.activeElement.b...
2019-12-19 10:52:07
864
1
翻译 h5页面在微信中打开，字体显示不正常
h5页面在微信中打开，页面打开时字体正常显示，加载完成字体变大或者变小（其他浏览器均正常显示）。原因是调整了微信中页面字体大小，如下图所示：...
2019-11-25 13:44:29
3390
原创 vue中div作为按钮不可点击问题的处理
vue中div作为按钮，使用:disabled="flag"(flag为布尔类型)控制按钮是否可点击，发现无论flag为true还是false，div按钮都可点击。解决方法，将div换成button。
2019-10-17 15:25:06
7518
1
原创 css强制换行
div标签中的内容为长数字或长字母或长数字及长字母两者皆有（div标签不自动换行的原因），使用强制换行，样式如下：word-wrap:break-word;
2019-10-12 10:35:41
150
原创 vue中select标签根据下拉框选项选择的不同，获取相应的值
vue中select标签根据下拉框选项选择的不同，获取相应的值（单选）。实例代码如下：<select v-model="finalValue"> <option v-for="(item,index) in arrList" :value="item.value" :key="index" >{{item.name}}</option...
2019-09-18 17:44:10
9314
原创 判断Object(变量为{}的值)是否为空
判断Object(变量为{}的值)是否为空，实例如下：let varObject = {};if( JSON.stringify(varObject) == "{}" ) { console.log("为空")}
2019-09-16 17:22:03
1345
原创 js获取标签的高度
js获取标签的高度（1）标签的样式未定义高度，使用document.getElementById(“id”).clientHeight获取高度；（2）标签的样式定义高度，使用document.getElementById(“id”).style.height获取高度。...
2019-08-10 19:41:04
2065
原创 vue中for循环的写法
vue中for循环的写法，示例如下：<div v-for="(item,key,index) in cityList" :key="index"></div>item为值，key为键值，index为索引值。
2019-08-10 19:12:14
6178
原创 vue中将水印加在页面的某一部分
页面某一部分加水印的js方法：'use strict' let watermark = {} let setWatermark = (str) => { let id = '1.23452384164.123412415' if (document.getElementById(id) !== null) { document.body.removeChild(...
2019-08-10 11:46:29
2321
4
原创 vsCode左侧导航栏以及编辑区域字体整体调整的快捷键
vsCode左侧导航栏以及编辑区域字体整体变大的快捷键为ctrl+（+为键盘加号），变小的快捷键为：ctrl-（-为键盘减号）。
2019-08-07 14:02:50
3824
原创 vue的methods中的函数调用函数
vue的methods中的函数调用函数（methods中的函数互相调用）使用this.$options.methods.函数名/方法名，示例如下：methods: { functionA () { //functionA调用functionB函数 this.$options.methods.functionB() }, functionB () { ...functionB的逻...
2019-07-18 17:20:29
6187
原创 vue-cli3.0配置vconsole在不同的环境是否显示
vue-cli3.0中开发环境显示vconsole（在npm run serve显示），生产环境不显示vconsole（在npm run build不显示）。vconsole在页面显示如下：第一步，npm install vconsole-webpack-plugin --save-dev。第二步，在vue.config.js中写入如下代码： const vConsolePlugin =...
2019-07-09 10:36:42
4027
原创 vsCode保存时代码自动格式化
第一步，打开vsCode，查找Settings，路径为File—>Preferences—>Settings第二步，在【1】处输入emmet，选择【2】（Workspace，工作区设置），点击【3】处。第三步，在settings.json中，加入**“editor.formatOnSave”: true"**。以上三步完成了vsCode保存时代码自动格式化。...
2019-07-08 20:34:47
20414
1
原创 微信小程序中如何获取url中的参数
微信小程序中如何获取url中的参数，通过onLoad中的options参数，方法如下：Page({ onLoad:function(options){ console.log(options); }})
2019-06-30 18:55:20
13306
2
原创 vue.config.js去掉vconsole调试器
由于npm run build打包发布生产环境时，需要去掉vconsole调试器。在vue.config.js文件中加入如下代码：const vConsolePlugin = require('vconsole-webpack-plugin')configureWebpack: config => { //生产环境去掉vconsole调试器 let envFlag = ...
2019-06-19 15:38:54
10810
原创 去掉微信小程序button的边框
微信小程序button按钮去掉边框，使用style="border:none;"或者style="border-width:0;"等方法无效。有效方法如下：button::after { border: none; }
2019-06-04 10:04:46
399
原创 iPhone XS Max打开H5页面空白问题
问题描述：在开发过程中遇到从后台获取的H5标签嵌入页面，导致页面出现空白。空白的原因是html加载H5标签（方法如下），该方法会清空页面，导致页面出现空白。 $('body').html('后台获取的h5标签');解决方法将 $(‘body’).html(‘后台获取的h5标签’)改为 $(‘body’).append(‘后台获取的h5标签’)即可。...
2019-05-28 13:38:43
3168
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人