- 博客(25)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 uniapp解决canvas画圆环，层级过高挡住其他元素，解法1（polygon+遮罩）
<template> <view class="progress_box" @click="secondDuce()"> <view id="circleBg" class="circleBg"> <div class="circleBg-center"></div> </view> <view id="circle" class="circle" :style="clipPathStyle
2021-08-26 18:15:22
1777
原创 Vue性能优化技巧总结
Vue性能优化技巧第一个技巧，函数式组件可以降低 优化执行 script 的时间 减少线程阻塞的情况。缺点不维护响应数据无钩子函数没有instance实例所以在组件内部没有办法像传统组件一样通过this来访问组件属性（纯展示且不需要有响应式数据状态的处理的，那函数式组件会是一个非常好的选择。）第二个技巧，子组件拆分局部变量（computed的变量）v-if 和v-showkeep-alive缓存dom，常用于路由切换（会占用更多的内存去做缓存，这是一种典型的空间换时间优化思想的应用
2021-02-22 20:39:27
322
原创 webpack设置不打包文件夹配置流程
1.npm安装webpack的插件copy-webpack-plugin（有的在初始化项目可能有安装，可以先在package.json上查看是有copy-webpack-plugin有版本信息。）命令cnpm install --save-dev copy-webpack-plugin2.在在项目下新建一个文件夹用于存储不想被编译的文件，如‘static_beta’。3. 修改webpack...
2020-04-06 13:53:07
3178
原创 真实GPS转腾讯/高德地图坐标系，百度地图与腾讯/高德地图坐标系转换
1.获取真实坐标GPS wgs84转为gcj编码方式 positiontransform(array,manual){ //定义常量 var GPS = { PI : 3.14159265358979324, x_pi : 3.141592...
2019-11-26 11:21:41
4626
原创 莫名其妙的坑
起因：最近开发个项目使用的vue，有些功能需要生产版本放服务器上测试，这就出问题了。。卡住了，不动了，还不报错运行npm run dev和npm run build都卡住不懂，也不报错。百度后运行npm config set registry http://registry.cnpmjs.org就好了，不懂为啥，有知道的请指教呀...
2019-11-04 10:49:31
175
原创 JS多线程的实现，webwork
JS为了避免DOM渲染冲突，使用单线程运行代码。虽然浏览器通过事件循环队列延后处理耗时任务，但是在执行大量复杂运算时依然会使主线程卡顿，HTML5提出了WebWork允许用户另开线程来进行复杂的逻辑计算处理。用法：在index.Html中新建worker对象，并发送及监听消息 <!DOCTYPE html> <html lang="en"> ...
2019-10-16 11:28:13
943
原创 JS有关异步操作的新方法小计（promise、generator、async）持续更新...
1.Promise所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。从语法上说，Promise 是一个对象，从它可以获取异步操作的消息。Promise 提供统一的 API，各种异步操作都可以用同样的方法进行处理。我们可以通过Promise的构造函数来创建Promise对象，并在内部封装一个异步执行的结果。语法：const promise ...
2019-10-16 11:04:03
136
原创 call、apply、super用法浅析
1.每个函数都包含两个非继承而来的方法：call()方法和apply()方法。2.相同点：这两个方法的作用是一样的。都是在特定的作用域中调用函数，等于设置函数体内this对象的值，以扩充函数赖以运行的作用域。一般来说，this总是指向调用某个方法的对象，但是使用call()和apply()方法时，就会改变this的指向。3.super是ES6中新特性之一，常用于更改原型后，使用新原型的方法...
2019-10-11 10:22:55
469
原创 fixed在ios失效解决方案
position:fixed;在iOS系统上失效，自己在网上搜了一些解决办法，解决办法如下：需要滑动的class为content.wanttoscroll{ position: fixed; top: 0; left: 0; bottom: 180px; /*距离底部的距离为底部盒子的高度，自己也可...
2019-09-09 10:22:53
2704
原创 原生js实现点击按钮复制文本
封装函数参数 id：要复制的元素id，paramtype：复制的属性内容，一般是innerText；copywxid(id, paramtype) { let target = null; if (paramtype) { target = document.createElement('di...
2019-09-05 16:18:35
526
原创 vue动画的三种方式
方式一：animation控制动画+JS控制开关动画<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1.0"><meta ...
2019-08-21 17:18:45
906
原创 JS获取时间戳方法差异总结
一、时间戳的意思时间戳是指格林威治时间1970年01月01日00时00分00秒(北京时间1970年01月01日08时00分00秒)起至现在的总 秒数。二、获取方式 //1. js获取当前时间戳的方法： var timestamp = Date.parse(new Date());//毫秒级数值被转化为000 ，不准确！！！！！相当于只能按秒取时间戳 ...
2019-08-16 11:39:32
1527
转载 element-ui的table导出数据时重复导出
在使用elementui做管理平台时遇到导出表格的需求，网上有很多解决方案，最多的就是使用xlsx + FileSaver 将页面上的表格转换成excel book。// 安装xlsx filesaver$ npm install --save xlsx file-saver复制代码// js 代码import FileSaver from 'file-saver';import X...
2019-08-06 16:01:36
1429
1
原创 vue-cli构建多页面应用项目（mark）
第一步、安装Vue-cli并且进行初始化首先打开git，在里面使用npm全局安装Vue-cli，并且进行初始化npm i vue-cli -g然后使用vue init <template(模板名，我这里使用的是webpack)> <项目文件夹名称(我这里使用的是project)>初始化一个Vue项目模板vue init webpack project之后在模板下载...
2019-08-02 16:12:19
191
原创 ios输入input事件弹出软键盘后页面未回到底部
最近app嵌套H5页面时，需要input输入，但是在ios屏幕上时，input引起软键盘弹出，此时ios页面高度发生变化，ios屏幕为保证输入框在可视范围内，往往会发生滑动。但是输入结束后，屏幕未回到底部。导致底部出现高度差。处理方法：监听window屏幕的foucusin和focusout事件，视情移动屏幕至底部此处做了延时执行，是因为在输入框切换的时候也会触发focusout和focusi...
2019-07-12 13:01:49
789
原创 ios的H5页面input触发onfocus事件无效解决方案
ios的H5页面使用input时，在修改input的value的值时，不会触发onfocus事件。解决方案：<div class="input_type" style="position: absolute; width: 92vw; text-align: left; z-index: 99;" @click="bgcolor('2')">米/秒</div><...
2019-07-05 12:11:22
3618
原创 VUE父子组件传值mark
16.Vue父组件传值给子组件步骤：<1 新建compont文件夹，并新建子组件，例如：test<2 父组件component{ test }，中引入子组件，并import test from ”./component/test”❤️ 父组件新建结构注意要在新建的结构上挂载后就可以传值给子组件<4 子组件props[“value”], 接受父组件的值，this.value...
2019-06-28 18:05:21
143
原创 JS本地读取图片，使用formData方式上传图片总结
html部分<input style="position: absolute;width: 100%; height: 100%; opacity:0;float: right;" type="file" accept="image/*" @change="imgsel('2')" />JS部分：imgsel（str）{ //从相册选...
2019-06-27 09:41:18
3049
原创 微信小程序在wxml中使用函数
方法一：在wxml中直接添加模块，就可以在wxml中直接引用，举个例子<!-- 引入要用的函数 --> <wxs module="func"> module.exports = { numFixed: function (value,n) { return value.toFixed(n) } ...
2019-03-22 17:32:32
5979
5
原创 vue+element-ui的table数据导出到excel中
开发环境：golang vue第一步；安装2个插件，运行npm install xlsx npm install file-saver第二步：项目中引进插件（组件中引入）<script> import FileSaver from 'file-saver' import XLSX from 'xlsx'</script>第三部：方法中定...
2019-03-22 10:35:33
1423
5
原创 VUE加载动画3步就搞定
这个蛮简单的，蛮写一下思路：在index.html文件的body中写一个id为Loading的div，然后再created生命周期的时候判断这个div是否存在，存在的话就移除。（建议用css写动画，减少资源占用）created: function(){ document.body.removeChild(document.getElementById('Loading'));...
2019-03-21 17:09:25
3596
1
原创 VUE+mint-ui按需引入总结
第一步：安装mint-ui（这里不细说）第二步；运行npm install babel-plugin-component （文档写的npm install babel-plugin-component -D,）(我按文档知道装了报错，项目无法编译，可能是和版本有关系？？？多次尝试后把-D删掉就可以)第三部： 修改.babelrc 文件，一般安装在项目根目录下（我按文档说的修改的内容走报错无...
2019-03-21 16:57:22
982
转载 GoLang下载连接
golang特性：Go原生支持并发（Concurrency），因此非常适合编写多线程程序。这是通过Go协程（Goroutine）和信道（Channel）实现的，我们将在以后的教程中讨论它们。Golang 是编译型语言。源代码会被编译成可执行的本地二进制（Native binary）文件。这是解释型语言（比如在nodejs中使用的Javascript）无法做到的。语言规范相当简单。整个规范只有...
2019-01-23 09:57:13
234
原创 如何将protobuf文件转化为js文件
个人笔记【欢迎大佬们指点留言评论批评…】1、下载protoc文件地址：https://github.com/protocolbuffers/protobuf/releases?after=v3.5.2【注：据说3.5版本有bug，我用的可以。】2、准备一个后端model的******.proto文件3、在protoc文件夹目录下运行命令窗口【注：快捷方式shift+右键】，执行命令：pro...
2019-01-22 11:27:08
5094
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人