- 博客(71)
- 收藏
- 关注
RSS订阅原创 鸿蒙 command not found: ohpm
第一步：找到ohpm home copy路径：/Users/admin/newohpm。第二步：打开终端 输入：open ~/.bash_profile。然后终端输入 source ~/.bash_profile。
2024-01-10 16:11:02
772
原创 常用正则(密码校验)
// 校验密码 8-20位字符组成，必须包含数字、特殊字符及大小写reg = /^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[~!@#$%^&*\(\)_+\?<>:"\{\}\|\[\]\\';/\.,`=-])[^\u4E00-\u9FA5][A-Za-z\d~!@#$%^&*\(\)_+\?<>:"\{\}\|\[\]\\';/\.,`=-]{7,19}$/,// 校验字母 数字 特殊字符,由0-150位字符组成r..
2021-11-16 20:21:36
779
原创 计算机组成原理 读书笔记第一章第四章
缺点是当电源消失时，所存信息也随即消失，它是一种易失性存储器。前者具有高速的特点，后者具有高集成度的特点，并且制造简单，成本低廉，功耗小，故MOS半导体存储器被广泛应用。随机存储器（RAM random access memory）：RAM是一种可读/写存储器，其特点是存储器的任何一个存储单元的内容都可以随机存取，而且存取时间与存储单元的物理位置无关。主存储器的主要特点是它可以和CPU直接交换信息，辅助存储器（简称辅存）是主存储器的后援存储器，用来存放当前暂时不用的程序和数据，不能与CPU直接交换信息。
2021-07-20 17:57:18
92
原创 计算机网络原理 读书笔记
计算机网络第一章计算机网络含义：计算机网络是计算机技术与通讯技术的完美结合，是两者相互融合的产物计算机网络就是互连的、自治的计算机集合。自治指计算机之间没有主从关系，一台计算机不可以命令另一台，互连指的是计算机之间要通过通信链路互连互通。计算机网络是指将分布在不同地理位置的具有独立功能的多个计算机系统，通过通信线路和通信设备连接起来，在网络软件系统的控制下，实现资源共享和数据通信等功能。概念：带宽：不同链路的传输速度不同（通讯电路可以是光纤，同轴电缆、双绞线、微波、通信卫星等）I
2021-07-14 15:30:25
1627
原创 对称加密密码 对称加密算法
基本概念：未加密消息在密码学中被称为明文 伪装消息以隐藏消息的过程称为加密 而被加密的消息称为密文 把密文转换成明文的过程称为解密。基本了解：对称密钥密码的加密密钥和解密密钥是相同的。特点：1、加密方和解密方使用同一个密钥；2、加密解密的速度比较快，适合数据比较长时的使用；3、密钥传输的过程不安全，且容易被破解，密钥管理也比较麻烦；优缺点：优点：算法公开、计算量小、加密速度快、加密效率高。缺点：（1）交易双方都使用同样钥匙，安全性得不到保证。（...
2021-07-13 15:04:46
1706
原创 canvas 想要删除之前操作的某一步 遇到的困惑以及解决方案
本文未粘贴具体的canvas代码，只是将自己的实现思路作为分享。具体的canvas的基本操作请参考专业的文档操作步骤如图：添加一个标记记录一步，上边操作一个记录了3步。然后正常业务是，操作中随时需要取消其中一步，比如要取消的第二部操作。那剩余的操作也就是第一步跟第三步。于此同时，页面的标记也要只留下第一步第三步。效果如下总结：下部的文字部分操作很简单，就是数据的追加与删除操作，这里主要说明一下canvas的操作步骤1.起初想的是用canvas自己的api实现操作，使用以下的两个方法配合实
2021-05-17 16:45:54
1741
原创 Cannot read property ‘drawImage‘ of undefined at Image.img.onload. canvas. vue
在vue中使用canvas遇到此类问题，this指向引起的错误示例：this.canvas = document.getElementById('canvas')this.ctx = this.canvas.getContext('2d')var img = new Image()img.src = img1img.onload = function () { this.ctx.drawImage(img,0,0)}function中的this指的的img，并非实例化的
2021-05-17 14:47:49
1032
原创 vue 手写图片左右跑马灯 效果
效果图与代码贴上：1.html部分<template> <div class="box"> <Icon class="icons1 icons" type="ios-arrow-dropleft-circle" @click="left"/> <Icon class="icons2 icons" type="ios-arrow-dropright-circle" @click="right"/> .
2021-05-15 16:09:40
1570
1
原创 有损压缩、无损压缩（图片、音频、视频）
无损压缩：是对文件本身的压缩，和其它数据文件的压缩一样，是对文件的数据存储方式进行优化，采用某种算法表示重复的数据信息，文件可以完全还原，不会影响文件内容，对于数码图像而言，也就不会使图像细节有任何损失。无损压缩的基本原理是相同的颜色信息只需保存一次。压缩图像的软件首先会确定图像中哪些区域是相同的，哪些是不同的。包括了重复数据的图像(如蓝天) 就可以被压缩，只有蓝天的起始点和终结点需要被记录下来。但是蓝色可能还会有不同的深浅，天空有时也可能被树木、山峰或其他的对象掩盖，这些就需要另外记录。从本质上看，.
2021-05-12 13:53:41
31234
1
原创 认知理论中的首因效应、刻板效应、近因效应、晕轮效应效应
晕轮效应：又称“光环效应”，属于心理学范畴，指当认知者对一个人的某种特征形成好或坏的印象后，他还倾向于据此推论该人其他方面的特征。本质上是一种以偏概全的认知上的偏误典型的词语：一白遮百丑、以偏概全、管中窥豹略见一斑、爱屋及乌等首因效应：指我们对某个人或某个事物第一印象所产生的影响和效果很深刻。让我们以后回忆起这个人或事物时往往脑海浮现中的第一印象占比很大巧妙运用：面试的时候，无论何种面试第一印象都非常重要！！！有时候你的前2分钟表现甚至就可以决定结果了。近因效应 ：我们对某事物的认.
2021-05-11 11:10:31
89506
原创 vue图片查看器 基于viewer
vue2-viewervue2-viewer 是一款强大的图像浏览插件，可以实现图像的放大预览，旋转，任意比例放大和缩小等功能vue2-viewer 是viewer.js vue的实现，效果以及样式完全移植自viewer.js第一步：npm install --save vue2-viewer第二步：在main.js中引入并使用插件 1 2 import ImageViewer from 'vue2-viewer'; Vue.use.
2021-04-12 14:26:41
605
原创 0.1+0.2!=0.3 数组扁平化
0.1 + 0.2 != 0.3JavaScirpt 使用 Number 类型来表示数字（整数或浮点数），遵循 IEEE 754 标准，通过 64 位来表示一个数字（1 + 11 + 52） 1 符号位，0 表示正数，1 表示负数 s 11 指数位（e） 52 尾数，小数部分（即有效数字） 在两数相加时，会先转换成二进制，0.1 和 0.2 转换成二进制的时候尾数会发生无限循环，然后进行对阶运算，JS 引擎对二进制进行截断，所以造成精度丢失。总结：精度丢失可能出现在进.
2021-04-09 15:00:38
80
原创 数组简述
1.数组的定义 伪数组的转换const arr = new Array(1,2,3,4) const arr= [11,2,3,4] const arr1 = new Array(3）标识创建一个长度为3的数组，数组内的元素未赋值的话都会是undefined（new Array存在一个小小的缺陷）因此有一种新的创建数组的方式const arr= Array.of(3)const arr = Array.from() Array.from()方法从一个类似数组...
2021-03-26 17:10:36
131
原创 proxy代理
proxy可以理解为拦截或者代理语法为：new Proxy()表示生成一个Proxy实例，target参数表示所要拦截的目标对象(可以是对象、数组、函数)，handler参数是一个对象，用来定制拦截行为const proxy = new Proxy(target,handle) // proxy代理 数组const arr = [ { title:"js", category:"js描述" }, { titl...
2021-03-26 10:58:18
865
原创 proxy 手写双向数据绑定
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <input t..
2021-03-25 20:10:13
148
原创 form表单中的enctype属性
enctype就是encodetype就是编码类型的意思。enctype：规定了form表单在发送到服务器时的编码方式，有如下的三个值。application/x-www-form-urlencoded:默认的编码方式。只能上传文本格式的文件。不能用于发送文件。在发送前会编码所有字符，即在发送到服务器之前，所有字符都会进行编码（空格转换为 "+" 加号，"+"加号转换为空格，特殊符号转换为 ASCII HEX 值） multipart/form-data:指定传输数据为二进制类型，比如图片，mp.
2021-03-25 12:21:58
1300
原创 实现对象的深拷贝
1.使用JSON.parse(JSON.striingify(obj))。常规情况足够使用了但是这个会遇到一个问题就是当对象中有undefined与function时，会转换为null。new Date()格式会转换。2.方法二：参考网址：https://www.cnblogs.com/wangyulue/articles/7684515.html 站在巨人的肩膀上开发，使用前人写好的代码，新时代的搬运工这里有三点需要注意：1、用new obj.constructor ()构造函数新建一.
2021-03-18 09:54:37
216
原创 小程序项目起步
前言：本人申请的测试账号，自己写的测试demo。以下均为初次探索的过程记录，不合适的操作还望海涵前端准备：根据小程序的文档教程，申请appid号，下载开发者工具。参考：https://developers.weixin.qq.com/miniprogram/dev/framework/quickstart/getstart.html#%E7%94%B3%E8%AF%B7%E5%B8%90%E5%8F%B7 （注意：此处必须有appid） 后台准备：使用的是node.js写后台 （1）确...
2021-03-17 12:03:08
111
原创 v-for key值得作用
没有key<div id="app"> <ul> <li v-for="(item, i) in list"> <input type="checkbox"> {{item.name}} <span @click="del(i)" style="color:red;cursor: pointer;">x</span> </li&g
2021-03-15 16:29:11
101
原创 判断是否为对象的一种方式
let obj = {}Object.prototype.toString.call(obj) =="[object Object]"
2021-03-10 10:42:10
200
原创 iview 表单数字验证
addDataFrom：{ user: ""}dataFromValidate: { user: [ {required: true, message: '该信息不能为空', trigger: 'change'}, {type: 'string', pattern: /^\d+$/, message: '必须填写11位数字，请规范填写', trigger: 'change'} ]}...
2021-03-04 20:37:34
474
1
原创 获取音视频大小 video
beforUploadHandle(file, params){ //获取视频或者音频时长 var fileurl = URL.createObjectURL(file); //audio也可获取时长 var audioElement = new Audio(fileurl); var duration; audioElement.addEventListener("loadedmetadata", (_event) ={ duration = audi.
2021-02-20 14:31:09
474
原创 js修改对象的key值
举例说明原对象sourceObj = { "name":'zhangsan', "age":''16'}需要转换为targetObj = { "label":'zhangsan', "value":''16'}实现代码：let keymap = { name: "label", age: 'value'}Object.keys(sourceObj).map(keys => { let newKey = keyma...
2021-01-28 15:03:44
6923
原创 iview upload手动上传文件
需求：上传文件分为两步：1.先创建文件，调取穿件文件接口，接口返回一个id2.用创建接口返回的id，作为上传文件的一个参数，上传文件，同时需要在请求头中添加Range，对应的属性值为0 - (file.size - 1)好处：可以实现分片（分包）上传文件但是iview得upload只能一般是自动上传的，要想实现手动上传需要使用before-upload本项目上传文件使用的代码：<Upload action="#" :headers="{Range:this
2021-01-26 10:30:28
2667
原创 did you register the component correctly? For recursive components, make sure to provide the “name“
vue引入自定义组件时报错“did you register the component correctly? For recursive components, make sure to provide the "name"”分析原因：1.引入组件时，错误import {impiData} from '@/views/conponents/impiData'。 不应该加{} 应该是：import impiDatafrom '@/views/conponents/impiData'2...
2021-01-14 15:08:38
917
原创 iview select filterable小问题修改经验
问题描述：1.选中数据后，左侧会有大批空格出现 2.群名称的下拉数据选中后，会对组名称有影响，导致下拉数据变成了一条。总之两个会相互影响（ps:已排除各自key相互影响，各自绑定的key均不一样）代码：解决方案：很神奇的解决方案问题代码：正确代码：两个代码的区别：手动去掉了{{item.name}}前后的空格。问题完美解决...
2021-01-14 11:08:32
250
原创 iview table 表格高度超出后，固定表头，heigth值动态设置
第一步：给table添加 height属性<Table :loading="loading" border :columns="columns" :data="data" ref="table" id="tables" :row-class-name="rowClassName" :height="height"></Table>第二步：data定义变量export default { data.
2020-12-22 17:10:54
2121
原创 Mac npm install -g vue-cli 报错
npm install -g vue-clinpm WARN deprecated vue-cli@2.9.6: This package has been deprecated in favour of @vue/clinpm WARN deprecated request@2.88.2: request has been deprecated, see https://github.com/request/request/issues/3142npm WARN deprecated coff
2020-12-10 14:56:36
1021
原创 echarts创建之前销毁 vue display：none的场景 echart100%变100px
if(this.myChart1){ this.myChart1.dispose()}this.myChart1 = this.$echarts.init(this.$refs.echarts1)有时候遇到tab或者模块相互切换的情况，受display：none的影响，会出现echart100%变100px的情况，可以使用上述方法决绝该问题...
2020-12-09 10:58:54
1281
原创 获取最近一周或者一段时间 js vue
// 获取最近一周的数据getNearWeek(day) { let today = new Date(); let targetday_milliseconds = today.getTime() + 1000 * 60 * 60 * 24 * day; today.setTime(targetday_milliseconds); //注意，这行是关键代码 let tYear = today.getFullYear(); let tMonth = today.getMonth();.
2020-12-09 10:55:42
591
原创 javascript 基础类型 引用类型
javascript中有两大类数据类型1.值类型(基本类型)：数字（Number）:一种数字类型,可以是小数，也可以是整数，常用的定义方式为 var a = 3；var b = 3.14 字符串（String）：字符串是存储字符的变量，可以是引号中的任意文本。使用单引号或双引号都可以：var a = "zhangsan"; var b = 'lisi' 布尔(Boolean)：布尔（逻辑）只能有两个值：true 或 false 。 var a = true ; b = false注意：此处的t.
2020-11-17 19:54:06
104
原创 iview input 只允许输入数字及字符
<FormItem label="op" prop="opOpValue"> <Input v-model="addDataFrom.opOpValue" @on-keyup="btKeyUp('opOpValue')"/></FormItem>//控制不能输入特殊字符btKeyUp(name) { // this.addDataFrom[name]= this.addDataFrom[name].replace(/[`~!@#$%^&*().
2020-11-16 11:27:31
3924
原创 vue 点击除自身外的元素 隐藏某个固定的元素
1.//html<div id="box" ref="boxs" style="width:110px;height:110px;background-color:red"></div>//JScreated(){ document.addEventListener('click',(e)=>{console.log(this.$re...
2020-11-14 12:37:41
481
原创 vue 挂载问题 绑定数据与显示数据不一致
vue数据的挂载（1）数组的问题由于 JavaScript 的限制，Vue不能检测以下数组的变动：当你利用索引直接设置一个数组项时，例如：vm.items[indexOfItem] = newValue 当你修改数组的长度时，例如：vm.items.length = newLength举个例子：var vm = new Vue({ data: { item...
2020-11-14 12:36:42
1318
原创 html2canvas 截图空白 与截图不全
getCanvasPic1() { //导出时让最外面DIV滚动在最上面，导出全图 this.$refs.flow.scrollTop = 0 html2canvas(this.$refs.flow).then(canvas => { // 转成图片，生成图片地址 this.imgUrl = canvas.toDataURL('image/png') let link = document.createElement('a') link.href = th.
2020-11-13 14:22:30
2586
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人