- 博客(102)
- 收藏
- 关注
原创 useState、useRef、变量的区别
useState useRef 保存状态。useRef、变量 不会更新视图。useState 更新视图。
2024-06-25 10:27:42 134
原创 开发Vue组件库
1.新建package 文件夹,添加index.js 、custombutton 文件夹,custombutton 中 添加。使用脚手架新建vue项目(以button 组件为例)在package.json 添加。
2024-04-02 23:29:26 370 1
原创 nuxt ssr 部署
首先在服务器安装node(在node官网上下载linux binary 版本, 我使用的是 16.20.2版本, 解压, 软链接在全局path)
2024-04-02 22:10:00 312
原创 nginx配置
location /api/ {proxy_pass http://backend;}and you visit http://abc.xyz/api/endpoint, you would be directed to http://backend/api/endpoint;if the config islocation /api/ {proxy_pass http://backend/;}and you visit http://abc.xyz/api/endpoint, you woul
2024-03-29 11:08:16 279
原创 xshell.xftp.nginx 部署前端项目
一.安装xshell xftp.新建会话输入用户名密码连接成功后安装nginx1.环境安装yum install gcc-c++yum install -y pcre pcre-develyum install -y zlib zlib-develyum install -y openssl openssl-devel2.安装包wget -c https://nginx.org/download/nginx-1.12.0.tar.gz3.解压tar -zxvf nginx-1.12
2021-10-25 19:11:22 1345 3
原创 content-Type 常用方式
1.application/json'Content-Type': 'application/json;charset=UTF-8'2.application/x-www-form-urlencodedkey 和 val 会进行了 URL 转码import qs from 'qs'export function login(data) { return request({ url: 'url', method: 'post', data: qs.stringify(
2021-10-24 21:30:03 175
原创 vscode 自动保存代码
vscode文件-首选项-设置setting.json 加“files.autoSave”: “afterDelay”
2021-10-24 11:26:15 458
原创 createObjectUrl && fileReader
fileReader let reader = new FileReader() reader.readAsDataURL(file.files[0]) reader.onload =()=>{ document.getElementById('img').src = reader.result }createObjectUrldocument.getElementById('img').src=window.URL.createObjectURL
2021-06-01 10:33:39 183
原创 webpack小结
1.npm install webpack webpack-cli -D2.新建webpack.config.js基础配置见官网3.在package.json 中增加命令scripts: {bulid: ‘webpack --config webpack.config.js’}4.main.js中引入js代码5.安装识别css 的loadernpm install style-loader css-loader -D...
2021-04-18 22:39:36 83
原创 后台管理系统中导入,导出,下载导入模板的方法
一.导出apiexport function exportGroup(params) { return request({ url: `url`, method: 'get', params, responseType: 'blob' })}调用函数 exportGroup() { exportGroup(this.searchData).then(res => { this.downLoadFile(res, '信息表.
2021-01-04 17:45:15 987
原创 util的常用方法
export function param2Obj (url) {const search = url.split(’?’)[1]if (!search) {return {}}return JSON.parse(‘{"’ +decodeURIComponent(search).replace(/"/g, ‘\"’).replace(/&/g, ‘","’).replace(/=/g, ‘":"’).replace(/+/g, ’ ') +‘"}’)}export fu
2020-12-01 15:37:14 439
原创 基于vue+vant搭建H5基础架构
基于vue+vant搭建H5基础架构主要功能常用目录别名Vant/Rem适配scss支持、_mixin.scss、_variables.scss页面切换动画+keepAlive页面标题自动注册:自动注册路由表/自动注册Vuex/svg图标引入mock serveraxios封装、api管理用户鉴权vuex-loadingvo-pages/dayjs/vconsole生产环境优化Vant/Rem适配按照Vant官网推荐自动按需引入组件,同样,Vant官网中也有对Rem适配的推
2020-12-01 14:54:55 3058 2
原创 handler方法和immdiate属性
一、handler方法和immdiate属性watch默认绑定,页面首次加载时,是不会执行的。只有值发生改变才会执行。如果想立即执行怎么办?1 watch:{2 name:{3 handler(newName,oldName){4 //执行代码5 },6 immediate:true //true就表示会立即执行7 }8 }二、deep属性如果是监听的是对象类型,当手动修改对象的某个属性时,发现是无效的。这时候
2020-11-30 16:53:00 203
原创 FormData格式上传图片
单图上传1.在需要上传的地方调用函数uploadFile (data) { uploadFile({ file: data.file }) .then(res => { })}2.api中export function uploadFile2 (data) { var formData = new FormData() for (var k in data) { formData.append(k, data[k]) } return reque
2020-11-30 16:51:03 788
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人