- 博客(30)
- 收藏
- 关注
RSS订阅原创 windows系统如何使用nvm管理node版本
接着输入nvm ls available就能看到node版本列表。如果之前安装过nvm同上找到文件夹删除。找到你的node版本所在文件夹,删除。cmd输入nvm会显示版本号就成功了。输入nvm use 版本号即可使用。解压并安装到你想要的文件夹里面。输入你想安装的版本号。
2023-07-31 11:04:33
105
原创 小程序原生 canvas 绘制身份证区域
之前搜了好多裁切的组件都不是我想要的效果好吧自己研究吧const device = wx.getSystemInfoSync()const width = device.windowWidthconst height = device.windowHeightlet canvas = wx.createCanvasContext('cropper'); // 缩放0.8倍 let scale = 0.8 canvas.scale(scale, scale) // 原点设置到手机宽的中间
2022-04-15 15:23:50
598
2
原创 微信小程序 用canvas截取身份证区域 we-cropper
微信小程序拍照页面需要做成这个样子。评估了一下需求发现可以做。那么开整。下载WeCropper先把项目克隆下来git clone https://github.com/we-plugin/we-cropper.git然后复制出来example里面的we-cropper文件夹到你的项目里wxml<view class="camera_box"> <camera class="camera" wx:if="{{!show}}" device-position="back" f
2022-03-16 14:00:02
1253
4
原创 uni-app 支付宝小程序 uni.uploadFile 报错
因为项目里面还用了cos的组件来上传保存文件.所以一直在调试上传图片 uploadFile:fail 无效参数这个报错是哪里来的后面发现支付宝小程序有个必填的参数添加了编译条件.完美解决
2022-02-18 22:56:36
750
原创 ES6数组:两个数组取并集、交集、差集
一、取并集let a=new Set([1,2,3,4,5]);let b=new Set([1,2,3,4,5,6,7,8,9]);let arr = Array.from(new Set([...a, ...b]));console.log('arr',arr);二、取交集let a=new Set([1,2,3,4,5]);let b=new Set([1,2,3,4,5,6,7,8,9]);let arr = Array.from(new Set([...b].filter(x =
2021-12-09 14:43:24
1306
原创 Math.max的用法 - javascript 贪心算法
贪心算法是指，在对问题求解时，总是做出在当前看来是最好的选择。也就是说，不从整体最优上加以考虑，算法得到的是在某种意义上的局部最优解。以题目为例。prices = [7,1,5,3,6,4]在数组中找到最大的数并return出来，这里就用到了双指针算法技巧let total = 0 // 用来累加let len = prices.length for (let i = 1; i < len; i++) { // 用Math.max(数据1 - 数据2,0) 对比数据1减去数据2以
2021-12-08 13:58:06
1114
原创 Object.keys()、Object.values()、Object.entries()、Object.create()的用法
一、Object.keys()方法会返回一个由一个给定对象的自身可枚举属性组成的数组，数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致 。// simple arrayvar arr = ['a', 'b', 'c'];console.log(Object.keys(arr)); // console: ['0', '1', '2']// array like objectvar obj = { 0: 'a', 1: 'b', 2: 'c' };console.log(Object
2021-12-07 08:18:13
657
原创 scss规范 混合(mixin) 占位选择器 % extend 继承 循环和函数
混合(mixin)根据功能定义模块，然后在需要使用的地方通过 @include 调用，避免编码时重复输入代码段// CSS.jdc_1 { -webkit-border-radius: 5px; border-radius: 5px;}.jdc_2 { -webkit-border-radius: 10px; border-radius: 10px;}// SCSS@mixin radius($radius:5px) { -webkit-border
2021-07-30 16:52:01
210
原创 js深拷贝方法记录
方法一:递归function deepClone(obj){ let objClone = Array.isArray(obj) ? [] : {}; if (obj && typeof obj === 'object') { for(let key in obj){ if (obj[key] && typeof obj[key] === 'object'){ objClone[key] = deepClone(obj[key]
2021-07-30 16:43:52
65
1
原创 @submit.native.prevent 阻止表单回车刷新页面
<el-form ref="queryForm" :model="queryParams" :inline="true" label-width="68px" @submit.native.prevent>在form表头加上@submit.native.prevent防止弹窗输入回车刷新页面
2021-06-23 11:25:36
553
原创 vue-pdf 文件流显示
安装vue-pdfnpm install --save vue-pdf需要的页面import pdf from 'vue-pdf'组件引入以后获取文件流的请求方式跟excel文件一样请求头要加responseType: 'blob'把获取回来的文件流转换一下getObjectURL(file) { let url = null if (window.createObjectURL !== undefined) { // basic url =
2021-05-27 16:30:32
846
原创 ERROR in from UglifyJs 打包ES6报错
使用 npm run build 编译vue + webpack + babel 打包的项目时报错，而npm run dev正常运行，搜百度，尝试了 删除所有node_modules 重新 npm install， 以及引入 babel-2015均未解决。简单看了一下报错信息是engine.io这个文件的问题.移步webpack.base.conf.js{ test: /\.js$/, loader: 'babel-loader', include: [ pa
2021-05-11 16:45:30
928
原创 关于vue项目打包后部署读不到本地图片的问题
找到webpack.prod.conf.js文件if (config.build.productionGzip) { const CompressionWebpackPlugin = require('compression-webpack-plugin') webpackConfig.plugins.push( new CompressionWebpackPlugin({ // asset: '[path].gz[query]',将原来的asse
2021-05-10 07:59:47
423
原创 vue项目启动报错
安装过程中遇到问题（因为某些版本问题）1.npm install chromedriver --chromedriver_cdnurl=http://cdn.npm.taobao.org/dist/chromedriver2.npm install node-sass3.npm install sass-loader
2021-05-07 08:58:53
130
原创 el-date-picker中 选不中12:00以后的时间
el-date-picker标签中使用的 属性 value-format 没有正确使用的问题value-format=“yyyy-MM-dd hh:mm:ss” hh 12小时制value-format=“yyyy-MM-dd HH:mm:ss” HH 24小时制
2021-04-22 10:03:43
226
原创 解决 vendor.js 过大的问题
开启gzip压缩安装插件 compression-webpack-pluginnpm install --save-dev [email protected]修改build文件夹中webpack.prod.conf.js文件,将asset改为filename；if (config.build.productionGzip) { const CompressionWebpackPlugin = require('compression-webpack-
2021-04-20 18:03:14
5531
原创 uniapp上传图片转base64
let base64 = uni.getFileSystemManager().readFileSync(url, “base64”) //图片转base64的方法
2021-04-15 15:43:09
384
原创 如何检查JavaScript对象上是否存在一个属性？
在JavaScript中，有几种方法可以检查对象上是否存在一个属性。选择哪种方法在很大程度上取决于实际需求，所以需要我们了解每种方法的工作原理。让我们来看看最常用的几种方法。1. 真值检查有一个很简单的方法，就是简单的检查房产是否真实。const myObj = { a: 1, b: 'some string', c: [0], d: {a: 0}, e: undefined, f: null, g: '', h: NaN, i: {}, j: [],
2021-03-17 17:52:25
182
原创 记录一下js的问题
01.数组扁平化数组扁平化是指将一个多维数组变为一个一维数组const arr = [1, [2, [3, [4, 5]]], 6];// => [1, 2, 3, 4, 5, 6]方法一：使用flat()const res1 = arr.flat(Infinity);方法二：利用正则const res2 = JSON.stringify(arr).replace(/\[|\]/g, '').split(',');但数据类型都会变为字符串方法三：正则改良版本const res
2021-02-26 14:05:16
60
原创 golang安装配置
https://golang.google.cn下载msi安装包配置环境变量值要设置安装go的文件夹底下查看版本bin环境变量配置新建一个目录.go env查看go环境变量配置
2020-10-24 16:06:13
192
原创 vue 3.0钩子函数
setup() :开始创建组件之前，在beforeCreate和created之前执行。创建的是data和methodonBeforeMount() : 组件挂载到节点上之前执行的函数。onMounted() : 组件挂载完成后执行的函数。onBeforeUpdate(): 组件更新之前执行的函数。onUpdated(): 组件更新完成之后执行的函数。onBeforeUnmount(): 组件卸载之前执行的函数。onUnmounted(): 组件卸载完成后执行的函数onActivated().
2020-10-24 16:05:55
2212
原创 vue3.0安装 了解目录结构
vue版本必须是4.5.4以上vue create 项目名Manually select features(手动配置,使用ts) Check the features needed for your project: (Press <space> to select, <a> to toggle all, <i> to invert selection)>(*) Choose Vue version (*) Babel ( ) TypeScript (
2020-10-13 14:47:59
829
1
原创 Object.assign() 方法
Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象复制到目标对象。它将返回目标对象。const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTarget = Object.assign(target, source);console.log(target);// expected output: Object { a: 1, b: 4, c: 5 }console.log
2020-10-12 09:48:15
138
原创 flutter初识
之前听同学说开发app用的是cordova但是今年好像flutter更火,还是来看看flutter吧首先安装环境就需要装很久.本人自己装了一天1.安装java环境因为flutter开发的是原生,那当然的得安装一下java环境java环境下载戳这里2.下载安装 FlutterSDKFlutter SDK for windows下载安装戳这里在Flutter安装目录的flutter文件...
2020-01-16 14:48:47
193
原创 frame-ancestors 'self'
做iframe的时候渲染突然给我报了个错in a frame because an ancestor violates the following Content Security Policy directive: "frame-ancestors ‘self’赶紧去百度一下什么是Content Security PolicyCSP ---- 内容安全策略意思是限制iframe只能访问...
2019-12-30 16:27:29
7703
1
原创 0.1+0.2!=0.3 精度丢失问题
0.1+0.2=0.30000000000000004;解决方案一:function add(num1, num2) {const num1Digits = (num1.toString().split(’.’)[1] || ‘’).length;const num2Digits = (num2.toString().split(’.’)[1] || ‘’).length;const b...
2019-12-30 15:54:19
584
原创 es6新特性 map reduce filter
-------------------------- map (一一对应return出来) ----------------------------------let arr=[68,55,12,32];let arr2=arr.map(function(item){if(item>=60){return ‘及格’}else{return ‘不及格’}})------...
2019-12-17 15:07:42
97
原创 nginx配置
nginx配置项目运行 流程cmd 输入 vue ui浏览器 会弹出管理页面http://localhost:8000/project/select要运行的项目名后面有一个灰色的点，点击会弹出任务弹窗 点dev后面的运行按钮VMware安装Centos7超详细过程https://blog.csdn.net/babyxue/article/details/80970526nginx 安...
2019-12-17 15:05:42
122
原创 robots协议写法
robots协议robots.txt必须放置在一个站点的根目录下，而且文件名必须全部小写。robots.txt文件的格式User-agent: 定义搜索引擎的类型Disallow: 定义禁止搜索引擎收录的地址Allow: 定义允许搜索引擎收录的地址我们常用的搜索引擎类型有：google蜘蛛：googlebot百度蜘蛛：baiduspideryahoo蜘蛛：slurpalexa蜘蛛...
2019-12-17 15:00:32
260
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人