- 博客(34)
- 收藏
- 关注
RSS订阅原创 nvm安装多个node版本，切换使用
nvm install [arch] ：安装node， version是特定版本也可以是最新稳定版本latest。nvm node_mirror [url] ：设置node镜像。默认是https://nodejs.org/dist/。nvm root [path] ：设置存储不同版本node的目录。nvm use [version] [arch] ：使用制定版本node。可指定32/64位。nvm version ：显示nvm版本。
2024-06-13 16:31:47
790
原创 TypeScript学习记录
TypeScript 是 JavaScript 的超集，它扩展了 JavaScript 的语法，包括对类（classes）的支持。TypeScript 中的类与 JavaScript ES6 中的类非常相似，但是 TypeScript 提供了一些额外的特性，如类型注解和访问修饰符。在 TypeScript 中，命名空间（Namespaces）是一种组织代码的方式，它可以避免全局命名空间的污染，并且提供了一种将代码分割成可重用的组件的方法。在处理联合类型时，TypeScript 会要求你确保类型安全。
2024-05-17 17:04:59
744
原创 geojson 免费下载地址
https://datav.aliyun.com/portal/school/atlas/area_selectorhttps://geojson.hxkj.vip/
2024-03-05 16:43:35
866
原创 JSON.parse() 和 QS.parse()
JSON.parse() 适用于严格的 JSON 格式字符串，而 QS.parse() 则适用于常见的 URL 查询字符串格式。根据需要选择合适的方法来进行字符串到对象的转换。
2024-02-26 10:45:01
388
原创 uniapp开发小程序记录
选择uniapp默认模板，在manifest.json中选择“微信小程序配置”pages.json页面进行easycom配置。然后Hbuilder中打开运行到微信小程序。在uniapp插件中心下载uView。App.vue页面引入公共样式。到这里就运行成功了！根据uView官网：h。
2023-08-17 12:00:13
283
原创 ios验证码重复解决方案
<input type="number" oninput="if(value.length>6) value = value.slice(0,6)">
2022-03-30 15:26:53
576
2
原创 echarts 区域缩放dataZoom自动滚动带提示框(tooltip)
一、技术需求移动端柱状图展示，数据太大要求显示六条，自动向前移动，带提示框二、解决办法监听dataZoom,获取X轴的开始位置和结束位置，每次起始位置和结束位置加1，每隔两秒刷新一次。var scroll = setInterval(() => { let startValue = myChart.getModel().option.dataZoom[0].startValue; let endValue = myChart.getModel().option.dataZo
2022-03-30 15:21:11
2983
原创 vue $event用法（e.target和e.currentTarget）区别
vue 总结文章目录vue 总结一、$event的用法二、$event 获取自定义属性值 :data-id=""一、$event的用法 e.target 是你当前点击的元素 e.currentTarget 是你绑定事件的元素 获得点击元素的前一个元素 e.currentTarget.previousElementSibling.innerHTML 获得点击元素的第一个子元素 e.currentTarget.fir
2020-12-22 14:51:40
3115
原创 echarts 相关记录
文章目录前言一、echarts 容器边界设置：二、异步数据加载和更新更新三、使用 Canvas 或者 SVG 渲染：四、tab切换重新渲染图表：五、图表中文字太长换行设置：六、页面中图表循环：七、清除数据缓存：八、echarts方法封装：前言echarts日常总结一、echarts 容器边界设置：1.折线图，柱状图，散点图grid:{ left:20, right:'30%', bottom:'10%', height:140,}2.中心半径定位例如，pi
2020-12-07 11:37:51
487
原创 css 按钮点击缩放效果
> <body ontouchstart="">> > .btn {> width: 2.5rem;> margin-top: 0.3rem;> margin-bottom: 0.3rem; } > .btn:active {> position: relative;> top: 1px;> transform: scale(0.8, 0.8);> -w.
2020-12-04 14:07:16
2147
原创 vue 电话号码隐藏中间四位
let yy = new Date().getFullYear(); let mm = new Date().getMonth() + 1; let dd = new Date().getDate(); let wk = new Date().getDay() let hh = new Date().getHours(); let mf = new Date().getMinutes() < 10 ? '0' + new Date().getMinutes() : new Date(...
2020-11-30 15:02:10
1792
原创 echarts 文字换行
> formatter: function(params) {> var newParamsName = '';> var paramsNameNumber = params.length;> var provideNumber = 2; //一行显示几个字> var rowNumber = Math.ceil(paramsNameNumber / provideNumber);> if (paramsNameNumber
2020-11-30 14:59:15
978
原创 移动端一键复制 clipboard.min.js
需要引入clipboard.min.js<div id="foo">15895487855</div><button class="sbtn" data-clipboard-target="#foo" onclick="" style="cuosor:pointer" @click="copy($event)" @mouseenter="copy($event)">复制</button>// οnclick="" style="cuosor:point
2020-11-25 10:39:32
743
原创 vue 获取验证码倒计时
按钮 <input type="button" value="获取验证码" @click="settime2($event)">先验证手机号码，然后倒计时 （定义countdown：60 （60秒可替换））settime2: function(e) { if (this.tel == '') { this.tan_nav = "请输入手机号码"; this.tan = true; return;
2020-11-24 15:43:44
87
原创 vue for 循环绑定v-model,一键获取所有值
> <li v-for="(item,index) in 3">> <input type="text" v-model="num[index]"> > </li> >data: { num:[], },> 方法： > clickMe(){> console.log(this.num) > },
2020-11-20 17:33:44
1242
原创 css 文件加随机版本号
<script> document.write('<link rel="stylesheet" href="css/style.css?v=' + Math.round(Math.random()*(+new Date())) +'"><\/script>');</script>// var time = new Date();// time.getYear(); //获取当前年份// time.getFullYear(); //获取完整的年份(
2020-11-13 09:49:02
413
原创 移动端监听软键盘
focusin : 输入框获取焦点$(“input”).on(‘focusout’, function() {console.log(“获取焦点”) });focusout：输入框失去焦点$(“input”).on(‘focusout’, function() {console.log(“失去焦点”) });获取移动键盘.keyCode值document.onkeyup = function(event) { var e = event || window.event
2020-11-12 11:18:43
259
原创 安装sass插件后，报错，提示：编译scss文件提示：\node-sass-china\vendor\win32-x64-64\binding.node缺失（报错node版本不正确）
参考链接：https://ask.dcloud.net.cn/article/35468在HBuilderX中，按下alt + C，打开终端，进入plugins\compile-node-sass目录，删除node_modules和package-lock.json文件安装npm install重启执行找到scss文件，右击选择外部命令——选择scss/sass编译...
2020-10-20 11:09:18
2262
原创 向数组中动态增加变量为key值
var dd = [],v=0; $("#btnShare").click(function(){ v + = 1; console.log(v); var ff ={ [v]: 'fxt', } dd.push(ff); console.log(dd); })push进入对象的key...
2020-08-14 15:27:25
1122
原创 select 选中变颜色
var unSelected = "#999999";var selected = "#333";$(function() { $("select").css("color", unSelected); $("option").css("color", selected); $("select").change(function() { var selItem = $(this).val(); if (selItem == $(this).find...
2020-08-12 09:33:25
1320
原创 JavaScript Array 对象方法说明
1、concat:连接两个数组并返回最终数组，使用方法：array1.concat(array2,array3,...,arrayX)；2、copyWithin（）从数组的指定位置拷贝元素到数组的另一个指定位置中。 使用方法： array.copyWithin（复制到指定目标索引位置，复制的起始位置(可选)，停止复制的索引位置（可选））3、entries()，keys()和values()用于遍历数组 keys()方法是对键名的遍历、values()方法是对键值的遍...
2020-08-10 10:44:38
89
原创 移动端横竖屏判断
<script type="text/javascript">var bianhua = function() {var supportOrientation = (typeof window.orientation === 'number' && typeof window.onorientationchange === 'object');var init = function() {var htmlNode = document.bo...
2020-08-07 11:16:49
119
原创 移动端各种型号，环境判断总结
判断iosvaru = navigator.userAgent, app = navigator.appVersion;varisiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);//ios终端if(isiOS) {/********************/}判断ios版本号var str= navigator.userAgent.toLowerCase();var ver=str.match(/cpu iph...
2020-08-07 10:57:41
469
转载 前端页面安全——内容安全策略( CSP )
官网地址：https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CSP在浏览网页的过程中，尤其是移动端的网页，经常看到有很多无关的广告，其实大部分广告都是所在的网络劫持了网站响应的内容，并在其中植入了广告代码。为了防止这种情况发生，我们可以使用CSP来快速的阻止这种广告植入。而且可以比较好的防御dom xss。前端页面使用方式：<meta http-equiv="Content-Security-Policy" content="script.
2020-08-07 10:01:45
1567
原创 $(document).ready()方法和window.onload方法的区别
window.onload属于javascript中的方法，必须等到页面内所有元素加载完执行，比如页面结构，内容， js，css,图片等，在一个页面不能执行多个window.onload方法，$(document).ready()方法属于JQuery方法，是等到页面dom结构绘制完毕后执行，不必要等到加载完毕，一个页面可以同时执行多个。window.onload使用方法window.οnlοad=function(){//do something}//或者经常用到的图片docume.
2020-08-06 09:51:09
219
原创 html2canvas 生成海报，屏幕截图(图片跨域)
html2canvas.js官网地址：http://html2canvas.hertzen.com/主要js:var main = {init: function() {main.setListener();},// 设置监听事件setListener: function() {var btnShare = document.getElementById(“btnShare”);//点击生成海报btnShare.onclick = function() {main.html2Canvas
2020-08-05 18:00:38
484
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人