- 博客(30)
- 收藏
- 关注
原创 $.getScript()方法获取js文件
通过$.getScript(‘xxxx.js’)获取xxxx.js文件,这时的ajax是一个get请求的状态,如果进行了入参data的赋值那么他就会跟在url后面,同理获取json文件,css文件。
2023-07-19 21:05:33
1298
原创 $.ajax 怎么进行 json请求
.ajax请求默认是form表单的格式,这次给到的接口需要的是json的格式,一开始只是将dataType调整为application/json;charset=utf-8,在f12看到的确实是将请求方式改变了,但是参数格式不对劲,应该是个json对象才对。通过查找才知道:application/json;charset=utf-8以及将data进行了JSON.stringify()以后才能得到一个正确的请求。
2023-07-03 12:33:25
1064
原创 安装nvm 以及遇到的坑
1、安装nvmhttps://github.com/coreybutler/nvm-windows/releases注意安装路径自定义选择的时候不要有空格(即这种文件名Program Files)2、验证是否安装成功3、查看配置3、修改NVM文件夹的settings.txt文件,追加两行代码,目的是使用国内的镜像下载4、安装指定版本的node 显示如下报错5、通过nvm use 版本号 即可切换到 Node 版本出现了exit stat...
2022-04-29 17:55:22
644
原创 常见的正则表达式
匹配中文字符的正则表达式: [u4e00-u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^x00-xff] 评注:可以用来计算字符串的长度(一个双字节字符长度计2,ASCII字符计1) 匹配空白行的正则表达式:ns*r 评注:可以用来删除空白行 匹配HTML标记的正则表达式:<(S*?)[^>]*>.*?|<.*? /> 评注:网上流传的版本太糟糕,上面这个也仅仅能...
2021-11-08 21:21:11
121
原创 怎么通过项目学习新的技术栈
学习新的技术的时候,从零开始,在网上冲浪的时候就很盲目,资料太多太杂。总结一下来自掘金大佬的经验,以免自己下次又陷入无头苍蝇。原文地址:https://juejin.cn/post/6844904134332645389 作者:MacroZheng1、明确目标 学习技术之前需要明确自己学这个技术是为了做啥子,这样才不会在项目的很多的时候挑花眼,瞎忙。比如我是太久没有接触vue了,重新学,需要先做一个最基础的后台管理系统的前端界面 跟下面类似2、基础学习 因为我要学的是...
2021-10-09 14:21:42
829
原创 日期时间正则
1、YYYY-MM-DD or YYYY-M-Dvar reg = /^(?:(?!0000)[0-9]{4}([-/.]?)(?:(?:0?[1-9]|1[0-2])([-/.]?)(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])([-/.]?)(?:29|30)|(?:0?[13578]|1[02])([-/.]?)31)|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[
2020-12-28 14:23:49
320
原创 在iframe中获取iframe外的元素方法小记
项目中有一个页面是iframe嵌入的弹窗,需要获取弹窗容器高度,让高度根据内容进行变动$('body', window.parent.document).find('需要的元素').css('height','50%')
2020-11-20 13:48:32
2670
原创 Echart.js 给饼图引导线添加事件
遇到一个需求需要分别给饼图中的扇形区域和引导线添加不同的事件,解决方案如下: var myChart = echarts.init(document.getElementById('main'));mychart.on('click',function(e){ if(e.event.target.path){ //点击扇形 do something... }else{//点击引导线 do somethi...
2020-07-16 00:11:39
581
原创 01、css清楚浮动的三种方案
方案一:添加空div实现效果:方案二:利用BFC实现效果:方案三:after伪元素,给浮动元素的父元素清除浮动效果入下:
2020-07-15 23:54:44
118
原创 css3动画学习小计
学习了一下css3的动画属性,进行一下相关知识的总结。主要涉及以下几个属性animation(动画) 用于设置动画,是一个简写的属性,包含6个属性 transtision(过度) 用于设置元素的样式过度,和animation有着类似的效果,细节上有很大不同 transform(变形) 元素进行 旋转rotate、扭曲skew、缩放scale和移动tra...
2020-02-11 20:27:49
483
原创 关于"[object,Object]"在javaScript中解析不了或者转化不了的解决方案
背景:存入数据的时候是以对象{key:value}这样的形式存入的,自己的封装的控件取值的时候是以字符串的形式,控制台打印如下:"[object, Object]"尝试用JSON.parse()进行装换,报错原因: 正由于你直接存的是对象,所以系统强制帮你转了下字符串,就是[object Object]……解决方案: 数据存之前先JSON.stringif...
2020-01-03 16:13:35
3589
原创 jquery.print 插件打印指定部分的时候显示不全的问题
当所要打印div的高度或者宽度很大且带有滚动条时,只能打印出一部分,滚动条里其他很多的东西打印不出来,试了很多方法,这个是目前找到最佳的,记录一下。$('#print').print({ // 要打印部分的id noPrintSelector: '.noPrint' // 不打印部分 具体看参数配置}) //改成$('#print').css({ 'heig...
2019-12-12 10:20:45
4161
2
原创 19种优化css和加快网站速度的方法
01. 使用简写比如 p { margin: 1px 2px 3px 4px; }02. 查找并删除未使用的 CSS删除不必要的部分 CSS,j显然会加快网页的加载速度。谷歌的Chrome浏览器有这种开箱即用的功能。只需转到查看>开发人员>开发人员工具,并在最近的版本中打开Sources选项卡,然后打开命令菜单。然后,选择Show Coverage,在Cover...
2019-12-03 09:27:20
381
原创 echartjs 出现报错 cannot read property 'resize' of null
在进行缩放的时候可能由于之前的清空画布的操作或者是还没有进行echart的初始化,所以定义的变量还是初始的状态myChart = echarts.init(document.getElementById('demo))window.EventListener('resize',function(){ myChart.resize() // 报错 i...
2019-09-17 18:54:20
5212
2
原创 echart 释放画布资源或者清画布
myChart = echarts.init(document.getElementById('demo')); myChart.dispose() // 释放之前的图表的资源,便于进行其他操作,释放资源之后可以进行区域的重复定义...
2019-09-17 18:48:07
1719
原创 javascript取消设置的滚动条默认位置,将滚动条设为scrollLeft(0)后滚动条无法拖动
背景:用js实现类似excel的的冻结列操作,在点击某列进行冻结操作,效果是该列以及该列之前的所有列必须冻结,但看起来的只在可是范围区域内进行冻结,为了实现这个效果,对滚动条进行了一些处理。在实施冻结的时候记录滚动条滚动的距离,并将滚动条的初始位置设为这个距离 $('div').scrollLeft(oldScrollLeft)滚动条只能在这个距离之后进行滚动在取消冻结...
2019-07-08 20:06:43
1657
原创 js 区分鼠标是点击事件还是拖拽事件,以及canvas拖拽
在使用jsMind思维导图插件的时候需要对整个canvas进行拖拽,通过对源码的解读,摸索出这个方式,写下大概的思路,完整的jsMinddemo见gitHUb:https://github.com/Hongmy0/jsMind-.git<!DOCTYPE html><html> <head> <meta charset="UTF-8"&g...
2019-05-05 21:43:06
2595
原创 用逗号拼接字符串
function getText(name){ var str = ''; for(var i = 0; i< name.length; i++){ str = str+name[i].name+',' }// 去掉最后一个逗号 if(str.length...
2019-03-21 16:43:19
3000
原创 数组及数组对象去重复
1、数组去重 function deRepeat(arr){ var newArr=[]; var l=arr.length; for(var i=0;i<l;i++){ if(newArr.indexOf(arr[i]) == -1){ newArr.push...
2019-03-21 16:38:14
389
原创 去除字符串中的空内容以及空格,转为数组
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <!--将字符串"1,2,34,4,,2,55,
2019-02-27 14:28:30
848
原创 优快云中在发表文章或者保存修改的时候提示输入有误!请重新提交的的一次记录
出现这个错误,网上给出的经验是说含有标题或者文章含有非法字符,于是将文章内容中的的代码全部应截图的方式,还是提示输入有误,发现标题中写了eval(),删除后文章发布成功。后来验证只有标题中含有非法字符的时候会出现这个提示,与文章内容是否出现无关。...
2019-02-20 14:33:07
265
原创 JavaScript中eval方法的替代方法
公司开设新的考核标准,着重对代码质量进行考核,用到的代码实时检测工具是sonaLint。用SonarLint进行代码检测的时候,会出现对显示审查结果严重提示 Review the arguments of this eval to make sure they are validated是将字符串转换成json对象。eval()的替代方案是将改成完美跳开这个坑...
2019-02-20 14:22:41
5462
原创 echarts使用技巧总结
1、关于图表自适应 关于一个页面多个图表在窗口进行大小缩放的时候,可以用onresize进行自适应,但是过程中会出现失灵的情况,并且每一个在每一个图标函数中都写以下代码显得冗余,在初始方法中替换成2、一个页面需要写多个图表的时候,其实可以只写一个方法,然后设置不同的option就好(在每个图表不存在联动操作的时候)...
2018-12-17 13:53:39
332
原创 固定容器宽度,内容宽度固定,自适应
一个宽度为400px的容器,里面的三个项目width分别为80px,120px,140px。分别对这项目1和项目2设置flex-grow值为3和1。
2018-11-18 17:00:03
982
原创 让DIV在页面中水平居中,垂直居中(非浮动状态)
HTML:<div style="width:100px;height:100px;border:1px solid red"></div>CSS:方法一div{ overflow: auto; margin: auto; position: absolute; ...
2018-10-01 18:13:26
8829
1
原创 左中右布局的两种常用方法
1、float+absolute<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style type="text/css&quo
2018-09-19 22:42:50
2163
转载 js判断变量的类型为数组类型
本文为转载非原创,作者总结到位,特转载记录。原文地址:zhttps://blog.youkuaiyun.com/u010297791/article/details/55049619 js的数组是无类型的:数组元素可以是任意类型,并且同一个数组中的不同元素也可能有不同的类型。数组的元素可以是对象或其他数组,这样就可以创建复杂的数据结构。通常我们可以用一元运算符typeof来判断js的数据类型,但是...
2018-09-01 15:09:59
873
原创 js/jq获取url中携带的参数
JS: JQ: (function($){ var cache = {}; $.getQueryStr = function(keyVal){ if(keyVal in cache){ return cache[keyVal] } var reg =n...
2018-08-28 19:00:41
476
原创 webStrom 安装svn踩坑总结
因项目需要开始接触webStorm,遇到了一些坑,特来记录分享~ 1、公司用的是svn,在webStorm中安装了SVNTOOLBox后,在配置完后一直提示“Can’t use Subversion command line client: ‘D:\Program Files\TortoiseSVN\bin\tortoisePro.exe‘ Probably the path to Su
2018-01-24 18:50:21
2131
原创 原生JavaScript写post请求导出数据
function exportRecord() { var IP = "http://192.168.0.**:9000"; //局域网ip var json = {"fileName":"test.txt","tiles":[{"titleName":"省","colkey":"FD_PROVICE","width":"100"},
2017-12-28 09:17:47
2268
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人