- 博客(39)
- 收藏
- 关注
RSS订阅
原创 微信小程序子组件监听父组件的值为空的解决办法
问题：开发过程中，难免会用到自创组件，之后想父组件把值传入自创的组件（子组件），如果传的值是发起请求去获取到的，那么问题可能会发生，子组件里想要在ready里拿到的值为空或者是properties下接受属性的默认值value例子：Component({ properties: { Obj: { type: Object, value: {} } }, ready() { console.log(this.properties) // 打印为{ Obj:{...} } 是有值的.
2021-09-18 09:31:18
789
原创 javascript之用代码实现typeof
1.typeof 用来判断的类型基本类型有：number, undefind, null, string, boolean, symbol(ES6新增)引用数据类型有：Object, Arrary, RegExp, Date, Function它们的区别：基本数据类型不可变，即存在栈中。引用数据类型可变，是根据栈中对应的地址去找到对应的堆，即引用数据类型在堆中（这里还可以延申到深浅拷贝的知识）。typeof 对于引用数据类型，除了function之外，其他都只能判断成"object"2.t
2021-08-04 10:18:48
318
1
原创 elementUI 组件兼容移动端(媒体查询)
@media screen and (max-width: 500px) { .el-message { min-width: 300px !important; }}@media screen and (max-width: 500px) { .el-message-box { width: 300px !important; }}@media screen and (max-width: 500px) { .el-dialog__wrapper .el-d
2021-03-08 12:41:10
3442
原创 vue-element-admin开启gzip压缩
进行gzip压缩需要下载一个插件npm install [email protected]注意：6.1.1之后的版本里可能会出现undefind等错误 需要降级处理在vue.config.js里配置 const CompressionPlugin = require('compression-webpack-plugin') const productionGzipExtensions = /\.(js|css
2021-03-02 12:11:04
1015
原创 使用npm或者yarn命令报错的问题解决
新机使用npm或者yarn会出现权限不足报错的问题，需要去命令行下开启权限命令如下：get-ExecutionPolicy set-ExecutionPolicy RemoteSigned;使用管理员打开cmd或者powershell，先使用get-ExecutionPolicy 查看是否开启Restricted默认是关闭，需要使用set-ExecutionPolicy RemoteSigned 设置将它开启，输入Y按回车不放心再查看一遍状态，显示RemoteSigned 就代表可以使
2021-02-01 12:01:50
1586
原创 新手第一次如何使用parcel
parcel是什么？是一个轻量打包工具，它内置服务器，打包之后我们可以运行控制台输出的网址，访问我们打包后的页面在文件里创建src目录，打开命令行下载项目所需要依赖的包，注意！之前的都是 npm i -g parcel ，这个已经被废弃了，所以使用下面的：npm i -g parcel-bundler也可以使用yarn命令yarn add global parcel-bundler安装成功后，创建index.html，内容自填。试着运行parcelpacel src/index
2020-08-24 12:20:06
1307
原创 解决flex布局处理最后一行分布不是左对齐的问题
我的答案是不用flex，flex布局处理这个有多种方法，但是都不方便且不符合动态分配原理。我们可以采用grid来解决这个问题，改动也不多。
2023-11-20 11:41:40
137
原创 微信小程序地图组件去除iconPath
问题：如何去除微信小程序地图组件的iconPath配置？如果iconPath填写为none，在安卓真机、开发者工具均无问题，iphone真机上会显示地图自带的标记点，控制台也会报错没有这个图片资源。解决：用透明的背景图片解决即可。...
2021-09-24 16:10:46
1021
原创 iview的Tree组件设置Tooltip鼠标悬浮文字
在解决问题中考虑到的点：树形组件要是过多，会出现鼠标滚轮，鼠标滚轮的时候也会触发鼠标悬浮事件，这时候tooltip会显示出上次滚轮经过的文字，并且会出现tooltip闪动。解决方法：使用防抖函数在组件的render里设置鼠标滚轮事件mousewheel具体代码data() { return { timeout: null, showTooltip: true }}// tree 组件渲染 设置Tooltip renderContent(h, { root
2021-08-04 11:28:30
996
原创 微信小程序自定义头部导航navbar
根据需求，需要做一个自定义的头部导航，以便自适应其他需求和机型，在此封装了一个navbarwxml文件<view class='nav-wrap' style='height: {{height*2 + 20}}px; background-color: {{navbarData.backgroundColor}};'> <view class='nav-title' style='line-height: {{height*2 + 44}}px; color: {{navbarD
2021-07-22 10:50:57
337
原创 react-native的ListView组件报错
看一下自己的RN版本是否0.6.0以上，若版本太高，原ListView包需要换成符合现在版本的包。下载新版本的包npm i deprecated-react-native-listview
2021-07-22 10:42:44
149
原创 临场发挥--实现手写promise
class Promise1 { // promise/A+ 规范：promise状态返回fulfilled（成功），返回的是一个不可以改变的value // promise/A+ 规范：promise状态返回rejected（失败），返回的是一个不可以改变的reason // promise/A+ 规范：判断状态是否为pending 是pending才可以进行状态改变 // 2.此时传入一个匿名函数 这时候executor就是这个匿名函数 我们去看 try catc..
2021-07-22 10:33:24
64
原创 keep-alive对路由进行缓存以及使用方法和场景
路由缓存正常路由占位符Router-view对组件进行缓存和不缓存的操作<div> <!-- 缓存显示的组件 --> <keep-alive v-if="$route.meta.isAlive"> <router-view/> </keep-alive> <!-- 不缓存组件 --> <router-view v-if="!$route.meta.isAlive"> </router-vie
2021-07-07 14:02:12
1080
原创 v-for和v-if优先级
结论1.v-for 优先于 v-if被解析 （源码角度分析）2.如果同时出现，每次渲染都会先执行循环在判断条件，无论如何循环都不可以避免，浪费了性能3.避免这个情况，外层嵌套template，在这一层进行v-if判断，在内部进行v-for循环v-for遍历避免同时用v-if解决方法：计算属性使用过滤信息替代条件判断<template> <ul> <li v-for='user in arr' :key='user.id'>
2021-07-07 13:54:15
782
原创 Vue配置跨域
1.固定写法// module.exports = { devServer: { proxy:"http://localhost:8080", // vue内置服务器跨域 port: 8088,//设置本机端口， 固定 open: true, // 启动项目自动打开 },}2.可变化写法const port = process.env.port || process.env.npm_config_port || 8080module.exports = {
2021-07-07 13:50:27
114
原创 liunx系-系统使用Android studio模拟机调试错误一：/dev/kvm not found
1.查看主板型号dmidecode | more会出现如下信息SMBIOS 2.4 present.57 structures occupying 2318 bytes.Table at 0x000E84B0.Handle 0x0000, DMI type 0, 24 bytesBIOS Information Vendor: Intel Corp. Version: GTG4310H.86A.0019.2009.0625.1334 Rele
2021-07-07 13:38:48
184
原创 react-native指定本地sdk
1.在android文件夹下创建文件local.properties2.代码如下：sdk.dir = 'sdk绝对路径'
2021-07-06 17:04:39
186
原创 react-native 运行
1.链接手机，需要打开USB调试2.启动之前 先看android/app/src/main/下有没有index.android.bundle文件，没有的话我们在这个main目录下创建一个文件夹assets，执行命令：react-native bundle --platform android --dev false --entry-file index.js --bundle-out put android/app/src/main/assets/index.android.bundle --assets
2021-07-06 16:53:08
588
原创 vue关闭eslint
在vue.config.js文件添加 lintOnSave: falsemodule.exports = { lintOnSave: false}
2021-06-19 17:31:47
96
原创 java相关——雪花算法工具类
使用场景：数据量庞大、分库，自增ID无法保持数据的一致性，需要用到雪花算法来实现对数据的标识。public class IdWorker { /** * 开始时间截 */ private final long twepoch = 1420041600000L; /** * 机器id所占的位数 */ private final long workerIdBits = 5L; /** * 数据标识id所占的位数
2021-06-08 17:25:26
785
原创 vue的ref获取的值为undefind或者在dialog获取ref不存在
大致理解为 ref是在ref绑定的节点渲染完成之后才创建，初始使用时候获取不到。所以在mouted里使用的时候，DOM这时候想要更新，必须使用this.$nextTick来操作DOM。el-dialog的坑，有一个场景，点击对话框之后，我们要操作对话框里的内容，这时候我们method里直接使用this.$refs.el获取不到，以上同理。this.$nextTick(() => { this.$resf.el})...
2021-03-12 11:49:58
1542
2
原创 nginx配置https
server { listen 443; server_name 域名; root 路径; index index.html; ssl on; ssl_certificate 证书pem; ssl_certificate_key 证书key; ssl_session_timeout 5m; ssl_ciphers ECDHE-RSA-AES128-GCM-SHA256:ECDHE:ECDH:AES:HIGH:!NULL:!aNU
2021-03-11 19:31:25
136
原创 vue使用clipboard复制的插件以及踩坑记录
//安装就不用说了把npm install clipboard使用方法：//template 看过很多资料 但是在vue中操作DOM不建议 我们尽量采用ref的方式<spanclass="tag"ref="copy"@click="copy">{{newPassword}}</span>//methodscopy() { let copy = this.$refs.copy let clipboard = new Clipboard(c
2021-03-11 11:36:24
965
2
原创 html页面滚动条样式修改
在全局css添加如下样式：/* 滚动条宽度 */::-webkit-scrollbar { width: 10px; height: 10px;}/* 滚动条的滑块的颜色 和 形状 */::-webkit-scrollbar-thumb { background-color: #8f97a1; border-radius: 3px;}/* 在盒子里的滚动条 */div::-webkit-scrollbar {width: 0;}...
2021-03-05 14:50:53
201
原创 vue element table表格不对齐的问题
在全局css里添加如下，或者在App.vue的style里添加body .el-table th.gutter { display: table-cell !important;}
2021-03-05 14:48:25
667
原创 node发出同步http请求
下载一个包，这个包作用是实现node发出的同步请求npm install xd-synchttp场景：在使用use中间件的时候，在中间件里嵌套一个日志，例如morgan这个插件的话，因为操作是异步的，若在使用异步http库，因执行机制的原因会导致接受到的数据可能是undefind。同步就解决这个问题，并不是所有异步都是good，这个需要看使用的场景。const sync = require('xd-synchttp');let result= sync.http_get(url)...
2021-03-04 10:44:56
653
1
转载 node的定时任务---转载
转载链接 https://www.cnblogs.com/zhongweiv/p/node_schedule.html
2021-03-02 18:01:39
146
原创 windows下Apache Bench对node的web进行压测
首先去官网下载，https://www.apachehaus.com/cgi-bin/download.plx下载成功解压后进入bin文件夹下，有以下工具文件exe可直接在该文件夹下使用命令行进行压力测试，命令如下ab -n100 -c50 http://8.129.63.132/-n是请求书， -c是访问的并发数，其他参数可以参考文档Document Path:测试页面Document Length: 页面大小Concurrency Level: 测试的并发数Time taken f
2021-03-02 17:43:45
98
原创 liunx系node以及npm的下载安装
访问http://nodejs.cn/download/ 下载liunx安装包选中右键，复制链接。cd到自己需要存放安装包的路径，我这里存放的是/usr/local并在服务器上使用wget下载安装包将刚才的链接复制上去。你也可以复制我的，我这个是2021年的新版本。wget https://npm.taobao.org/mirrors/node/v14.16.0/node-v14.16.0-linux-x64.tar.xz解压tar -zxvf node-v14.16.0-linux-
2021-03-02 10:59:18
145
原创 debian系统安装nginx
debian安装nginx只需要一步apt install nginx查询是否启动 测试命令curl -I 127.0.0.1出现如下说明成功可以带上服务器ip进行访问，外部访问站点若是出现error，检查一下防火墙的问题。
2021-02-25 14:59:26
598
原创 debian系统下安装mysql(mariadb) 设置密码
MariaDB的root默认连接方式是unix_socket(MariaDB)在Debian中软件包mysql已经替换成了mariadb了。在安装后/etc/mysql/debian.cnf预设了root用户使用socket的连接方式，所以不输入密码也可在命令行直接使用mysql命令登录。设置密码的操作如下：输入mysql进入客户端。输入select user, plugin from mysql.user查看默认的连接方式。如果是unix_socket(MariaDB)，则继续下面得
2021-02-25 14:53:50
876
原创 kali2020安装openvas
在kali2020版本里，此前的apt-get install openvas命令已经废弃，因openvas改名成了gvm安装命令如下（失败可切换到root）：1.安装sudo apt-get install gvm2.初始化sudo gvm-setup 3.检查完整性 sudo gvm-check-setup4.没有报错的话可以使用，有报错会提示你问题出现在哪里5.记住密码之后，sudo gvmd --user=admin --new-password=（自己设置的密码）修改成自己
2021-02-01 12:40:55
1054
原创 Object.assign这个语法糖是深拷贝还是浅拷贝？
let srcobj={ 'name':'jul', 'age':18, 'grade':{ 'one':'1111', 'two':'2222' }} let copyobj=Object.assign({},srcobj) copyobj.age='123'console.log(copyobj.age + "~~~~"+srcobj.age) //123 ~~~ 18 copyobj.grade.one = '3333',console.log(srcobj.
2020-09-19 08:36:58
460
原创 CSS的绝对定位和相对定位的简单易懂
CSS中position(位置)其实有五个属性：absolute / fixed / relative / static / inherit 。注意：static是position默认的，叫做静态定位，也就是没有定位。inherit 则是 从父元素继承 position 属性的值，也就是父元素是什么定位，它就是什么定位，另外一个知识点，相对定位不脱离文档流，而固定定位，绝对定位脱离文档流，脱离文档流（脱标）意思就是相当于我们的页面是地面，脱标的元素就像在天空中的浮云。我们在项目中经常使用的有三个，也就是
2020-08-26 13:21:48
197
原创 MD5密码加密工具
MD5密码加密详解 MD5是什么，MD5是一个信息摘要算法（英语：MD5 Message-Digest Algorithm），一种被广泛使用的密码散列函数，可以产生出一个128位（16字节）的散列值（hash value），用于确保信息传输完整一致。它有着不可逆性，是一种单向加密。由于它是一种老而经典的算法，所以现在可以见别人说什么什么MD5不安全之类的话，其实破解MD5是通过解密人的数据库里存着大量的MD5加密过的密码，用这些密码跟需要破解的密码进行匹配，匹配成功就可以破解，匹配不成功，则进行大量运算直
2020-06-09 19:06:28
167
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人