- 博客(59)
- 收藏
- 关注
RSS订阅
原创 服务器如何防攻击？
服务器如何防攻击？随着互联网安全的重要性，服务器作为数据运行的载体，尤其是服务器被攻击的影响非常大，不但会影响到网站的权重，严重的还会严重影响到业务的正常运行，做好服务器安全防护是每位站长必备的职责。下面就给大家分享一下预防服务器的四种常见攻击?一、DDOS攻击DDOS攻击是服务器常见的一种攻击，它的攻击方式有很多，最常见的是通过服务请求来占用服务资源，从而导致用户无法得到服务响应...
2019-12-11 22:34:51
1024
原创 微信小程序padding讲解
padding 就是内边距，就是说控制上下左右的边距，让界面感觉没有那么拥挤。这个意思都明白，但实战是却遇到padding有时候带1个参数、有时间带2个参数、有时间带4个参数。按照我一贯偷懒的想法，都以为第一个代表内上边距，结果这是错的！！！浪费了我好多时间！！！下面一一解释。padding: 5px; 带一个参数，表示上下左右都是5px距离padding: 5px 0;...
2018-09-12 09:51:04
6524
转载 HBuilderX连接（安卓）逍遥模拟器【简洁】
最近工作涉及uniapp开发，发现HBuilderX进行真机模拟调试可以方便很多，这里介绍一下如何连接（安卓）逍遥模拟器。环境安装环境安装就不做过多叙述，下面附上路径方便还没有下载的小伙伴下载软件：HBuilderX下载路径：https://www.dcloud.io/hbuilderx.html逍遥模拟器下载路径：https://www.xyaz.cn/index2.html?bd_vid=7344752633436673244————————————————1、打开HBuilderX的adb路
2022-12-07 10:06:49
1348
转载 时间戳、中国标准时间、年月日三种时间格式转换
格式： 1649462400000-格式： Sat Apr 09 2022 08:00:00 GMT+0800 (中国标准时间)-格式： 2022-04-09时间戳转换成中国标准时间中国标准时间转换成年月日年月日转换成时间戳。
2022-12-02 09:40:02
3942
原创 el-dialog固定高度
现在要实现一种窗口高度固定，内容滚动的方式，如下直接在内容上套一层div并加上自定义样式el-dialog-div。默认高度是自由拉伸的，当内容超过屏幕时会出现滚动条，按钮和标题都会随着滚动，用户体验不好。
2022-11-15 17:38:27
14558
转载 vue中draggable使用说明
Vue.Draggable是一款基于Sortable.js实现的vue拖拽插件。支持移动设备、拖拽和选择文本、智能滚动，可以在不同列表间拖拽、不依赖jQuery为基础、vue 2过渡动画兼容、支持撤销操作，总之是一款非常优秀的vue拖拽组件。本篇将介绍如何搭建环境及简单的例子，使用起来特别简单对被拖拽元素也没有CSS样式的特殊要求。
2022-10-27 16:57:23
5269
原创 vue 文本超出，换行展示，添加white-space: pre-wrap无效
解决：添加两个样式word-break: break-all;word-wrap: break-word;
2022-07-09 10:18:39
1785
原创 uniapp 开发这个 Error in onLoad hook: “SyntaxError: Unexpected end of JSON input“
这个其实是由于JSON.parse无法识别某些url中的特殊字符比如&等特殊符号造成的解决办法：接受页面主要就是使用encodeURIComponent 和 decodeURIComponent, 如有问题可以留言或者私聊
2022-07-07 14:56:15
2563
3
原创 Vue2与Vue3区别
1、双向数据绑定原理发生了改变 vue2 的双向数据绑定是利用ES5 的一个 API Object.definePropert()对数据进行劫持 结合 发布订阅模式的方式来实现的。vue3 中使用了 es6 的 ProxyAPI 对数据代理。相比于vue2.x，使用proxy的优势如下defineProperty只能监听某个属性，不能对全对象监听可以省去for in、闭包等内容来提升效率（直接绑定整个对象即可）可以监听数组，不用再去单独的对数组做特异性操作 vue3.x可以检测到数组内部数据的变化2.
2022-06-29 15:31:29
232
原创 eS6常用语法
eS6常用语法吐槽：或者吐槽：“不会用ES6的解构赋值来取值吗？5行代码用1行代码搞定不香吗？直接用对象名加属性名去取值，要是对象名短还好，很长呢？搞得代码中到处都是这个对象名。”改进：反驳不是不用ES6的解构赋值，而是服务端返回的数据对象中的属性名不是我想要的，这样取值，不是还得重新创建个遍历赋值。吐槽看来你对ES6的解构赋值掌握的还是不够彻底。如果想创建的变量名和对象的属性名不一致，可以这么写：补充ES6的解构赋值虽然好用。但是要注意解构的对象不...
2022-06-29 15:30:25
1137
5
转载 vue 移动端弹窗后禁止页面滚动 @touchmove.prevent
可以在遮罩层中添加 @touchmove.prevent 就可以实现禁止页面滚动注意 弹窗里面有滚动条的也是无法滚动的第二种方法：isMark是判断弹窗是否弹出，当isMark为true就是弹窗弹出的时候，设置body样式...
2022-06-22 10:13:42
1942
转载 vue v-for数组倒序
监视数组变动（修改数组） 当data的某个属性是一个数组时，用v-for可以遍历，但显然数组是可能变动的，因此对以下变动也进行数据绑定；push() 数组末尾添加pop() 数组末尾取出shift() 数组开头取出unshift() 数组开头添加splice() 删除并插入sort() 排序reverse() 数组顺序颠倒当利用以上方法变更数组时，被渲染的内容会实时更新；采用reverse() 实现数
2022-06-09 17:04:28
7049
转载 深拷贝、浅拷贝区别，实现深拷贝的方法
如何区分深拷贝与浅拷贝，简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了，说明这是浅拷贝，拿人手短，如果B没变，那就是深拷贝，自食其力。此篇文章中也会简单阐述到栈堆，基本数据类型与引用数据类型，因为这些概念能更好的让你理解深拷贝与浅拷贝。我们来举个浅拷贝例子：嗯？明明b复制了a，为啥修改数组a，数组b也跟着变了，这里我不禁陷入了沉思。那么这里，就得引入基本数据类型与引用数据类型的概念了。面试常问，基本数据类型有哪些，number,string,boolean,null,
2022-06-07 15:59:36
223
原创 使用Promise封装ajax请求
// 新建一个Promise对象 const Pro = new Promise((resolve, reject) => { // 1.创建对象 const xhr = new XMLHttpRequest(); // 2.初始化,设置请求方式和接口地址 xhr.open("GET", "接口地址"); // 3.发送请求 xhr.send(); // 4.绑定事件，处理..
2022-05-31 16:36:50
215
原创 uniapp项目运行时一直发http://localhost:8080/sockjs-node/info?t=1462183700002请求
或者完事之后重跑（重新运行）项目
2022-05-31 10:41:39
2032
3
原创 ES6-ES13常用语法记录
一、检测是否为数组 1、instanceof方法 const arr = new Array() // const arr = [] arr instanceof Array //true 2、constructor属性 返回对象相对应的构造函数。 3、isArray()方法 const arr = new Arr...
2022-05-30 15:39:49
290
原创 ES10的数组多维数组转一维
1、flat 将变量多维数组转一维，flat(深度),三维数组转二维深度是2，flat的默认深度是1。2、flatMap是在循环时返回的数组转换为一维数组。温馨提示：代码中出现的...newSet() 是去掉重复的数据 const arrs= [1,2,3,4,5,6,[7,8,9,[2,4,5]]]; let result1 = [...new Set(arrs.flat(2))]; console.log(result1) let result = result1.flatMap(i
2022-05-27 20:45:00
135
原创 正则表达式常用匹配符
匹配符：d? d出现0/1次a＊ a可以出现0/多次a+ a出现一次以上a｛6｝ a出现6次a｛2，｝ a出现2次以上a｛2，6｝ a出现2-6次匹配多个字符：(ab)+ ab出现一次以上或运算：a (cat|dog) 匹配 a cat or a doga cat|dog 匹配 a cat or dog字符类：匹配由abc构成的数据【abc】+ abc出现一次以上 abc aabbcc【a-zA-Z0-9】 ABCabc123^ 排除 【^0-9】 匹配0-9之外的数据(包括换
2022-05-27 11:20:48
902
转载 ES6生成器
生成器是ES6中新增的一种函数控制、使用的方案，它可以让我们更加灵活的控制函数什么时候继续执行、暂停执行等。平时我们会编写很多的函数，这些函数终止的条件通常是返回值或者发生了异常。生成器函数也是一个函数，但是和普通的函数有一些区别：首先，生成器函数需要在function的后面加一个符号：*其次，生成器函数可以通过yield关键字来控制函数的执行流程：最后，生成器函数的返回值是一个Generator（生成器）：生成器事实上是一种特殊的迭代器；MDN：Instead, they return a
2022-05-25 17:28:47
429
原创 模板字符串(反引号使用)
使用一对反引号 ` ` 声明的字符串，特性如下：let str = `<ul> <li>第一行</li> <li>第二行</li> </ul>` let hello = `噢早上好呀， 海绵宝宝~`变量拼接（替换/插入）使用${变量名}定位插入的元素位置let name = '海绵宝宝' let hello = `早上好呀${name}，好久不见。` console..
2022-05-24 20:30:00
165
转载 ES6之Symbol内置属性详解
1. Symbol.hasInstanceSymbol.hasInstance用于判断某对象是否为某构造器的实例。因此你可以用它自定义instanceof操作符在某个类上的行为。class Array1 { static [Symbol.hasInstance](instance) { return Array.isArray(instance); }}console.log([] instanceof Array1);Symbol.hasInstance属性的属性...
2022-05-24 17:55:14
945
转载 ES6之什么是Symbol详解
一、什么是Symbol？Symbol是ES6中引入的一种新的基本数据类型，用于表示一个独一无二的值。它是JavaScript中的第七种数据类型，与undefined、null、Number（数值）、String（字符串）、Boolean（布尔值）、Object（对象）并列。你可以这样创建一个Symbol值：const a = Symbol();console.log(a); //Symbol()使用Symbol函数可以生成一个Symbol类型的值，但是你不能在调用Symbol时使用ne
2022-05-24 17:42:09
7804
2
原创 多行文字、单行文字限制行数 超出用...表示
第一种方式：多行、单行都可text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2; //可展示几行-webkit-box-orient: vertical;第二种方式：单行overflow: hidden;text-overflow:ellipsis;white-space: nowrap;
2022-05-18 16:46:13
162
转载 “uni-app”和 “网页” 中如何提交FormData格式的数据
首先,网页端和app的方式是不同的.let formData = new FormData(); 这种数据类型定义的方式是不行的;在网页中我们可以通过设置下方的代码来定义formData格式的数据.let formData = new FromData();formData.append('fileName', 'fileValue');一 . app中提交formData格式的数据但在app中我们可以通过设置请求头,来将参数转成formData格式,代码如下:(在真机中调试才不会报
2022-05-17 17:57:16
5561
10
转载 如何判断对象是否为空
1、对象转化为字符串进行比较var a={}; var b=new Object();console.log(JSON.stringify(a)=="{}") //trueconsole.log(JSON.stringify(b)=="{}") //true2、for...in循环var a={};function isEmptyObject(obj){ for(var key in obj){ return false }; return...
2022-05-13 14:45:00
1135
转载 uniapp input框校验数据格式，只能输入汉字/数字/字母等
input框常用的正则表达式<input class="uni-input iptStyle" name="input" placeholder="未识别出信息" v-model="form.fpNum" @input="fpNumInput" maxlength='24' />fpNumInput(e) { const o = e.target; const inputRule = /^(0+)|[^\d]+/g //修改inputRule 的值 this.$.
2022-05-05 13:20:17
6138
原创 uniapp 循环上传多张照片，（图片删除，选择图片张数动态控制，未上传完成不可进行上传）
return { uploadPicture: true, // 判断是否上传完成 pictureList:[], // 图片列表 }// 删除图片 delpicture(id){ this.uploadPicture = true; // 九张图片减少后将设置为上传按钮可上传 for(let i = 0;i <=...
2022-04-25 15:24:26
2709
转载 uniapp js 按钮 点击事件 防抖节流 防抖和节流事件的触发
uniapp中，有时也需要用到防抖与节流这两种事件。方法思路与web端的思路一致。防抖：在此时间段触发几次事件，就延迟触发几次，并只触发最后一次事件。（一直快速触发几分钟后停止，也只执行最后的那一次事件）节流：在规定时间内仅能触发一次，但到了下一个时间段，也还会继续触发一次，执行新的事件。示例：直接放入vue文件并运行即可。<template> <view class=”fanjun-jsSkill”> <view class=”oneSkill”>
2022-04-25 15:09:00
3288
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人