- 博客(146)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 js 常用函数
目录push 数组添加元素/数组追加元素push 数组添加元素/数组追加元素 pushFunc () { let arr = [] arr.push('nnn') arr.push('mmm') arr.push('nnn') console.log(arr) return arr } 方法可向数组的末尾添加一个或多个元素，并返回新的长度。(3) ["nnn", "mmm", "nnn"]...
2020-12-20 14:11:19
1406
原创 php常用方法封装
目录1、截取字符串，要求最多占据N个汉字的位置根据提供的日期获取当前周的全部日期信息中文字符串中间部分字符替换操作根据二维数组中的某一个字段值进行排序1、截取字符串，要求最多占据N个汉字的位置/** * 截取显示子字符串长度，1个汉字长度为2，一个字母或数字长度为1 * * @param String $str 待截取的字符串 * @param integer $showLength 显示的字符串长度 * @param string $strEncodi
2020-12-18 18:06:58
419
1
原创 js Object.freeze(obj)冻结一个对象或者一个数组，使其不能发生变化
冻结一个对象或者一个数组,冻结的是对象本身 冻结后的对象或者数组不能被修改 不能添加新的属性 不能删除已有属性 不能修改已有属性的值 返回值是被冻结的对象本身，与被冻结的源对象完全一致，也被冻结 let obj = { "name": "张三", "age": 18, "sex": '男' } let _obj = Object.freeze(obj) console.log(_obj) // 返回值是..
2021-02-27 11:29:14
2509
原创 js arr.reverse()颠倒数组中元素的顺序
（1）用于颠倒数组中元素的顺序（2）该方法会改变原来的数组，而不会创建新的数组（3）有返回值，返回值是颠倒顺序后的数组，并且新的数组属于浅拷贝 let arr = ['zhangsan','lisi','wangwu','maliu'] // let _arr = arr.reverse() console.log(arr) // 用于颠倒数组中元素的顺序 // ["maliu", "wangwu", "lisi", "zhangsan"] con.
2021-02-27 10:25:05
1798
原创 js (dateObject).toLocaleSring()方法 将日期或者时间戳根据本地时间转换为字符串
根据本地时间把Date对象转变为字符串 转换后的格式为 2021/2/27 上午9:33:321）将本地的当前时间转变为字符串格式new Date().toLocaleString()// 2021/2/27 上午9:45:082）将某一个时间戳转变为字符串格式new Date(1611711827000).toLocaleString()// 2021/1/27 上午9:43:473）将某个日期转变为字符串格式new Date('2020-12-11').toLocaleS
2021-02-27 10:01:43
451
原创 java final关键词的简单介绍
目录final修饰成员变量实例final修饰成员变量final 平时最常用的就是修饰变量。当修饰变量的时候，视为常量。只能赋值一次，一旦赋值则不能再进行赋值。如果修饰的变量是对象，则可以修改对象中的属性内容。实例public class Demo2 { public final static int a = 1; public static void main(String[] args) { // a = 3; // 会出现编译错误，因为final修饰成员变量的时
2021-02-06 13:37:31
87
原创 java == 和 equals的使用
目录简单区别equals的语法实例：简单区别原理这里就不介绍了，平常主要的用区别就是== 基础数据类型：判断两个变量的值相等。引用数据类型：判断两个变量的值和内存存放地址相等equals 基础数据类型：判断两个变量的值相等。引用数据类型：默认状态下，判断的是两个变量的值相等equals的语法变量1.equals(变量2);实例：public class Demo1 { public static void main(String[] args) { String
2021-02-06 09:41:15
65
原创 js大小写的转换 toLowerCase toUpperCase
字符串大写转小写let str = "What is 爱马仕? That is not doing. 就问你这个英语溜不溜。……&*%*"console.log(str.toLowerCase())字符串小写转大写let str = "What is 爱马仕? That is not doing. 就问你这个英语溜不溜。……&*%*"console.log(str.toUpperCase())...
2021-02-01 19:48:22
210
2
原创 js 时间戳的取值
目录时间戳格式的简易获取方法时间戳格式的简易获取方法<html> <script> // 取毫秒级时间戳 let strotime = +new Date() console.log(strotime); // 向下取秒级时间（未到） let noTime = parseInt(new Date() / 1000) let noTime2 = Math.floor(new Date() / 1000) console.
2021-02-01 19:30:35
226
原创 Vscode配置中文简体
只需要在 左侧扩展栏（快捷键 Ctrl+Shift+X）里面搜索 名称: Chinese (Simplified) Language 扩展，然后点击install即可安装成功
2021-01-16 16:01:40
161
原创 css 样式
目录text-decoration 文字的下中上划线text-decoration 文字的下中上划线text-decoration: 设置文字的中下上划线line-through:中划线/删除线overline:上划线underline:下划线<!DOCTYPE html><html><head> <meta charset="utf-8" /></head><style> .p-center {
2021-01-05 14:53:06
153
原创 小程序云开发
目录云开发小程序的创建项目创建云服务开通云开发小程序的创建项目创建申请完小程序之后，使用开发者工具创建，输入正确的APPID之后，选择下方云开发按钮，创建云服务开通进入项目界面后，点击云开发按钮，开通云开发，并创建dev开发环境...
2020-12-30 09:53:57
107
原创 vue 父子组件 组件挂载 组件通信 slot插槽
目录vue 父子组件挂载父组件往子组件中传值子组件向父组件传值 this.$emit()this.$refs 父组件可以通过它直接引用注册过的子组件DOM中的数据vue 父子组件挂载步骤1、导入子组件步骤2、components中加载子组件步骤3、视图模板中书写组件标签<!-- 子组件 --><template><div> 张三是个小朋友</div></template><script>export d
2020-12-29 19:29:47
349
原创 html select 的 multiple 使用
select框由单选变为多选<!-- --><template><div> <select name="person" multiple v-model="nameArr"> <option v-for="v in list" :value="v.name" :key="v.name">{{v.name}}</option> </select> <div>{{nameArr.toSt
2020-12-28 13:31:56
867
原创 vue指令 v-model双向绑定
目录v-model简单介绍v-model搭配radiov-model 搭配checkboxv-model搭配select使用v-model简单介绍主要作用便是监听数据的变化后，将模板和实例中的相应数据绑定在一起，实际上相当于 v-bind和@input的结合操作<!-- name 和name1中能达到的效果基本一致 --><template><div> <label for="name">姓名<input type="text" nam
2020-12-28 10:53:38
92
原创 vue VUEX的安装与使用
目录vuex的安装 npm i vuex -s引入和配置state数据中的调用state值得修改 通过mutations进行调用 使用this.$store.commit(方法名,值) 同步时使用this.\$set设置/更改 或者 this.\$delete删除 state内的值getters 用于将属性值处理后返回Actions 的异步调用mutations修改state内的值vuex的安装 npm i vuex -snpm i vuex -s引入和配置在src目录下新建 store文
2020-12-26 15:57:19
798
1
原创 js filter/map/reduce的链式操作
let arr = [1, 2, 23, 4, 657, 87, 32, 1, 35]let rs = arr.filter((n) => n > 30).map((n) => n * 2).reduce((prev, val) => prev + val, 0)console.log(rs) // 1622
2020-12-26 13:28:38
457
原创 jquery 使用箭头函数后，对象自身的获取，以及this的作用域问题
亦可引申为闭包函数中箭头函数的用法规则：$(".btn").click(e=>{ console.log(e.currentTarget) // 相当于正常function(){}写法中的this console.log(this) // 继承自全局，即该处的this代表的是整个外部的对象})<!DOCTYPE html><html><head> <script src='./jquery-3.4.1.min.js'></
2020-12-26 11:12:11
797
原创 html disabled属性 禁止点击属性
当设置了disabled以后，点击事件将不可用<!DOCTYPE html><html><head> <script src='./jquery-3.4.1.min.js'></script> <meta charset="utf-8" /></head><body> <button class="btn" id="btnClick">点击禁用自己</button&
2020-12-26 11:06:04
2640
原创 js toFixed 保留N位小数点方法封装
export const numToFixed = (val = 0, num = 2) => { val = Number(val) val = isNaN(val) ? 0 : val return val.toFixed(num)}
2020-12-26 10:34:16
268
原创 vue filters过滤器的统一封装
目录统一封装规则统一封装规则1、src文件夹下创建 filters文件夹，然后再filters文件夹下创建index.js即：src/filters/index.js2、在main.js中引入src/filters/index.js文件，并在下方遍历调用filters中的方法，使用VUE.filters切记：将遍历代码写在new VUE()上方3、在src/utils文件夹下的文件中创建各种工具类方法4、在src/filters/index.js中引入utils中的方法进行调用src
2020-12-26 10:29:55
289
原创 vue全局Api vue专有函数方法 $set() $delete
目录this.$set() 方法 给对象/数组添加值或者替换值this.$set() 方法 给对象/数组添加值或者替换值语法：this.$set(目标对象/数组,键名/索引,新值)使用1：可以给目标对象增加属性使用2：可以给目标对象替换属性使用3：可以给目标数组增加元素使用4：可以给目标数组替换元素 let obj = { name: '张三丰', age: 12, school: '中学' } this.$set(obj,
2020-12-25 19:25:30
223
原创 js ... 扩展运算符的使用
目录对象的使用数组的使用... 扩展运算符对象的使用可以对对象进行合并合并后的对象如果有重复值，将会对之前的值进行覆盖，以最后一个为准 let obj1 = {name: 'zhang', age: 12, address: '中国'} let obj2 = {school: '北京大学', father: 'li'} let obj3 = {...obj1, ...obj2} console.log(obj3) // {name: "zhang", a
2020-12-25 18:18:32
160
原创 js ES6状态下函数的可变参数传值
相比于ES6之前的js可变参数传参的获取,现在要容易的多直接使用扩展运算符 ...规则：func(...a) {} // 其中a为传入参数组合在一起的数组const func = (...a) => { console.log(a) // ["张三", 12, "中国", "北京大学"]}func('张三',12,'中国','北京大学')...
2020-12-25 16:38:35
1308
原创 vue指令 v-show 控制显示和不显示的状态
使用v-show的时候，被隐藏的属性还在页面上，只不过css中的属性被设置为了 display:none，当页面需要频繁切换的时候可以使用v-show<template> <div class="hello"> <div> <label v-show="sta">张三丰</label> <label v-show="!sta">张翠山</label> </div>
2020-12-25 15:19:20
2369
1
原创 vue input框的复用 使用key值进行控制
当input框复用的时候，切换框会将隐藏掉的框的内容带过去加上key属性之后，既不会出现上述情况，应用面比较窄<template> <div class="hello"> <!-- 复用写法 --> <label v-if="type === false">联系电话 <input type="text" name="tel_num" /> </label> <label v
2020-12-25 15:12:52
644
原创 vue v-if v-else-if v-else 在简单场景中使用computed计算属性的替换写法
<template> <div class="hello"> <!-- 写法1 --> <div> <label v-if="count < 0">我还没出生</label> <label v-else-if="count === 0">我诞生了</label> <label v-else-if="count <= 3">我还是个婴儿
2020-12-25 14:50:41
1604
原创 JS ES6 对象字面量增强写法
就是对象中代表键值的变量名称与键名一致，则可以直接缩写为一个 let name = "张三" let age = 13 let obj = { name, age } console.log(obj) // {name: "张三", age: 13}
2020-12-24 10:17:49
460
原创 js 原生DOM操作
目录document.getElementsByTagName() 返回带有指定标签名的对象的集合document.getElementsByTagName() 返回带有指定标签名的对象的集合document.getElementsByTagName(标签名) 方法1：返回带有指定标签名的对象的集合方法2：当传入的值是个 * 号的时候，则获取全部的标签对象<!DOCTYPE html><html><head> <script src
2020-12-23 19:36:46
251
原创 html label标签 for属性
表现形式: <label for="boy">男</label> <input type="radio" name="sex" id="boy" /> <label for="girl">女</label> <input type="radio" name="sex" id="girl" />作用：当点击 男 的时候，会选中 男的radio当点击 女 的时候，会选中 女的radio原理：label中的f
2020-12-22 18:33:50
171
原创 正则 断言
先行断言表达式：(?=表达式1)(?=表达式2)(?=表达式3)从前面开始一个表达式一个表达式进行匹配 目标 是否满足要求let str = 'sdKODKdsl1'let rs = (/^(?=\w{6,10}$)(?=[^a-z]*[a-z])(?=(?:[^A-Z]*[A-Z]){3})(?=\D*\d)/).test(str)console.log(rs)...
2020-12-22 16:54:53
117
原创 jquery jquery-confirm的使用
<!DOCTYPE html><html><head> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/jquery-confirm/3.3.2/jqu
2020-12-22 15:49:10
2074
1
原创 Http协议 Content-Type
目录定义文件协议ajsx请求协议文件上传application/x-www-form-urlencodedapplication/json定义Content-Type是指http/https发送信息至服务器时的内容编码类型，contentType用于表明发送数据流的类型，服务器根据编码类型使用特定的解析方式，获取数据流中的数据。文件协议text/html, text/plain, text/css, text/javascript, image/jpeg, image/png, image/gif
2020-12-22 10:52:49
333
原创 node assert断言 ——暂没啥用处
判断两个值是否是一致的import Assert from 'assert'/** 严格断言 */export const strictAssert = (data, newData) => { try { Assert.deepStrictEqual(data, newData) } catch (e) { return false } return true}
2020-12-21 19:46:56
285
原创 js qs序列化数据 npmi qs --save
目录qs的安装qs序列化url为对象qs 将对象序列化为url后缀模式字符串 &拼接qs 将字符串序列化为对象qs的安装npm i qs --save主要为两个方法string.parse() 将 = 或者 =& 的字符串截取成为 obj格式允许在查询字符串中使用[]的方式创建嵌套的对象。例如，字符串'name1[name2]=val'可以转换为嵌套对象{ name1: { name2: 'val' }}obj.stringfy() 将对象序列化为url后缀模式
2020-12-21 18:51:17
1072
原创 mysql 查询时将时间戳转化为日期格式
相关函数1、时间戳转化为日期 FROM_UNIXTIME(时间戳) 将时间戳转化为固定格式的日期2、日期转化为时间戳 UNIX_TIMESTAMP(日期格式)3、日期转化为自定义格式 DATE_FORMAT(日期格式,自定义日期格式)自定义日期格式 年：%Y、 月： %m、 日： %d、 时：%H、 分：%i、 秒：%s4、获取当前now日期格式 NOW()5、获取当前now时间戳格式 UNIX_TIMESTAMP(NOW())时间戳转化为自定义日期格式select DAT
2020-12-21 16:23:24
3577
原创 php 输出时间差的中文写法 分钟前、小时前、天前、月前、年前
private function timeDiff($start,$end='') { if($end == '') $end = time(); $diff = $end-$start; if($diff < 3600) { // 分钟 $rs = intval($diff/60); $un = '分钟前'; }elseif($diff < 86400) { /...
2020-12-21 16:00:01
99
原创 php 数字转中文算法
private function timeChina($num) { $char = array('零', '一', '二', '三', '四', '五', '六', '七', '八', '九'); $unit = ['', '十', '百', '千', '万']; $return = ''; if ($num < 10) { $return = $char[$num]; } el...
2020-12-21 15:58:01
67
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人