- 博客(43)
- 收藏
- 关注
RSS订阅原创 echarts的gallery无法访问
echarts的gallery无法访问,找到一个替代地址，注意收藏ECharts Demo集两个地址都可以：[1]: ：https://www.isqqw.com/[2]: ：https://echarts.isqqw.com/
2022-05-30 14:41:50
529
原创 移动端真机预览
平常写一个html移动端页面，除了在浏览器调试工具看效果外 想在真机上看一下真实适配效果。那么告诉你一个方法：1、使用vscode 安装 热更新插件：Live Server2、配置Live Server打开vscode 命令面板window：ctrl+shift+p（如果快捷键冲突的话直接点上面工具条：查看 => 命令面板）这个时候默认浏览器 就会打开你的项目首页 开启了热更新功能，修改代码 页面会随之更新；如果想在移动端看效果，那么还需要配置一下vscode同样 打开vsc
2022-05-29 16:58:13
1081
原创 解决webpack4.x使用autoprefixer 无效
1、安装npm install -D postcss-loader autoprefixer2、配置 module: { rules: [{ test: /\.css/, use: ['vue-style-loader',"css-loader", 'postcss-loader'] }]}根目录下创建 postcss.config.jsmodule.exports = { plugins: [ require('autopre
2022-05-22 15:34:51
258
原创 echarts - legend属性设置
legend属性设置：legend: { show: true, //是否显示 type: "plain", // 图例的类型 'plain':普通图例 'scroll':可滚动翻页的图例 zlevel: 1, // 所有图形的 zlevel 值。 icon: "circle", top: "5%", // bottom:"20%" // 组件离容器的距离 right: "5%", /
2022-05-18 15:46:06
647
原创 git commit 提交规范
代码提交信息的说明，能够使项目在后期协作以及Bug处理时更加容易理解1、commit message格式< type >: < subject > 注意：冒号后面有空格2、type 用于说明 commit 的类别，只允许使用下面7个标识feature/feat：新功能fix：修补bug docs：文档（documentation）style：格式（不影响代码运行的变动）refactor：重构（即不是新增功能，也不是修改bug的代码变动）test：增加测试
2022-05-18 09:31:13
292
原创 Error: Rule can only have one resource source (provided resource and test + include + exclude)...
问题：Error: Rule can only have one resource source (provided resource and test + include + exclude)维护一个老项目，配好环境之后，启动项目报错：原因分析：package.json中webpack版本冲突问题。解决办法：删除webpack，重新装以前的版本。npm uninstall webpacknpm install webpack@^4.0.0 --save-dev或者：1.删除node
2022-05-16 14:09:14
966
原创 npm，yarn如何查看源和换源
npm, yarn查看源和换源：npm config get registry // 查看npm当前镜像源npm config set registry https://registry.npm.taobao.org/ // 设置npm镜像源为淘宝镜像yarn config get registry // 查看yarn当前镜像源yarn config set registry https://registry.npm.taobao.org/ // 设置yarn镜像源为淘宝镜像镜像源
2022-05-16 11:47:08
1954
原创 nodemon : 无法加载文件 C:\Program Files\nodejs\nodemon.ps1，因为在此系统上禁止运行脚本。有关详细信息
问题：nodemon 运行命令报错：nodemon : 无法加载文件 C:\Program Files\nodejs\nodemon.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。解决方法：1、以管理员身份打开powershell(https://jingyan.baidu.com/article/09ea3ede40cc2dc0aede3
2022-03-31 11:53:43
975
原创 npm login报错问题
如果npm login 的时候遇到如下错误npm notice Beginning October 4, 2021, all connections to the npm registry - including for package installation - must use TLS 1.2 or higher. You are currently using plaintext http to connect. Please visit the GitHub blog for more info
2022-03-28 10:19:17
1504
原创 vue 实现打印功能
最新项目要实现页面打印功能，尝试了不少方法，感觉这个方法还是比较好用，提供这个方法的博客链接不记得，挺感谢的。不说了 上代码：print.js代码：// 打印类属性、方法定义/* eslint-disable */const Print = function (dom, options) { if (!(this instanceof Print)) return new Print(dom, options); this.options = this.extend({
2020-11-05 10:30:11
1103
原创 获取url中相应参数值
平常工作时经常会遇到需要获取地址栏url中所带参数的问题，下边这个方法 简单粗暴 直接拿值export function GetQueryString(name) { var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则 if (r != null) return
2020-10-23 09:21:36
131
原创 ios 嵌套H5页面 input 光标跑偏的问题
问题描述：目前在做的一个APP嵌套用的H5页面，内部表单的input输入框，在Android手机上获取焦点之后 显示正常，但ios手机上光标高度会跟父元素一样高，键盘输入数据后 光标会往上跑偏问题代码：问题原因：主要原因就是给父盒子添加了height和line-height，当点击输入的时候，光标的高度就自动和父盒子的高度一样了。（谷歌浏览器的设计原则，还有一种可能就是当没有内容的时候光标的高度等于input的line-height的值，当有内容时，光标从input的顶端到文字的底部）解决方
2020-10-14 12:14:19
649
原创 app嵌套H5 图片不显示问题
问题描述：原生app嵌套H5页面，H5页面数据通过js模板字符串进行拼接渲染，问题代码：let n = `<div class='imgContainer'><img src="./img/red2.png" /></div>`本地调试图片展示正常，但上到测试线，在app上图片会出现破碎的情况，这个问题查了一下是图片路径引用机制的问题，需要用require进行引用解决：let n = `<div class='imgContainer'><i
2020-10-08 12:05:32
1061
原创 IOS嵌套H5 对时间格式‘2020-10-05 10:29:33’不兼容的问题
先看问题：下边这段代码是 通过接口返回时间 ‘‘2020-10-05 10:29:33’ 转换成时间戳 然后跟当前时间的时间戳进行比较来控制按钮的显示 startTimeStr = data[0].startTime endTimeStr = data[0].endTime startTime = new Date(startTimeStr).getTime(); endTime = new Date(endTimeStr).getTime(); if (nowDate &l
2020-10-05 10:39:04
520
2
原创 两个img之间为什么会有空隙及解决方法
1.两个img标签产生空隙的原因img标签本身是个行内元素，当多个img标签排在一起时，它们之间如果有回车换行或者空格就会形成空隙。其实如图片文字等内联元素，它默认对齐方式都是和它的父级的 baseline 去进行对齐的，但是你对齐的是 baseline，撑开高度的却是元素整体的高度（bottom line），这样肯定就会造成一定的间隙。2.解决办法1、img{ display:block};（消除上下间隙） 将其改变为block元素，但是该方法直接改变了img行内块的性质。2、img{v
2020-07-25 20:55:10
4247
原创 360浏览器兼容模式的页面显示问题
开发过程中 突然发现一个问题：页面在360极速模式显示正常，但切换到兼容模式就是一片空白解决：打开360浏览器后默认让其先选中极速模式代码：<meta name="renderer" content="webkit"><meta http-equiv="X-UA-Compatible" content="IE=edge">...
2020-06-03 11:27:35
1281
原创 echarts超出容器宽度问题的解决办法
在使用vue+iview+echarts时，出现了echarts图标刷新页面会超出容器宽度的问题，效果如下：DOM结构:JS代码:解决方法：在网上查找了很多方法 也都各种尝试 但都解决不了 页面刷新图表超出容器宽度的问题，后来了解到 echarts渲染原理后，很简单的一个处理 就可以解决这个问题，方法如下：惊喜不？！...
2020-05-28 09:59:28
6165
原创 vue数据导出excel
一、调用后台接口操作调用时，需要在请求接口时 表明返回服务器返回的数据类型为blob/** * 订单导出 * @param params * @returns {*|never|Promise<T>} */export const orderExport = (params) => { return axios.request({ url: '/orde...
2020-03-21 10:15:15
208
原创 安装node-sass运行报错 this.getResolve is not a function at Object.loader
vue安装node-sass编译报错Modele build failed: TypeError: this.getResolve is not a function at Object.loader…sass-loader 版本太高所导致的 找到package.json文件 修改成低版本即可（^7.3.1）...
2020-03-07 11:02:23
203
1
原创 Module build failed: TypeError: this.getResolve is not a function at Object.loader 安装node-sass运行报错
安装node-scss报错在搭建vue脚手架 或者是在vue项目中，想使用sass的功能，npm install node-sass --save-dev //安装node-sass npm install sass-loader --save-dev //安装sass-loader npm install style-loader --save-dev //安装style-l...
2020-03-06 15:05:34
143
原创 Error: Can't find Python executable "python", you can set the PYTHON env variable.
错误原因：Node.js 在安装模块的时候报错，缺少python环境。解决办法：第一种方式：安装Python及环境变量配置一定要安装python2.7的版本环境变量安装可以参考：http://blog.csdn.net/lyj_viviani/article/details/51763101如果第一种方式不行，可以试试第二种方式：运行下面的代码：npm install --glo...
2020-03-06 14:46:55
255
原创 git clone 时候出现Please make sure you have the correct access rights and the repository exists.问题解决
输入 git clone 命令时出现Please make sure you have the correct access rights and the repository exists.错误，出现改问题的原因是git服务器没有存储本地ssh密钥。解决步骤：删除 .ssh 文件夹【C:\Users(本地用户名).ssh】 中的 known_hosts(直接删除即可)在下载好的Gi...
2020-02-10 13:15:20
361
原创 h5页面 在手机端软键盘弹出会顶起页面布局的解决方法
调出软键盘时，页面底部被顶起导致页面混乱；解决：<script type="text/javascript"> window.onload = function () { var oHeight = $(document).height(); $(window).resize(function () { //ios软键盘弹出不会触发resiz...
2019-12-26 14:53:27
3755
原创 vue启动报错 Error: listen EADDRNOTAVAIL: address not available 192.168.xxx.xx:8081
报错图片：错误原因：1、端口号已被占用解决方法：npm install之后，运行 npm i -D webpack-dev-server@2.9.7 然后重新启动就可以了2、ip地址不对解决方法：将所设置的代理IP修改为 自己的本机IP就行了！...
2019-12-20 11:20:38
10784
1
原创 js获取当天时间以及当天时间的0点及24点，并标准化为YYYY-MM-DD HH:MM:SS
获取当前时间：var date = new Date(+new Date()+8*3600*1000).toISOString().replace(/T/g,' ').replace(/\.[\d]{3}Z/,'')获取当天时间以及当天时间的0点及24点（时间戳为ms）：var date1 = new Date(new Date(new Date().toLocaleDateString(...
2019-12-18 10:58:52
636
原创 ajax请求跨域问题总结
一、415错误错误代码：$.ajax({ //请求方式 type: "POST", //请求地址 url: "http://39.98.245.70:8090/activityUser/upLoadImg", //数据，json字符串 data: JSON.stringify(list), ...
2019-12-10 17:09:38
182
原创 如何用jquery获取input输入框中的值？
如何用jquery获取中输入的值？$(" #test ").val()$(" input[ name='test' ] ").val()$(" input[ type='text' ] ").val()$(" input[ type='text' ]").attr("value")
2019-12-10 16:36:34
206
原创 vue : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.
创建Vue项目出错，提示vue : 无法加载文件 C:\Users\Administrator\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有关详细信息，请参阅 https:/go.microsoft.com/fwlink/?LinkID=135170 中的 about_Execution_Policies。1.以管理员身份运行PowerShell2....
2019-11-21 10:02:26
437
原创 vue钩子函数mounted,页面回退时不执行
一、问题描述目前在做一个电商项目，在商品列表list点击item商品的查看详情按钮时，首次进入详情页，页面会进行渲染，钩子会走mounted,但回退之后，再点击其他商品详情，详情页不会进行更新渲染。问题代码如下：商品列表页：商品详情页：二、解决办法将钩子mounted的操作放入钩子activated，问题解决~~...
2019-11-15 13:47:06
1910
原创 js中时间格式与时间戳的相互转换
一、时间转时间戳1、当前时间转换（毫秒）new Date().getTime()2、指定时间转换（毫秒）let timeDate = "2019-11-11 16:26:24";new Date(timeDate).getTime()二、时间戳转化为日期//将时间戳转换成日期格式yyyy-mm-dd hh:mm:ss timestampToTime(timestamp)...
2019-11-11 16:11:26
249
原创 js中在字符串中插入新的字符
用split(）方法将字符串转为数组，然后用splice() 方法进行插入，再重新用join()方法改为字符串例：let a="123456";let b=a.split(""); //输出为["1","2","3","4","5","6"]b.splice(2, 0, "7");b.join("");console.log(b); //输出1273456...
2019-11-08 20:29:29
17938
原创 js中判断对象是否为空
一、将对象转化为json字符串，再判断该字符串是否为"{}"例：let obj= {};let newObj = (JSON.stringify(obj) == "{}");console.log(newObj); //true 为空， false 不为空二、使用Object.keys(obj) 将对象的key值转换为数组 判断数组length是否为0例：let obj= {}...
2019-11-07 11:26:32
141
原创 vue路由跳转方式及传参
一、 router-link 【实现跳转最直接的方法】1. 不带参数<router-link to='需要跳转到的页面的路径>浏览器在解析时，将它解析成一个类似于 的标签。父组件（params）：<router-link :to="{name:'index', params: {id:1}}"> // 路由配置 path: "/index/:id" 或者 pa...
2019-10-25 12:18:04
274
原创 js数组与字符串的相互转换
一、数组转字符串需要将数组元素用某个字符连接成字符串，示例代码如下：let array= new Array(0,1,2,3,4);let string=array.join(',');console.log(string); //输出“0,1,2,3,4”二、字符串转数组实现方法为将字符串按某个字符切割成若干个字符串，并以数组形式返回，示例代码如下：let string =...
2019-10-25 10:31:06
87
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人