- 博客(37)
- 收藏
- 关注
原创 ES6 模块
export 命令导出的接口名称,须和模块内部的变量有一一对应关系。导入的变量名,须和导出的接口名称相同,即顺序可以不一致。用于不同模块导出接口名称命名重复, 便可以使用 as 重新定义变量名方法一// Tom方法er// Tom// Jerry**export 与 import 结合使用**/* ------- 特点 1 --------*/// 普通改名// 将 foo 转导成 default// 将 default 转导成 foo。
2024-07-18 16:26:57
357
2
原创 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
878
原创 TypeScript学习记录
TypeScript 是 JavaScript 的超集,它扩展了 JavaScript 的语法,包括对类(classes)的支持。TypeScript 中的类与 JavaScript ES6 中的类非常相似,但是 TypeScript 提供了一些额外的特性,如类型注解和访问修饰符。在 TypeScript 中,命名空间(Namespaces)是一种组织代码的方式,它可以避免全局命名空间的污染,并且提供了一种将代码分割成可重用的组件的方法。在处理联合类型时,TypeScript 会要求你确保类型安全。
2024-05-17 17:04:59
766
原创 geojson 免费下载地址
https://datav.aliyun.com/portal/school/atlas/area_selectorhttps://geojson.hxkj.vip/
2024-03-05 16:43:35
1392
原创 JSON.parse() 和 QS.parse()
JSON.parse() 适用于严格的 JSON 格式字符串,而 QS.parse() 则适用于常见的 URL 查询字符串格式。根据需要选择合适的方法来进行字符串到对象的转换。
2024-02-26 10:45:01
437
原创 uniapp开发小程序记录
选择uniapp默认模板,在manifest.json中选择“微信小程序配置”pages.json页面进行easycom配置。然后Hbuilder中打开运行到微信小程序。在uniapp插件中心下载uView。App.vue页面引入公共样式。到这里就运行成功了!根据uView官网:h。
2023-08-17 12:00:13
315
原创 ios验证码重复解决方案
<input type="number" oninput="if(value.length>6) value = value.slice(0,6)">
2022-03-30 15:26:53
623
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
3072
原创 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
3164
原创 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
502
原创 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
2199
原创 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
1809
原创 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
1021
原创 移动端一键复制 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
770
原创 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
92
原创 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
1262
原创 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
423
原创 移动端监听软键盘
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
273
原创 安装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
2316
原创 向数组中动态增加变量为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
1135
原创 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
1337
原创 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
97
原创 移动端横竖屏判断
<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
132
原创 移动端各种型号,环境判断总结
判断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
492
转载 前端页面安全——内容安全策略( 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
1638
原创 $(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
225
原创 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
491
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人