Javascript
关注
分享
扫一扫
niesiyuan000
这个作者很懒，什么都没留下…
展开
-
css圆形扩散动画
主要用css实现扩散效果原创 2022-12-02 10:38:11 · 1531 阅读 · 0 评论 -
树状结构节点获取
var demo = [{ id: 0, children: [ { id: 1, children: [ { id: 11, children: [ { id: 111, snCode: 666 }, { id: 112, sn.原创 2022-04-20 17:31:45 · 250 阅读 · 0 评论 -
js原生复制粘贴到剪贴板
copy(invCodeId) { var Url2 = document.createElement("textarea"); var appText = invCodeId Url2.value = appText; Url2.setAttribute("readonly", ""); Url2.style.position = "absolute"; Url2.style.left = "-9999px"; document.body.appendChild(Url2); var s.原创 2021-07-06 10:47:46 · 157 阅读 · 0 评论 -
多个div水平排列并出现横向滚动条
方法一、父集属性：width: 100%;overflow-x: auto;white-space: nowrap;子集属性：display: inline-table;<view style="width: 100%;overflow-x: auto;white-space: nowrap;"> <view class="" style="display: inline-table;background: red;">000000000000000000000000原创 2021-01-05 16:24:27 · 1651 阅读 · 1 评论 -
vue更新头像图片不更新
原因：图片更新了但图片地址还是原来的地址，出现缓存解决：改变图片路径（后面拼接时间戳）:src="myIndexData.userPicurl ? myIndexData.userPicurl + '?t=' + (new Date().getTime()) : ''"注：每次图片上传后路径为http://files.cs.teacheredu.cn/el/uc/face/u2122183.jpg?t=1609818385799，完美解决...原创 2021-01-05 11:50:58 · 1690 阅读 · 0 评论 -
浏览器内核、版本、微信内、qq内判断等等
一、判断是否qq内var isIosQQ = ( /(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent) && /\sQQ/i.test(navigator.userAgent));var isAndroidQQ = ( /(Android)/i.test(navigator.userAgent) && /MQQBrowser/i.test(navigator.userAgent) && /\sQQ/i.原创 2021-01-05 10:53:26 · 367 阅读 · 0 评论 -
js [] == ![]返回true，而{} == !{}返回false
console.log([] == ![]); //trueconsole.log({} == !{}); //false一、双等和三等的区别双等：先隐式转换再进行比较三等：直接进行比较（包括数据类型）二、隐式转换规则对象→字符串→数值布尔→数值ECMAScript 等性运算符中写到：在比较时，该运算符还遵守下列规则：值 null 和 undefined 相等。 在检查相等性时，不能把 null 和 undefined 转换成其他值。 .原创 2020-12-11 17:33:16 · 1106 阅读 · 1 评论 -
前端pdf禁止下载功能
一、下载pdf.js并解压下载地址:https://mozilla.github.io/pdf.js/getting_started/#download二、解压后我把它放在了我新建的pdfJs文件夹内，结构如下三、上代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt原创 2020-08-13 15:31:48 · 4070 阅读 · 1 评论 -
坐标系转换
一、调用方法（JS会放在下面）//国测局坐标(火星坐标,比如高德地图在用),百度坐标,wgs84坐标(谷歌国外以及绝大部分国外在线地图使用的坐标)//百度转国测局varbd09togcj02 = coordtransform.bd09togcj02(116.404, 39.915);//bd09togcj02: [ 116.39762729119315, 39.908656739...转载 2020-04-16 14:26:54 · 279 阅读 · 0 评论 -
nodejs mock
<div class="htmledit_views" id="content_views"> <h3><a name="t0"></a><strong>1. 什么是mock数据？</strong></h3><p>...转载 2019-11-25 15:28:10 · 721 阅读 · 0 评论 -
mac下解决谷歌跨域的问题
1.随意建立文件夹名为123(也可以叫别的)2.确定文件夹123目录位置：打开终端，将刚才建立的文件夹拖入进去(红框的位置就是你文件夹的目录位置)3.关闭谷歌浏览器并在终端输入 open -a "/Applications/Google Chrome.app" --args --disable-web-security --user-data-dir=/Users/ni...原创 2019-03-25 19:09:07 · 1526 阅读 · 0 评论 -
mac An error occurred and the operation could not be completed.
一、有可能svn存储满了，需要清一下1.关闭Cornerstone2.前往文件夹~/Library/Caches/Cornerstone(不会前往的自行百度)3.删除Cornerstone文件夹4.重启svn二、代码冲突找到代码冲突的文件，进行手动合并代码，重新上传...原创 2019-03-13 14:17:19 · 4263 阅读 · 0 评论 -
移动端长按事件
HTML<div style="width:100%; height:100px; background-color:#CCC;" ontouchstart="gtouchstart()" ontouchmove="gtouchmove()" ontouchend="gtouchend()">长按我</div> JSvar timeOutEvent=0;转载 2018-12-26 10:28:46 · 2364 阅读 · 0 评论 -
判断所有input单选框是否全部选中
html<div class="listWrap"> <div class="list"> <p class="title">第一题</p> <div class="boxWrap"> <div class="box"> ...原创 2019-08-28 21:07:32 · 1078 阅读 · 0 评论 -
a标签禁止跳转执行点击事件
一、单纯禁止跳转1.伪协议（不建议用）<a href="javascript:void(0)" >不能跳转</a> 2.click事件返回false<a href="http://www.baidu.com" onclick="return false" >不能跳到百度</a> 二、禁止跳转并执行所需click事原创 2018-10-08 11:00:09 · 10241 阅读 · 0 评论 -
vue解决跨域问题
1.找到config下的index.js的proxyTableproxyTable: { '/api':{ target: 'http://cas.cs.teacheredu.cn', //源地址（此处是我的源地址，项目不同自行更改） changeOrigin: true, //是否允许跨域 pathRewrite: {...原创 2019-03-25 20:18:31 · 453 阅读 · 1 评论 -
css多余变省略号
max-width: 2.3rem;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;word-break: break-all;/* 纯数字也换行 */但火狐，ie等浏览器不兼容此方法，所以需要另一种写法overflow: hidden;text-o...原创 2019-06-17 14:11:59 · 973 阅读 · 0 评论 -
百度地图安卓机两点间距离误差大
目的：使用百度地图测两点直线距离使用：百度地图api中的getDistance方法，经过测试，在ios是没有问题的，但是在不同的安卓机会出现几百至几千米的误差原因：经测试研究，ios和安卓当前位置经纬度的精度不一致，比如安卓机为39.1231231，IOS机为39.123122342142314213。so，在计算结果时会出现较大误差解决：自定义方法，计算两点间距离// 将用角度...原创 2019-07-10 10:07:29 · 1289 阅读 · 0 评论 -
echarts Y轴设置刻度间隔
设置最小刻度值minInterval: 6yAxis: [{ max:30, // min:0, type: 'value', minInterval: 6, interval:6， //每次增加几个 }],原创 2019-08-08 10:03:15 · 42182 阅读 · 1 评论 -
echarts 配置
转载自https://blog.youkuaiyun.com/zhang__ao/article/details/80745873 var myChart=echarts.init(document.getElementById('main'));//init初始化接口，返回ECharts实例，其中dom为图表所在节点var option = {...转载 2019-08-20 20:07:28 · 205 阅读 · 0 评论 -
echarts 移动端Y轴显示不全
如图所示：出现显示不全的状况解决办法：增加代码： grid: { left: '1%', right: '0', bottom: '10%', containLabel: true },...原创 2019-09-02 11:58:21 · 1803 阅读 · 0 评论 -
blur事件与click事件冲突的解决办法
给bulr事件加延时器原创 2019-09-27 10:46:23 · 471 阅读 · 0 评论 -
onclick事件传参时传中文传不过去
需要添加单引号或双引号var name = "'"+book.type.name+"'";原创 2018-03-27 18:39:49 · 3395 阅读 · 0 评论 -
input获取焦点时，禁止浏览器提示出现
给input增加autocomplete="off"，若不行再给父级加上原创 2018-09-18 10:34:30 · 2419 阅读 · 0 评论 -
bootstrap分页插件demo
引入JS 链接：https://pan.baidu.com/s/1NQtcBoJ9iXIHeXiEFjDAWg 密码：454aHTML :命名个容器用来装分页<ul id="pagination-demo" class="pagination m--margin-10"></ul>JS：// 初始化分页var $pagination = $('#pa...原创 2018-09-06 20:35:14 · 1039 阅读 · 0 评论 -
删除cookie时无法删除
遇到的问题：查看cookie没问题，但是删除时无法删除cookie解决办法：原因一、可能是因为domain域名不对设置 cookie 时若指定了 domain 域名，子域名可读取（子域共享该cookie），删除时则也需指定域名，否则无法删除。设置 cookie 时且未指定domain 域名，使用默认值，则表示只有当前域名可见（子域不可共享）。删除时也不需要指定域名，否则无法删除。所以若指定了域名，...原创 2018-05-10 21:16:12 · 1448 阅读 · 2 评论 -
JS判断UA
此文章摘录自别人文档var browser = { versions: function () { var u = navigator.userAgent, app = navigator.appVersion; return { //移动终端浏览器版本信息 trident: u.indexOf('Trident') ...原创 2018-04-19 20:27:47 · 7948 阅读 · 0 评论 -
点击出弹层后后面页面不滚动(移动端)
var event_f = function(e){e.preventDefault();} //禁止滚动，下面会进行监听document.body.addEventListener('touchmove', event_f, false); //禁止滚动document.body.removeEventListener('touchmove', event_f, false); ...原创 2018-04-23 16:42:47 · 1355 阅读 · 0 评论 -
唤起qq聊天，拨打电话等
<a href="mqqwpa://im/chat?chat_type=wpa&uin=910186480&version=1&src_type=web&web_src=meitu.anread.com.cn">客服QQ</a> //唤起QQ聊天<a href="tel:15010221827">客服电话&原创 2018-04-19 11:22:05 · 762 阅读 · 0 评论 -
移动端软键盘换行变成搜索
想把软键盘的换行换成搜索只需一步，在input标签外套上一个form表单即可<form action=""> <input type="text" name="" placeholder="搜索" onclick="clInput()" autofocus="autofocus"></form>.原创 2018-04-19 11:13:12 · 2927 阅读 · 0 评论 -
外面div透明里面内容不透明
用rgba的写法background: rgba(0,0,0, 0.5);原创 2018-03-30 21:29:22 · 2446 阅读 · 0 评论 -
eq选择器中动态值的bug
$(".rightBox:eq(0)").css("display","block");$(".rightBox:eq(id)").css("display","block");第一个因为是死值，所以可以直接实现第二个是无法实现的，因为是动态值解决办法：双引号,拼接。 ajax拼接了无数个东西，到这里可能会卡住。很傻的一个问题，卡了很久。。。。。。。$(".rightBox:原创 2018-03-30 16:10:15 · 415 阅读 · 0 评论 -
前端苹果阅读页卡顿
增加Css属性-webkit-overflow-scrolling:touch;原创 2018-03-08 14:27:31 · 231 阅读 · 0 评论 -
git报错--Git:failed to execute git
在vscoad中选择全部提交时候提示 Git:failed to execute git在git日志中会看到这么一行错误信息 empty ident name (for <XXXXXX.com>) not allowed (XXXXXX为你的邮箱)出现这个错误的原因是：git没有设置用户信息解决方案：设置user.email和user.name$ git config --globa...原创 2018-02-08 09:59:05 · 11850 阅读 · 0 评论 -
git报错——fatal: remote master already exists
出现这个问题的原因是远程主机已经存在。所以我们需要先删除仓库，再添加远程 Git 仓库删除：git remote rm origin（origin为你远程分支的名字）添加：git remote add origin XXX（XXX为你的远程仓库地址）打个广告：淘宝天猫内部优惠群，加我微信拉你进群18801014156...原创 2018-02-06 21:07:58 · 831 阅读 · 0 评论 -
onclick调用函数时若用$(this)未指向当前节点
<div onclick="aaa()"></div>function aaa(){ console.log($(this)) //这里指向的是window,而并不是指向本身}<div onclick="aaa(this)"></div>function aaa(b){ console.log($(b)) ...原创 2018-09-04 14:54:42 · 513 阅读 · 0 评论 -
JQ 点击事件select option
HTML<select class="aaa" style="width:80px;"> <option value="20">20</option> <option value="50">50</option> <option value="100&q原创 2018-08-29 20:06:46 · 1662 阅读 · 0 评论 -
jq判断input值不为空
var testVal = $(".testVal").val()if(testVal){ console.log("我有值")}else{ console.log("空空如也")}原创 2018-08-21 17:21:24 · 6510 阅读 · 0 评论 -
ajax Post 错误415
ajax进行post请求时向后台传参时出现错误415出现问题的原因：不支持的媒体类型解决办法1.data后面转成字符串格式2.加入dataType: 'json', $.ajax({ url: URL + url, data: JSON.stringify({ "id": originID, "Nick...原创 2018-08-24 10:36:56 · 2565 阅读 · 0 评论 -
报错：Uncaught SyntaxError: Invalid shorthand property initializer
百度翻译的意思为 无效的速记属性初始化器到现在我也没明白是怎么回事 反正应该和属性有关系这次联调时候发现的问题 因为把 ":" 写成了 "=" 发现总是犯这个错误，这次记录下来 希望以后可以记住...原创 2018-08-23 16:08:26 · 3562 阅读 · 1 评论