- 博客(17)
- 收藏
- 关注
RSS订阅原创 PING FANG 苹方 字体压缩
在我们开发的时候为了页面美观会引入一些字体，但是这些字体包体积有很大，就会造成页面加载很慢的问题，例如下图，加载一个字体就用了18s，这样给用户造成了很不好的体验，所以我们就需要把字体给压缩了，一般字体的格式有woff ,woff2。第三步：输入命令进行压缩 PINGFANG_SC_REGULAR_1.TTF（需要压缩的文件名），sc_unicode.txt（字体编码列表文件）这样我们就得到一个woff2格式的字体了，最后看看下面这张图的效果，差不多把原来10M大小的文件压缩为了800多kb。
2024-01-04 14:48:21
1314
1
原创 uniapp项目实现拍照上传保存在手机本地相册
封装一个上传的统一方法，使用startsWith('file://')来判断是拍照还是相册选择，如果是拍照就使用 uni.saveImageToPhotosAlbum 把照片存在手机相册里面。上传组件使用Uview的 u-upload 进行上传。
2023-03-06 10:34:41
1519
原创 vue 实现element-ui 表格的行拖拽排序 （Sortable）
vue 实现element-ui 表格的行拖拽排序 （Sortable）
2022-12-01 10:22:05
3434
6
原创 element 时间选择器 限制选择范围
限制用户选择时间的范围，如下图所示：//时间选择器 picker-options属性就是限制选择时间的范围 <el-date-picker class="input-width" size="small" v-model="formPar.periodTime" type="month" value-format="yyyy-MM" format="yyyy-MM" ...
2022-05-16 09:33:00
1999
原创 链判断运算符和Null判断运算符
一、链判断运算符很多时候我们在接收后端返回数据的时候都会遇见要读取返回数据对象内部的某个属性，但是这个对象可能不存在或者是null之类的，如下我们的页面就会报错为了防止报错我们就可以用链判断运算符做一下判断未处理之前处理之后二、Null判断运算符我们在读取后端返回的数据对象属性的时候，如果某个属性的值是null或undefined，有时候需要为它们指定默认值，我们就可以用Null判断运算符例如：let data =res.data.data?? ...
2022-05-09 10:38:38
401
原创 表单的一些验证笔记
输入框必填，输入空格验证失效，禁止输入空格，在输入框加v-model.trim 清空整个表单验证规则this.$refs.addFrom.resetFields() 只清空一项验证规则this.$refs.addFrom.clearValidate('name')
2022-05-05 16:41:02
214
原创 vuex用户信息的存取
一般来说我们的用户信息都存在vuex里面，但是页面每次刷新都会把vuex里面的数据清空，这样我们页面上的头像，用户信息就没有了，所以我们还需要把用户信息存一份在本地。在登录的时候把数据存本地和存vuex本地存储：setUser(JSON.stringify(res.data))vuex存储：this.$store.commit("SET_USER", res.data); "SET_USER"是vuex里面修改user的方法，res.data是你要存的数据。把vuex里面的数据和本地数据整合
2022-01-28 10:03:47
6491
8
原创 vue 项目 下载模板和导入模板
下载：把要下载的模板压缩包放在项目文件夹中，然后用window.location.href ='文件的路径'；导入模板：直接调用后端的接口就行了
2021-12-14 18:44:54
1559
原创 修改网页标题前面的logo
我们如果要修改C那个logo，就在项目的public文件夹里面找到index.html这个文件然后把里面<link rel="icon" href="<%= BASE_URL %>Group.ico"> 的Group.ico修改了，这个是放在public文件夹的一张图片，你可以使用自己的图片，但是要记住把后最修改为ico，这样才能生效！...
2021-11-04 15:50:05
1838
1
原创 Element ui Dialog弹出框宽度固定不变
一般我们引用Dialog弹出框时，弹出框的大小都是用width="30%"这样来设置，这样的话我们在缩小屏幕的时候弹出框就会根据你缩小屏幕的宽度的百分比来设置，这样你弹出框里面的东西就会溢出，如果你不想溢出就把宽度写成width="500px"，这样就可以了！注意px后面没有分号！！...
2021-11-03 13:51:07
2573
原创 Element select表单必填验证
Element select表单必填验证 <el-form-item v-if="form.id == undefined" label="分配角色" prop="typevalue"> <el-select v-model="roleStatus" placeholder="分配角色" clearable multiple
2021-09-16 17:53:37
11944
2
原创 Vuex 的数据修改方法
Vuex 的数据修改方法 mutations:{ SET_TOKEN: (state, token) => { state.token = token } }, actions:{ Login({commit,state} ,key) { console.log('key', 2 ); let res = key console.log('res', 2 ); } }修改mutations里面方法
2021-09-16 17:44:46
5137
原创 npm run dev报错 ‘cross-env‘ 不是内部或外部命令，也不是可运行的程序或批处理文件
npm run dev报错 'cross-env' 不是内部或外部命令，也不是可运行的程序或批处理文件, 这个问题就是用npm i下载了依赖，缺少了某些依赖解决办法：先删除node_modules文件，用npm install从新下载依赖...
2021-08-05 11:13:09
1953
原创 Element Radio单选框不显示文本内容
直接在组件里面添加一个空的span标签，就OK了<el-radio :label="3"><span></span></el-radio>
2021-08-03 16:45:28
2912
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人