- 博客(54)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue 关闭代码严格模式，轻松运行
vue-cli 去掉严格模式：在根目录中找到 .eslintignore 文件打开该文件添加 屏蔽严格模式目录 src/*这样src文件夹下所有文件都不需要遵守代码严格模式，这样就能运行出来http://localhost:8080...
2021-05-24 17:04:00
798
原创 vue项目严格模式下的常见错误
Infix operators must be spaced 中缀运算符必须间隔 Newline required at end of file but not found 是需要在js css等后面再加一行(空行) Expected error to be handledStrings must use singlequote 对于字符串类型的数据String必须要使用单引号，不能...
2021-05-21 16:27:00
728
原创 mysql下载安装包及安装步骤
mysql.msi的安装包链接：https://pan.baidu.com/s/1-pkLJgA_Vf-6dtka9Tlj_w 提取码：1vr1安装步骤1.找到你下载的mysql安装软件双击安装2.出现如下界面勾选 I accpet the license terms，点击Next3.根据需求选择你需要的类型，点击NextDevelop Default:默认开发类型...
2021-02-03 09:48:00
5430
1
原创 微信分享连接个别手机、ios转发不显示图片的，缩略图不出来
像上面这种，微信分享后，打开是这样的。显示不了缩略图解决方法：在我们的网站网页 html代码中的<body>之后(也就是网站的第一张图片)增加<img src="http://singrr.com/wm/img/logo.jpg" style="visibility:hidden;height:0;width:0;" />在body下面加 后缀名为jpg...
2021-01-19 10:16:00
1656
原创 android调用plus报错plus is not defined
这两天用mui和h5+做移动APP调取设备，发现在安卓上报错plus is not defined,ios没有此现象记录下，以供参考我的页面写了mui.js并且初始化mui.plusReady(function(){})，但是外部还引用了调用设备的api，就导致外部的js 显示 plus is not defined原因：不要在没有plus和mui的环境下调用相关API解决办...
2021-01-18 14:27:00
2339
原创 自适应两个页面pc端与移动端打开网页时跳转到对应的地址
实现像淘宝那样的，pc一个网址，切换移动另一个网址pc：index.html移动：m.html设备判断(根据目前设备跳转对应url)在js中写function browserRedirect() {var sUserAgent= navigator.userAgent.toLowerCase();var bIsIpad= sUserAgent.match(/ipad/i)...
2021-01-07 10:03:00
830
原创 jq点击除了当前元素之外的其他元素的事件
//点击其他元素$(document).bind("click", function(e) { var target = $(e.target); if (target.closest("#cjj_select_name").length == 0) { //点击id为parentId之外的地方触发 $("#cjj_select_option").cs...
2021-01-06 16:53:00
1423
原创 js控制echarts显示，隐藏后不能自适应
在我们开发过程中，根据项目需求，需要将echarts图表先隐藏，然后点击按钮让它再显示出来。但是再显示时，图表出现了问题，它变得特别小，根本不能用原因：Echarts 图表是根据你定义的div 的样式来确定图表的大小，当图表隐藏时，Echarts会找不到div的宽和高，再次显示时它会给自己一个非常小的默认宽高值，所以在隐藏显示后会发现它变得非常非常的小。解决办法：1.在完成绘画e...
2020-12-25 11:29:00
849
1
原创 elementui分页报错Invalid prop:type check failed for prop total.Expected Number with value
使用element-ui的分页时，页面报错报错：vue.runtime.esm.js?2b0e:619 [Vue warn]: Invalid prop: type check failed for prop “total”. Expected Number with value NaN, got Function刚开始在分页里绑定了分页的总数据<el-paginati...
2020-12-09 17:12:00
10940
原创 vue中引入echarts 报错“export ‘default‘ (imported as ‘echarts‘) was not found in ‘echarts‘...
参考的是这篇博主的文章https://blog.csdn.net/weixin_44874618/article/details/110647652去看了下我自己的echarts的版本号npm ls echarts //查看echarts的版本一看确实是5.0的或者在page.json文件查看(这是重装好的，仅做演示)"dependencies": {"axios":...
2020-12-07 17:27:00
6535
2
原创 移动端适配1px的方法
为什么移动端css里面写了1px, 实际看起来比1px粗像这样就很粗，我们可以利用伪类 + transform 实现实现这样的效果原理是把原先元素的 border 去掉，然后利用 :before 或者 :after 重做 border ，并 transform 的 scale 缩小一半，原先的元素相对定位，新做的 border 绝对定位。.line { marg...
2020-11-24 18:23:00
257
原创 rem加百分比 移动端加载瞬间错乱解决方案
h5页面在手机端浏览时，会闪一下错乱的页面，然后才加载完整，让用户看着特不舒服。解决方案也简单1.JS加载顺序与加载方法body以及body包含的DOM还未被浏览器遍历之前，我们就应该将html的font-size计算好 function resize() { var htmlEle = document.documentElement; ...
2020-11-24 18:17:00
378
原创 h5页面在pc居中显示
我们开发h5页面在pc刚打开是铺满屏幕的，需要显示在中间，像这样其实很简单，在body加上他的最大宽度就好了body{max-width: 640px;margin: 0 auto !important;}转自https://blog.csdn.net/weixin_45885847/article/details/109842773...
2020-11-24 18:01:00
1045
原创 移动端 video播放器层级过高，遮挡住其他内容
用video在移动端遇到，点击导航栏，视频把导航给遮挡住了，差了好多文档。最后终于解决了百度一堆都是说加x5-video-player-type="h5"属性，其实不然，正确的写法是.<video class="video-js vjs-default-skin vjs-big-play-centered" x-webkit-airplay="true" webkit...
2020-11-24 17:56:00
5110
1
原创 页面多个H5播放器video，如何点击当前视频其他视频暂停
一个页面中有多个音频audio标签，怎样在点击其中一个播放时，其他的停止播放。放上完整代码<!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width...
2020-11-20 16:35:00
1487
原创 h5页面在移动端禁止缩放，双击放大，双指放大
h5的页面在手机浏览器，或者微信里面访问时，有时候不小心点了，页面就变大了就像这样需要在js里面添加方法将如下代码拷贝就OK了// 禁用缩放function addMeta() { $('head').append('<meta name="viewport" content="width=device-width,initial-scale=1,minim...
2020-11-17 18:19:00
3798
4
原创 uni-app发h5本地浏览index.html空白的问题
uni-app发h5 本地运行空白发布H5mainfest.json中修改配置再次在本地打开生成的静态文件夹static/index.html,发现可以直接访问了
2020-11-13 12:07:00
1561
1
原创 运行nvue 页面报错reportJSException >>>> exception function:GraphicActionAddElement, exception:You are tryi...
运行nvue 页面报错reportJSException >>>> exception function:GraphicActionAddElement, exception:You are trying to add a u-text to a u-text, which is illegal as u-text is not a container可能的问题...
2020-11-12 18:07:00
4116
2
原创 nvue页面注意事项
1.nvue 页面只能使用 flex 布局2.布局不能使用百分比、没有媒体查询。3.选择器仅支持class 选择器/* 错误 */#id {}.a .b .c {}.a > .b {}/* 正确 */.class {}border 不支持简写/* 错误 */.class { border: 1px red solid;}/* 正确 */...
2020-11-04 13:34:00
2068
原创 移动端可能遇到的问题解决方案
1.ios如何取消首字母大写 <input type="text" autocapitalize="off"> 2.移动端input键盘右下角搜索按钮 <form action="" onsubmit="return false"> <input type="search"> </form>...
2020-11-03 09:36:00
181
原创 ES6学习笔记
#0、raceur编译器Google公司的Traceur（http://github.com/google/traceur-compiler）编译器，可以将ES6代码编译为ES5代码。使用方法：直接插入网页首先，必须在网页头部加载Traceur库文件<script src = "http://google.github.io/traceur-compiler/bin/traceur.js" type="text/javascript"></script> <scrip
2020-08-14 14:03:52
182
原创 将博客搬至CSDN
##将博客搬至CSDN前端攻城狮，记录分享项目中遇到的问题，写的也不多，十几篇吧，希望能与大神们多多分享，学习心得这是部分截图。echart图表的，swiper轮播的。都是在用的时候遇到的问题，供参考...
2020-08-14 13:54:14
85
原创 安装node后配置在全局配置
之前发现安装node后才cmd打开查看版本号总是说“node不是内部或外部命令，也不是可运行的程序或批处理文件++"出现这个提示，就说明没有配置全局环境变量，下面这篇是从安装到配置，很全面的一篇教程，我试了很不错，放上连接下载node网站 https://nodejs.org/en/https://jingyan.baidu.com/article/48b37f8dd141b41a...
2020-08-13 11:44:00
211
原创 swiper使用loop后，无法获取索引的问题
swiper官网中（https://www.swiper.com.cn/api/properties/310.html）提到就是说如果写了 loop：true是的时候，会在循环完切换到第一张，但是获取索引就是realIndex下面上代码 <div class="main-left"> <div cl...
2020-07-08 15:43:00
892
原创 码云使用
1.下载安装Githttps://git-scm.com/download/win。2.注册码云，生成SSH公钥 ，添加SSH公钥3.创建项目这个是完整的创建流程https://blog.csdn.net/lishanleilixin/article/details/81671453https://blog.csdn.net/ai1362425349/article/det...
2020-04-21 11:02:00
136
原创 h5中canvas
1》canvas是什么?a)是一个html5新增的标签b)是一个画布，可以通过js的api添加图案2》canvas能做什么？使用场景 应用场景： 1》做游戏 2》画图案3》canvas使用 a) <canvas></canvas>b) 创建一个2d对象 getContext("2d") ps：3d需要插件的支持c) 画内容4》canvas填充...
2020-04-09 21:46:00
604
原创 echarts设置了，图例还是不显示问题
总结下图例不显示问题。百度都说legend要和series的name一直。是的，没毛病。下面我总结下单折线图和多折线图的图例设置问题先说单折线图的// 指定图表的配置项和数据var option = { legend: { show: true, right: '10%', top: 2, ...
2020-03-27 15:47:00
7890
1
原创 echarts自适应父级div，改变canvas的宽高
这两天真的被这个问题抓狂，找了好多都没有效果，百试无用。不过有句话说的很对：方法总比问题多。遇到问题总会有解决方法，只要你愿意试。下面说下我的方法，其实很简单没改前时这样的，canvas超出父级div的宽度改之后话不多说，上代码// 图表var myChart = echarts.init(document.getElementById('sale-cha...
2020-03-25 16:58:00
3727
原创 echarts设置柱状图数值在顶部，并且添加百分比，且为0时不显示
在series --> label中添加属性fromatterposition: 'top'在顶部显示option = { legend: { itemWidth: 15, itemHeight: 4, fontSize: 12, data: ['同比', '环比'], right...
2020-03-25 13:28:00
2222
原创 echarts多条折线图显示的问题
折线图单只比较好配置，但是多只的话，楼主整整难了一下午才搞出来，下面分享下啦var myChart = echarts.init(document.getElementById('series-chart'));// 指定图表的配置项和数据var option = { baseOption: { //图表配置标题 title: {...
2020-02-28 17:39:00
2313
原创 echarts配置环形饼图的参数，以及牵引线显示百分比，中间数据,牵引线标签不重叠...
最近项目有多处是用echarts的，有环形图，折线图，饼图，总结了一下。本次主要讲环形图，折线图在下期。这个是最终的效果图。下面附上代码//三种占比var myChartType = echarts.init(document.getElementById('type_chart'));var gailanTotal="";option = { legend...
2020-02-28 17:25:00
4653
1
原创 解决本地请求不到json问题，老是出现跨域
有时候我们需要在本地模拟请求json数据，但是老是出现谷歌跨域的问题，网上找了方法，说是把json和HTML文件放在同一目录，还有的是页面引用时加上callback的。但是不知道咋的，可能是本人不才，始终没有效果，于是采用暴力的方法，直接放在该页面的js文件中有数据了我就想反正是模拟数据，主要是看数据格式如何和页面交互，等到后台给了真实数据直接请求就欧克了。下面放...
2020-02-28 17:16:00
674
原创 swiper滑动失效问题
最近在写移动端的项目，页面有用的是swiper滑动的。但是会发现在滑动时，不灵活，就是滑动时隐藏的数据会显示，但是不滑动数据又在初始那，隐藏的数据还是看不到。于是各种排除问题，终于在pc端+移动端完美解决了问题问题出在初始化的时候放在html文件了，应该放在接口取值后找到swiper-wrapper类后马上初始化！$.ajax({ type: "get",...
2020-02-28 16:50:00
1487
原创 如何去掉万恶的wps屏保
自从换了上个UI的电脑后，就莫名其妙的多了屏保，最开始以为屏蔽掉就好了，发现他依然不屈不挠的有，然后就百度了好多，也没找到。。。心累今天终于开窍了，在角落里找打了。话不多说，上图打开首页，找到应用。我的是2019版本的。找到启动项，不勾选就搞定了他，其他的可能不一样，放上链接https://www.cnblogs.com/ryzz/p/8964857.html...
2019-12-24 09:35:00
323
原创 每日进步一点点
js拓展https://github.com/mqyqingfeng/BlogJavaScript专题系列预计写二十篇左右，主要研究日常开发中一些功能点的实现，比如防抖、节流、去重、类型判断、拷贝、最值、扁平、柯里、递归、乱序、排序等，特点是研(chao)究(xi) underscore 和 jQuery 的实现方式。1. 答案：1，undefined，22.3.统...
2019-12-09 09:41:00
218
原创 前端代码演示网站
1.https://codepen.io/2.http://jsrun.net3.http://www.jscssshare.com4.http://plnkr.co/ 英文
2019-11-06 15:53:00
292
原创 jq表单提交加正则验证
验证方法：姓名，手机，邮箱这些，鼠标点击移走用input的失去焦点blur事件。若为空，给input下方加提示消息。html:input框是引用bootstrap的css<div class="container-middle-form"> <!--<form c...
2019-09-26 17:18:00
193
原创 试试监听输入框的值 （eq:在未输入前，按钮为灰色，输入内容后，按钮变蓝色）...
参考网址：https://blog.csdn.net/tel13259437538/article/details/78927071
2019-09-19 18:03:00
334
node安装包.zip
2020-08-17
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人