- 博客(18)
- 收藏
- 关注
原创 关于 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 13438 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 2530
原创 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 3216 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 822
原创 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 5630
原创 关于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 1249
原创 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 613
原创 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 6464 1
原创 Axios源码深度剖析
来源1:https://www.imooc.com/article/32292来源2:https://github.com/ronffy/axios-tutorial
2020-07-28 16:53:42 92
原创 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 331
原创 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 2557 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 1022
原创 颜色名十六进制和RGB对照表
颜色名 十六进制颜色值 颜色 AliceBlue #F0F8FF rgb(240, 248, 255) AntiqueWhite ...
2020-05-26 10:20:26 1840
原创 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 880
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人