- 博客(22)
- 收藏
- 关注
RSS订阅
原创 vue学习笔记（知识点，路由，vuex，axios）
IVIEW文档地址 https://iviewui.com/vue移动端组件 mint-ui：http://mint-ui.github.io/vue1.父子组件传递 子传父$emit----父传子props2.控制视图显示v-show 和 v-if3. 如何让CSS只在当前组件中起作用：在组件中的 style 前面加上 scoped4.ref="domName" 用法：this.$refs.domName（获取dom）5.事件：v-model 双向数据绑定；v-for 循环；
2020-07-17 11:44:20
214
1
原创 讲html页面转成pdf(vue)
//首先是将页面用html2canvas生成base64的图片，再用jspdf将图片插入到pdf createImage(){//生成图片->pdf let _this = this; //----此处是解决页面带滚动条的时候截图不全问题 window.pageYoffset = 0; document.documentElement.scrollTop = 0; document.body.scrol
2022-03-04 18:12:11
679
原创 try,catch,throw
扩展：RangeError对象标明一个错误，当一个值不在其所允许的范围或者集合中。new RangeError([message[, fileName[, lineNumber]]])//message: 可选，可读的错误描述//filename: 可选，包含造成异常代码的文件名//lineNumber: 可选，造成异常的代码所在的行数try：代码块。catch：try内部语句出现错误时，捕获并进入此处，对错误做些什么。throw：创建自定义错误。try与catch总是成对出现try{
2021-10-22 15:27:41
71
原创 js 常见的Object方法
Object.entries(obj)将一个可枚举对象按照键值对展开为数组let obj = { a:1, b:2,}let arr = Object.entries(obj)//arr [[a,1],[b,2]]Object.assign(target, source)将一个或多个可枚举对象的可枚举属性复制到 target 对象，返回 target 对象。第一级属性深拷贝，以后级别属性浅拷贝let obj1 = { a:1, b:2,}let obj2
2021-10-22 15:19:52
345
原创 vue复制文本方法
//js原生async copyJSON(text) { let target = document.createElement('input') //创建input节点 target.value = text // 给input的value赋值 document.body.appendChild(target) // 向页面插入input节点 target.select() // 选中input
2021-10-22 15:06:01
540
原创 闭包和闭包的内存回收
闭包的定义（个人理解）一个普通函数function，如果他可以访问外层作用域的自由变量，那么这个函数就是闭包从广义的角度说：javascrap中的函数都是闭包从狭义的角度说：如果访问了外层作用域的变量，那么他就是一个闭包函数包函数，闭包可以让一个内层函数访问外层函数的作用域由于在Javascript语言中，只有函数内部的子函数才能读取局部变量，闭包就是能够读取其他函数内部变量的函数。所以，在本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。例如：//原生的setTimeout传递的第
2021-10-10 21:08:39
285
1
原创 js代码在浏览器运行的过程与执行顺序
以下面代码为例当上图代码开始编译的时候，就会创建一个全局执行上下文（global exection context），会先把里面的变量名放到全局作用域，如果是变量就会默认为undefined，所以上图在打印num1的时候就回去全局执行上下文里面查找，全局作用域已经有num1这个变量了，所以会打印出undefined当我们打印result的时候num1和num2已经在上方进行赋值，所以result将会等于50当js代码开始编译切有函数时函数时，浏览器引擎就会多创建一个函数对象（存储函数），里面有函数
2021-09-10 15:43:06
456
原创 钉钉小程序运行配置
钉钉小程序运行配置1.下载插件2.配置您钉钉小程序安装对应的路径3.运行钉钉小程序员4.运行好之后看一下是否有mp-alipay文件夹unpackage\dist\dev\mp-alipay5.打开小程序开发工具，点击右上角的打开项目6.找到第四点说的mp-alipay文件夹（路径在代码里面的unpackage\dist\dev\mp-alipay）7.点击完成后就就可以看到下面的页面，然后稍等片刻就可以看到对应页面了...
2021-08-27 11:23:29
4198
原创 好用的前端网站收藏
**好用的前端网站收藏**不同语言代码在线运行工具：不同语言代码在线运行工具廖雪峰官方网站：https://www.liaoxuefeng.com/前端导航：http://www.alloyteam.com/nav/mock工具：https://github.com/nuysoft/Mock/wiki/Getting-Started...
2021-08-13 15:28:43
72
原创 在设定宽度下，文字超过之后显示省略号（...）
float: left;width: 85% !important;overflow: hidden;word-break: break-all;text-overflow: ellipsis;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 1;//行数white-space: nowrap;只需要在元素里面设置一上属性就可以实现文字超过自动展示省略号...
2021-08-03 09:28:48
95
原创 前端在nginx部署vue项目dist包
第一步：下载nginx压缩包在这里可以去nginx官网下载->点我下载nginx也可以直接使用wget命令下载，指令如下所示（请根据自己的需求进行下载）wget -c https://nginx.org/download/nginx-1.20.1.tar.g注意：这一步最好在自己的目标目录进行操作，我一般是把压缩包下载到/usr/local目录下。第二步：配置nginx安装所需的环境yum -y install gcc gcc-c++ autoconf automake makeyum
2021-07-08 17:56:53
4340
2
原创 前端精度丢失解决方案
/** * 加法运算，避免数据相加小数点后产生多位数和计算精度损失。 * * @param num1加数1 | num2加数2 */ function numAdd(num1, num2) { var baseNum, baseNum1, baseNum2; try { baseNum1 = num1.toString().split(".")[1].length; } catch (e) { baseNum1 = 0; } try { baseNum2 = num2.toStri
2021-07-06 18:08:10
2223
6
原创 uniapp怎么在阿里云部署和H5
第一步. uniapp配置发布文件第二步. 发行1.点击发行2.填入打包信息直接写www.xxx.com 或者 1x.xxx.xxx就行3.等待打包成功可以看到打包成功后的地址如下第三步. 上传项目到阿里云服务器链接服务器将index.html和static文件夹放到服务器的某个文件夹里面第四步. nginx配置在nginx.conf添加如下配置root指向你放的文件夹的位置然后重新载入配置文件/usr/local/nginx/sbin/nginx -s reload
2021-07-01 10:11:30
1746
2
原创 高德地图获取边界中心点
calculateCenter (lnglatarr){ var total = lnglatarr.length; var X=0,Y=0,Z=0; $.each(lnglatarr, function(index, lnglat) { var lng = lnglat.lng * Math.PI / 180; var lat = lnglat.lat * Math.PI / 180; var x,y,z;
2021-04-28 18:35:57
815
原创 关于不同坐标地之前的转化（地球坐标系，经纬度坐标系，火星坐标系，EPSG:4326，WGS84，EPSG:3857）
EPSG:3857转换经纬度(EPSG:4326)// javascript 转换function mercatorTolonlat(mercator){ var lonlat={ x:0, y:0 }; var x = mercator.x/20037508.34*180; var y = mercator.y/20037508.34*180; y= 180/Math.PI*(2*Math.atan(Math.exp(y*Math.PI/18
2021-04-27 15:17:41
2626
原创 前端获取随机颜色色值，raga或者rgb
获取随机rgba色值RandomColor (index) { let r, g, b r = Math.floor(Math.random() * 256) g = Math.floor(Math.random() * 256) b = Math.floor(Math.random() * 256) a = 0.5 return 'rgba(' + r + ',' + g + ',' + b + ',' + a + ')'
2021-04-27 14:34:14
692
原创 JS日常学习笔记（日常更新）
Js some的使用some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。some() 方法会依次执行数组的每个元素：如果有一个元素满足条件，则表达式返回true , 剩余的元素不会再执行检测。如果没有满足条件的元素，则返回false。注意： some() 不会对空数组进行检测。注意： some() 不会改变原始数组。实例：<!DOCTYPE html><html><head><meta charset="utf-8">
2020-12-17 10:50:58
108
原创 在vue项目简单使用echarts
第一步：创建option，正常有整个图表的所有数据还有样式第二步：// 基于准备好的dom，初始化echarts实例let myChart = this.$echarts.init(document.getElementById('myChart'));document.getElementById也可以改成this.$refs.myChart第三步:this.myChart.setOption(option)//这个option是在mounted里面设置了数据，正常有整个图表的所有数据还
2020-07-21 15:57:24
342
原创 搞懂this指向（含面试题）
this是JavaScript中的一个关键字，但是又一个相对比较特别的关键字，不像function、var、for、if这些关键字一样，可以很清楚的搞清楚它到底是如何使用的。this会在执行上下文中绑定一个对象，但是是根据什么条件绑定的呢？在不同的执行条件下会绑定不同的对象，这也是让人捉摸不定的地方。这一次，我们一起来彻底搞定this到底是如何绑定的吧！一. 理解this1.1. 为什么使用this在常见的编程语言中，几乎都有this这个关键字（Objective-C中使用的是self），但是Ja
2020-07-21 15:52:28
697
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人