--北海道的夏天不会说再见---CSDN博客

sessionStorage用于本地存储一个会话（session）中的数据，这些数据只有在同一个会话中页面才能被访问并且当会话结束后数据也随之被销毁。因此sessionStorage不是一种持久化的本地存储。而localStorage用于持久化的本地存储，除非主动删除数据，否则数据是永远不会过期的。web storage 和 cookie 的区别web storage 和 cookie 的概念相似，区别是它为了更大容量存储设计的。Cookie 的大小是受限的，并且每次你请求一个新的页面的时候Cookie都

2022-07-10 00:01:19 78

原创 iview Table编辑行

<template> <div> <Table :columns="columns" :data="data"></Table> </div></template><script>export default { editIndex: -1, editName: "", editAge: "", editAddress: "", data() { return {

2022-05-10 23:50:46 299

原创 iview Table表格render函数的使用

<template> <div> <Table :columns="columns" :data="data"></Table> </div></template><script>export default { data() { return { // 索引 editIndex:-1, // input的值 inputValue:'',

2022-05-10 23:14:00 217

原创 iview日期控件设置不可选如期

<DatePicker type="date" :disabled="disabled" v-model="formData.deadline" :options="options3" placeholder="Select date" style="width: 250px"></DatePicker><script>data() {return { options3: { disabledDate(date) {

2022-04-24 15:25:08 415

原创小程序页面通讯(消息订阅与发布)

1，初始化 package.json (npm init)2，勾选允许使用 npm3，下载 npm 包4，下载 pubsub npm i pubsub-js(可以实现页面之间的通讯)pubsub-js5，使用 import PunSub from ‘pubsub-js’引入后要记得在开发者工具中构建npm包，如果不构建会报路径错误订阅方：订阅方是接收数据的一方PubSub.subscribe(事件名，事件的回调)发布方：发布方是提供数据的一方PubSub.publish(事件名

2022-04-03 21:41:54 1149

原创正则表达式替换数组中变量

// 将数组对象中的变量替换成想要的变量名称let newDatas = JSON.stringify(dataList).replace( /\b(id|lineName|child|lineCode)\b/g, function ($0, $1) { return { id: "value", lineName: "label", child: "children", lineCode: "lab

2022-04-01 16:25:44 353

原创路由权限列表转trees

//后端返回的路由数据（不是树）![在这里插入图片描述](https://img-blog.csdnimg.cn/3c43830ca98b494bb4f20945469c3a7f.png?x-oss-process=image/watermark,type_d3F5LXplbmhlaQ,shadow_50,text_Q1NETiBALS3ljJfmtbfpgZPnmoTlpI_lpKnkuI3kvJror7Tlho3op4EtLQ==,size_19,color_FFFFFF,t_70,g_se,x_16

2022-03-20 14:25:17 374

原创 javascript构造函数实现Tab

<---- 结构部分 -----><!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0">

2022-03-05 17:08:01 94

原创 javascript数组对象根据对象的键值去重得到新数组

2022-02-15 11:54:55 367

原创 mobx使用步骤

1 安装依赖 yarn add mobx mobx-react @babel/plugin-proposal-decorators2 在babel.config.js添加以下配置 plugins: [ ['@babel/plugin-proposal-decorators', { 'legacy': true }] ]3 新建mobx/index.js用来存放全局数据import { observable, action } from "mobx";class RootStore

2022-01-06 23:14:06 254

原创 configureWebpack和chainWebpack

在vue.config.js导出的配置对象中，新增configureWebpack和chainWebpack节点，来自定义webpack的打包配置。在这里，configureWebpack和chainWebpack的作用完全相同，唯一的区别就是他们修改webpack的方式不同：1：chainWebpack通过链式编程的形式，来修改默认的webpack配置2：configureWebpack通过操作对象的形式，来修改默认的webpack的配置...

2022-01-03 01:14:43 943

原创 iview时间控件传到后台时间带有TZ

export const changeDate = (dateA) => { undefined var dateee = new Date(dateA).toJSON(); var date = new Date(+new Date(dateee) + 8 * 3600 * 1000).toISOString().replace(/T/g, ' ').replace(/\.[\d]{3}Z/, ''); return date;};

2021-12-31 09:51:53 324

原创 vue项目配置测试环境打包后报错

将 webpack.prod.conf.js 文件中的 ouput下的 path：config.build.assetsRoot 改为 publicPath: './![在这里插入图片描述](https://img-blog.csdnimg.cn/b626439cce634fc588df490799f043ae.png打包后iconfont文件路径解决

2021-12-13 11:09:49 858

原创跨域：CROS

const http = require('http')const url = require('url')const querystring = require('querystring')const app = http.createServer((req, res) => { let data = '' let urlObj = url.parse(req.url, true) res.writeHead(200, { 'content-type': 'applic

2021-12-03 15:20:08 439

原创跨域：jsonp

const http = require('http')const url = require('url')const app = http.createServer((req, res) => { let urlObj = url.parse(req.url, true) switch (urlObj.pathname) { case '/api/user': res.end(`${urlObj.query.cb}({"name": "gp145"})`)

2021-12-03 15:19:08 409

原创小程序封装promise请求方式

export const request = (params) => { const baseUrl = "http://api.abc"; return new Promise((resolve,reject) => { wx.request({ ...params, url: baseUrl + params.url, data: {}, success: function(result){ resolve(re

2021-11-21 16:27:27 315

原创正则验证（项目常用）

/*过滤特殊字符串*/export function stripscript(str) { var pattern = new RegExp("[`~!@#$%^&*()+=|{}':;',\\[\\].<>/?~！@#￥%……&*（）——+|{}【】‘；：”“’。，、？]") var rs = ""; for(var i = 0; i < str.length; i++) { rs = rs + str.substr(i, 1).replace

2021-11-15 10:21:49 195

原创 vue.config.js配置

//引入webpack// const webpack = require('webpack');const path = require('path');// const { config } = require('process');// const resolve = dir => path.resolve(__dirname, dir)// const Version = new Date().getTime(); //当前时间为了防止打包缓存不刷新，所以给每个js文件都加一个时

2021-11-13 15:31:56 244

原创 React生命周期

2021-11-07 13:41:54 96 1

原创 React-Context的使用

作用：跨组件传递数据使用步骤：1、调用React.createContext()创建Provider（提供数据）和 Consumer（消费数据）两个组件语法：const { Provider, Consumer } = React.createContext()2、使用Provider组件作为父节点<Provider> <div className="App"> <Child /> </div></Provider>3、

2021-11-07 01:27:38 129

原创 React多表单元素优化(受控组件)

1、给表单元素添加name属性，名称与state相同2、根据表单元素类型获取对应值3、在change事件处理程序中通过 [name] 来修改对应的state的值state={ txt:'', city:'bj', isChecked:false}handleForm = (e) => { //获取当前DOM对象 const target = e.target //根据类型获取 const value = target.type === 'checkbox'? target.c

2021-11-04 00:03:27 288

原创事件绑定this的指向

1、推荐：使用class的实例方法class Hello extends React.Component { onIncrement = () => { this.setState({}) }}2、箭头函数<button onClick={ () => { this.onIncrement() } }></button>3、bindconstructor() { super() this.onIncrement = this.onIncreme

2021-11-03 23:15:49 59

原创函数的闭包

表面了解：1、闭包就是能够读取其他函数内部变量的函数2、由于在javascript中，只有函数的内部的子函数才能读取局部变量，所以说，闭包可以简单理解成“定义在一个函数内部的函数”3、所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁为什么需要使用闭包？闭包可以用在许多地方。它的最大用处有两个，一个是前面提到的可以读取函数内部的变量另一个就是让这些变量的值始终保持在内存中国，不会在f1调用后被自动删除总结：局部变量无法共享和长久的保存，而全局变量可能造成变量污染，当我们希望有一种机制既可以

2021-10-30 20:14:33 233

原创 vue移动端rem适配

// public/js/rem.jsfunction remSize() { // 获取屏幕宽度 var deviceWidth = document.documentElement.clientWidth || window.innerWidth if(deviceWidth>=750) { deviceWidth = 750 } if(deviceWidth<=320) { deviceWidth = 320 } document.docume

2021-10-21 12:27:40 175

原创 vue3状态管理设置

// store/index.jsimport { reactive } from 'vue';const store = { state:reactive({ message:"helloworld" }), setMessage(value) { this.state.message = value }}export default store;// App.vueimport store from './store/inde

2021-10-20 00:15:46 365

原创浅谈CommonJs

javascript是一个强大的面向对象语言，它有很多快速高效的解析器。然而，javascript标准定义的API是为了构建基于浏览器的应用程序。并没有制定一个用于更广泛的应用程序的标准库。CommonJs规范的提出，主要是为了你补当前javascript没有标准库的缺陷。它的终极目标就是：提供一个类似Python，Ruby和java语言的标准库，而不只是让javascript停留在小脚本程序的阶段，用CommonJs编写出的应用，不仅可以利用javascript开发客户端应用，而且还可以编写以下应用。。

2021-10-16 15:04:31 55

原创 Form Data形式传参

//需要在header中添加如下代码 headers: { 'Content-Type': 'application/x-www-form-urlencoded;charset=UTF-8' }//接口请求如下import qs from 'qs'export const batchUpdateNumberapi = (data) => { return request({ url:'/api/psi/productSerialNumbe

2021-10-14 16:56:52 356

空空如也

空空如也