- 博客(18)
- 收藏
- 关注
RSS订阅原创 关于 vue3 reactive 重新赋值的问题
问题：一个带默认值的数组，每次更新数据都重置该数组到原始状态, 之后push新值到list中，见以下代码：import { reactive, ref } from 'vue'export default { setup() { // 需要一个带默认值的数组list; let list = reactive([{id: 1, name: 'Andy'}]) // 每次触发事件重置list，把新值放入,此种方式不会触发视图更新 const checkBtn =
2021-12-22 18:03:07
13318
3
原创 关于uni-app发布H5在域名二级目录下的问题
在二级域名目录下（例如：www.abc.com/test/h5/）发布uni-app开发的H5,uni-app在发布h5的时候有个默认的的发布配置文件"h5" : { "title" : "H5", "router" : { "mode" : "history", "base" : "/test/h5/" }, "devServer" : { "https" : fals
2021-10-14 10:10:30
2383
原创 vue打包后单个chunk文件太大的压缩处理
安装 ‘compressionPlugin’ 插件，npm i -D const compression-webpack-pluginconst CompressionPlugin = require('compression-webpack-plugin')if (process.env.NODE_ENV === 'production') { config.plugin('compressionPlugin').use(new CompressionPlugin({ test
2021-08-13 14:57:08
3119
2
原创 Chrome 91版本无法携带cookies问题
chrome自80版本 开始推进禁用第三方cookie，当时的解决办法参考：chrome80版本禁用cookie，但是最近更新到91版本发现chrome貌似强制禁用第三方cookie了，这就导致开发的时候，使用cookie的项目，访问不同域没有办法携带cookie，各种查找暂时解决办法：1、参考链接；2、如果是vue-cli3项目，可以在vue.config.js中添加代理到本地；devServer: { proxy: { '/api': { targe
2021-06-17 14:49:49
785
原创 chrome新版本禁用第三方cookie的SameSite问题
1、 就是在chrome://flags/里设置禁用SameSite，（重启浏览器）;2、 后端进行设置 SameSite=none并且设置secure；（就是用https）（看后端框架能否支持此设置）；3、使用Nginx配置SameSite;Nginx的proxy_cookie_path功能,具体配置方法（在location节点下加入，配置后重载Nginx）：如果站点Cookie所在目录在根目录/下，设置如下：proxy_cookie_path / “/; secure; SameSite=N
2020-11-11 11:58:57
5546
原创 关于react this.handleClick = this.handleClick.bind(this)；
首先，这两个this都是App类的实例，因为所处环境中this就是这个含义。this.handleClick()是一次函数调用，this.handleClick.bind(this)产生的是一个新的函数，这个函数在被拿来执行就是执行this.handleClick，而且函数体里的this绝对是App类的这个实例。要用bind方法，是因为单纯把this.handleClick作为参数传递出去之后，就失去this的环境了，ES6不会自动给成员函数绑定this,如下：class Demo { construc
2020-10-30 10:11:18
1226
原创 element 合并table表格数据处理
// 为合并行处理数据 getSpanArr (data) { this.spanArr = []; for (var i = 0; i < data.length; i++) { if (i === 0) { this.spanArr.push(1); this.pos = 0 } else { // 判断当前元素与上一个元素是否相同 if (data[i]
2020-10-16 18:44:15
581
原创 element table sort-method 动态数据列自定义排序问题
<el-table-column :label="col.gradeSerial" header-align="center" v-for="(col,i) in cList"> <el-table-column sortable :label="label" :sort-method="(a, b) => sortHandle(a, b, i, 'recordNum')" align="center"> <template s
2020-09-29 13:12:52
6359
1
原创 Axios源码深度剖析
来源1：https://www.imooc.com/article/32292来源2：https://github.com/ronffy/axios-tutorial
2020-07-28 16:53:42
81
原创 validator.js文件的部分验证方法
/*是否合法IP地址*/export function validateIP(rule, value,callback) { if(value==''||value==undefined||value==null){ callback(); }else { const reg = /^(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])\.(\d{1,2}|1\d\d|2[0-4]\d|25[0-5])
2020-06-12 11:39:55
312
原创 el-select 多个下拉循环绑定值的问题
关于element-ui el-select循环绑定值获取的问题<span class="levelBox" v-for="(ele,index) in levelList" :key="index"> <el-select filterable v-model="level[index]" @change="changeLevel" :placeholder="'不限'+ele.firstLevelName" clearable> <el-option
2020-06-11 16:35:32
2519
2
原创 vue自定义组件使用v-model时候的问题
一个组件上的 v-model 默认会利用名为 value 的 prop 和名为 input 的事件，但是像单选框、复选框等类型的输入控件可能会将 value attribute 用于不同的目的。model 选项可以用来避免这样的冲突。Vue.component('base-checkbox', { model: { prop: 'checked', event: 'change' }, props: { checked: Boolean }, template:
2020-05-27 12:50:36
994
原创 颜色名十六进制和RGB对照表
颜色名 十六进制颜色值 颜色 AliceBlue #F0F8FF rgb(240, 248, 255) AntiqueWhite ...
2020-05-26 10:20:26
1805
原创 JS的监听模式与观察者模式
监听模式的代码示例// 事件对象 var Event = function(obj) { this.obj = obj; this.getSource = function() { return this.obj; } } // 监听对象 var F2 = function() { this.hander = function(event) { var f1 = event.getSource()
2020-05-25 17:22:55
873
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人