- 博客(34)
- 收藏
- 关注
RSS订阅原创 Symbol Symbol.for 区别 Reflect.ownKeys
【代码】Symbol Symbol.for 区别 Reflect.ownKeys。
2023-03-28 11:27:24
135
原创 js 减少嵌套 if..else 或 switch case
function doSomething(){ console.log('执行方法') }let a = 6if(a===6){ doSomething()}//等同于 a===6 && doSomething() //如果满足某个条件执行的方法if(a !== 5){ doSomething()}//等同于 a===5 || doSomething() //如果不满足某个条件执行的方法...
2023-03-28 09:31:08
119
原创 js精简代码
较短的 If-Else 的空合并你可以使用看涨合并，而不是使用 if-else 构造来检查值是否为空。该nullish合并操作 ??，如果没有定义左侧返回右侧。如果是，则返回左侧：let maybeSomething;// LONG FORMif(maybeSomething){ console.log(maybeSomething)} else { console.log("Nothing found")}//SHORTHANDconsole.log(maybeSometh
2023-03-28 09:27:22
38
原创 vue3 ref reactive toRefs onMounted
<template> <div class="add"> <el-card class="add-container"> <el-form ref="form1" :model="form" label-width="120px"> <el-form-item required label="商品分类"> <el-select v-model="form.category" requ
2021-11-05 17:10:58
726
原创 js 常用的函数
// 字母转大写export function toUppcase(str) { return str.toUpperCase()}// 截取下划线之后的内容export function subStr(str) { let index = str.indexOf('_') let result = str.substring(index+1,str.length) return result}// 只能输入数字export function isNumber(numb
2021-11-02 17:41:58
87
原创 js常用的正则表达式
//正整数/^[0-9]*[1-9][0-9]*$/;//负整数/^-[0-9]*[1-9][0-9]*$/;//正浮点数/^(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*))$/; //负浮点数/^(-(([0-9]+\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\.[0-9]+)|([0-9]*[1-9][0-9]*)))$/; //浮点数/^(
2021-11-02 15:13:01
122
原创 elementui $prompt button默认值 初始值
this.$prompt(' ', '请输入标题：', {inputValue: `${file.title}` }).then(({ value, action }) => { if(!value){ return false; } this.$message.success("操作成功") this.fileList4[i
2021-11-02 13:56:19
1739
原创 git clone LibreSSL SSL_connect: SSL_ERROR_SYSCALL in connection to github.com:443
通过百度搜寻 解决方案是是git config http.sslVerify “false” 无效原来是github没有登录 ，登录成功之后就可以了
2021-11-02 10:59:35
162
原创 Vue 前端代码风格
1.1.1 项目名全部采用小写方式， 以短横线分隔。例：my-project-name。1.1.2 目录名参照项目命名规则，有复数结构时，要采用复数命名法。例：docs、assets、components、directives、mixins、utils、views。1.1.3 图像文件名 HTML 文件 全部采用小写方式， 优先选择单个单词命名，多个单词命名以下划线分隔。1.1.4 CSS 文件名 JavaScript 文件名 全部采用小写方式， 优先选择单个单词命名，多个单词命名以短横线
2021-11-02 10:19:36
341
原创 前端常用的方法封装
// 字母转大写export function toUppcase(str) { return str.toUpperCase()}// 截取下划线之后的内容export function subStr(str) { let index = str.indexOf('_') let result = str.substring(index+1,str.length) return result}// 只能输入数字export function isNumber(numb
2021-11-01 18:59:22
111
原创 elementUI中遇到 [Vue warn]: Invalid prop: custom validator check failed for prop “status“
<!-- 上传进度 --> <div v-if="!pass && progress !== 0" class="img-content img-progress"> <el-progress type="circle" :percentage="progress" :status="proStatus"></el-progress
2021-11-01 14:40:33
335
原创 React Native搭建环境
刚开始学习React Native 记录一下踩坑React Native 官网地址：https://reactnative.cn/docs/environment-setup搭建环境完全按照官网的操作来就可以了，虽然说着很简单，但还是踩了很多的坑这个方法亲测有效，其他的方法我这边没什么效果React-native init 初始化时报错 info Installing required CocoaPods dependencies在网上找了下原因，主要是网络慢或网络连接的原因，解决方案如下：
2021-10-30 17:26:27
141
2
原创 react组件通信
1.父传子//父组件向子组件传值，通过props，将父组件的state传递给了子组件。/**父组件 */export default class Parent extends Component { constructor(props){ super(props) this.state={ message:"中秋节快乐呀" } } render(){ return( <Child txt={this.state.mess
2021-09-21 17:22:10
52
原创 react生命周期 constructor用法
import React, { Component } from 'react'class App extends Component { // 在js中，类在 new 实例化的时候，系统会默认调用constructor函数，在 Child类中，我们没有定义构造函数，那个系统会默认有一个constructor，并且会在里面调用super(); 当我们定义了构造函数之后，就使用我们定义的。所以我们自己定义的构造函数必须要调用super()对父类进行初始化。 // class Person {
2021-09-20 19:07:45
532
原创 react路由模式
1、BrowserRouter：浏览器的路由方式，也就是在开发中最常使用的路由方式2、HashRouter：在路径前加入#号成为一个哈希值，Hash模式的好处是，再也不会因为我们刷新而找不到我们的对应路径3、MemoryRouter：不存储history，所有路由过程保存在内存里，不能进行前进后退，因为地址栏没有发生任何变化4、NativeRouter：经常配合ReactNative使用，多用于移动端5、StaticRouter：设置静态路由，需要和后台服务器配合设置，比如设置服务端渲染时使
2021-09-14 15:21:08
436
原创 js数组遍历方法
第一种:普通for循环for(j = 0; j < arr.length; j++) { }第二种forEach（）遍历对象类型数组const arr = [ {id:1,name:'zhangsan'}, {id:2,name:'lisi'}, {id:3,name:'wangwu'} ]arr.forEach( function(item){ console.log(i
2021-08-28 16:54:11
145
1
原创 el-table 合并单元格
后台返给我这样的格式：[ {cancelTotal: 0,personnelId: 2,personnelName: "张三",personnelSalaryList:[{cancelWorkOrderCount:0,deepPackageId:null,effectiveWorkOrderCount:1,errorWorkOrderCount: 2,itemId: 4,name: null,title: "A"},{cancelWorkOrderCount:0,deepPackageId:null,e
2021-08-22 16:29:32
89
原创 字符串的用法 split
split() 方法用于把一个字符串分割成字符串数组。split()的第二个参数，表示返回的字符串数组的最大长度let str= "hello,world"str.split(',')// ["hello", "world"]str.split(','，1) //["hello"]字符串转换let num=24;let mystr="" + num; //"24"...
2021-08-20 22:49:24
462
原创 uniapp图片上传
<view class='upload-image-view'> <block v-for="(image,index) in imageList" :key="index"> <view class='image-view'> <image :src="image" :data-src="image" @tap="previewImage"></image> <view class='del
2021-08-20 22:28:06
73
原创 vue 前端导出功能
// 导出 exportData(){ let queryData = { type: 'personnelSalary', month:this.pageInfo.month, year:this.pageInfo.year, } getExportBatch1(queryData).then(res => { const link = document.createElement('a..
2021-08-19 18:16:32
199
原创 JS中的eval函数
1.eval() 函数作用：可以接受一个字符串str作为参数，并把这个参数作为脚本代码来执行。（如果执行结果是一个值就返回，不是就返回undefined，如果参数不是一个字符串，则直接返回该参数）2. 案例：eval(“var a=1”);//声明一个变量a并赋值1。eval(“2+3”);//执行加运算，并返回运算值。eval(“mytest()”);//执行mytest()函数。eval("{b:2}");//声明一个对象。如果想返回此对象，则需要在对象外面再嵌套一层小括如下：eval
2021-08-01 16:17:06
3010
原创 VUE hash和history区别
1.在vue的路由配置中有mode选项 最直观的区别就是在url中hash 带了一个 # 而history是没有#的2.history模式：如果修改path，当刷新时，如果服务器中没有相应的响应或者资源，会刷出一个404界面hash 模式：hash符号之前的内容会被包含在请求中，因此对于后端来说，即使没有做到对路由的全覆盖，也不会返回404错误...
2021-08-01 02:42:03
140
原创 es6 Array.from() Array.of()
Array.from方法用于将两类对象转为`真正的数组let arrayLike = { '0': 'a', '1': 'b', '2': 'c', length: 3};// ES6的写法let arr2 = Array.from(arrayLike); // ['a', 'b', 'c']Array.from还可以接受第二个参数，作用类似于数组的map方法，用来对每个元素进行处理，将处理后的值放入返回的数组。Array.from(arrayLike, x =
2021-07-11 18:15:11
45
原创 数组实例的 flat()，flatMap()
``数组实例的 flat()，flatMap()数组的成员有时还是数组，Array.prototype.flat()用于将嵌套的数组“拉平”，变成一维的数组。该方法返回一个新数组，对原数据没有影响。[1, 2, [3, 4]].flat()// [1, 2, 3, 4]flat()默认只会“拉平”一层，如果想要“拉平”多层的嵌套数组，可以将flat()方法的参数写成一个整数，表示想要拉平的层数，默认为1[1, 2, [3, [4, 5]]].flat()// [1, 2, 3, [4, 5]]
2021-07-11 18:02:19
65
原创 点击图片实现预览功能
<div> <div class="pj_content">包装好，不好吃</div> <div> <ul class="imglist"> <li class="img_item" @click="getImg"><img ..
2020-12-03 14:45:01
2181
原创 2020-12-02
<template> <div class="fatherToChild"> <h3>方式二:父组件调用子组件的方法进行传值</h3> <!--用ref给子组件起个名字--> <child ref="child"></child> <button @click.stop="clickFather">点击父组件</button> </div><.
2020-12-02 21:14:22
66
原创 商品详情属性选择的功能
<div class="yanse" v-for="(item, index) in spec_base" :key="index"> <span class="jglq_left">{{ item.title }}</span> <ul class="sku" style="display:flex"> <li v-for="(itemm,ind) in item.v.
2020-11-30 14:30:59
119
原创 websocket
<script src="scripts/socket.io.js"></script> <script> //ws://127.0.0.1:5000代表socket.io的服务器的地址及端口 let client = io('ws://127.0.0.1:5000'); //发送消息的函数 function send(){ //获取多行文本框对象 let messageEle = document.get.
2020-11-24 17:14:20
50
原创 注册页面完成
<div class="d2" prop="tel"> <input maxlength="20" type="text" placeholder="账号" class="ipt1" v-model="username" @blur="check_userName" /><br /> .
2020-11-10 15:56:24
123
原创 Maximum call stack size exceeded 错误的解决方法
由于引入了swiper插件，在组件里引用了，并且组件的name为Swiper，由于name与swiper插件重名了，所以报这个错误。所有说，以后给组件里引入插件时，注意name不要声明为插件名。
2020-11-10 15:50:29
895
原创 省市级联动
<el-select style="width: 145px" placeholder="请选择省" v-model="checkRegion.provinceId" @change="checkProvince" >...
2020-11-10 15:49:26
85
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人