前端之旅
是摩卡不是抹茶呀
纯粹地爱Java
展开
-
CSS 消除默认按钮样式
/* 消除默认button样式 */.shareButton { background-color: transparent; border-radius:0;}.shareButton::after { border: none;}原创 2020-03-28 19:54:26 · 322 阅读 · 0 评论 -
uni-app 引入vant-weapp、lin-ui组件库
小程序组件支持在项目中创建wxcomponents目录引入Vant-Weapp 小程序ui组件库vant-weapp github地址直接通过 git 下载 Vant Weapp 源代码,并将dist目录拷贝到自己的项目中引入Lin-UI 小程序ui组件库git clone https://github.com/TaleLin/lin-ui.git直接通过git下载 Lin UI...原创 2020-01-24 11:41:42 · 2068 阅读 · 2 评论 -
Vue-Cli 项目如何引入第三方图标库 阿里巴巴矢量图标库
参考文章官方文档采用font-class引用一)、搜索图标,将图标加入到购物车,并选择将图标放置到指定项目中二)、编辑项目三)、获取font-class 在线链接...原创 2020-01-19 15:38:20 · 1006 阅读 · 0 评论 -
Vue-Cli 在工具类里面使用国际化i18n
lang/index.jsimport db from '@/utils/localstorage'import Vue from 'vue'// 国际化插件import VueI18n from 'vue-i18n'// Element 组件内部默认使用中文,可以进行多语言设置// element-ui en langimport elementEnLocale from 'el...原创 2020-01-17 20:47:33 · 773 阅读 · 1 评论 -
使用vue-cropper时,展示oss图片出现跨域问题解决
<vue-cropper ref="cropper" id="cropper" :img="options.img" :info="true" :autoCrop="options.autoCrop" :autoCropWidth="options.autoCropWidth" :autoCropHeight="options.autoCr...原创 2020-01-17 20:17:59 · 8528 阅读 · 25 评论 -
Vue-Cli 按需引入Ant Design of Vue 组件库
一)、安装Ant Design of Vuecnpm install ant-design-vue --save二)、安装babel-plugin-import官方文档 使用 babel-plugin-import为了方便进行按需引入Ant Design of Vue组件,使用 babel-plugin-import是一个用于按需加载组件代码和样式的 babel 插件此插件配合 st...原创 2020-01-17 20:02:49 · 2879 阅读 · 0 评论 -
element-ui 隐藏彩蛋之滚动条使用
<a-card title="项目团队" class="team-list" style="margin-bottom: 24px;" :bordered="false" :body-style="{ padding: 0 }"> <a slot="extra" href="https://mp.weixin.qq.com/s/Kk3c5aaGcJn...原创 2020-01-17 16:52:56 · 1252 阅读 · 0 评论 -
Element-UI upload上传文件失败 正确解析错误内容
<el-upload class="upload" :action="uploadExcelAction" :headers="headers" list-type="picture" :show-file-list="false" :before-upload="beforeUpload" :on-success="uploadSuccess" :on-error="u...原创 2020-01-13 09:20:48 · 8661 阅读 · 0 评论 -
如何使用浏览器的F12查看下拉选择框
如何使用浏览器的F12查看下拉选择框背景说明当我们进行前端开发时,经常需要借助浏览器的F12功能来帮助我们debugger、查看元素样式等等。有些时候当我们想要查看下拉选择框时,却无法直接通过选取元素来查看这里面就是有什么。这给我们在开发过程中带来极大不便解决方案先打开F12,将鼠标移动到下拉选择框,然后长按ctrl+shift+c,也就是select an element in the...原创 2020-01-04 19:34:21 · 10874 阅读 · 2 评论 -
关于WebStorm 使用Ant Design of Vue 通知提醒框notification时,出现的语法无法检测问题
未调整前解决方案调整后原创 2019-12-20 10:40:46 · 3838 阅读 · 0 评论 -
Yarn 依赖管理工具 安装指南
使用cnpm安装yarnyarn下载安装包实在是太慢了!安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org安装yarn# i表示install# -g表示全局安装cnpm i yarn -g测试是否安装成功yarn -version卸载yarncnpm uninstall yarn -...原创 2019-12-12 20:13:59 · 575 阅读 · 0 评论 -
WebStorm 禁用烦人的ESLint代码校验,解决方案
一)、从WebStorm的设置出发二)、从vue.config.js的配置出发Vue-Cli 官方文档配置参考通过上面两个步骤的配置,就能禁用ESLint代码校验了!module.exports = { // 禁用ESLint代码校验 lintOnSave: false}如果不想禁用ESLint,而是想自定义校验规则ESLint 中文文档ESLint 规则说明文档例如...原创 2019-12-12 09:55:59 · 3375 阅读 · 0 评论 -
CSS样式 margin参数数量代表不同含义
1个参数时/* 表示上、下、左、右各48px */margin: 48px;2个参数时/* 表示上、下48px;左、右24px */margin: 48px 24px;3个参数时/* 表示上48px;左、右10px;下24px */margin: 48px 10px 24px;4个参数时按照顺时针来看/* 表示上48px;右10px;下15px;左24px */mar...原创 2019-12-11 19:40:56 · 334 阅读 · 0 评论 -
解读小程序POST请求的两种方式
对于 POST 方法且 header['content-type'] 为 application/json的数据在这种情况下,数据会进行序列化要求后端用@RequestBody来标识请求参数// 用户注册/登录uni.request({ url: common.serverUrl + '/user/weChat/login', method: "POST", data: { us...原创 2019-12-01 07:49:56 · 918 阅读 · 0 评论 -
Vue项目 Unresolved variable or type module
原创 2019-11-22 08:24:13 · 13863 阅读 · 3 评论 -
Vue项目 @路径提示Module is not installed
原创 2019-11-22 08:21:34 · 1252 阅读 · 0 评论 -
uni-app 自定义组件,实现父组件向自定义组件传值
自定义组件<!-- 为自定义组件起名称 --><template name='helloComponent'> <view> {{msg}} <input type="text" :value="myText" class="txt" /> </view></template><script>...原创 2019-11-20 15:36:50 · 2055 阅读 · 0 评论 -
小程序,当文字超出时,如何解决
文字超出部分省略.movie-name { /* 文字的宽度尽量与图片保持一致 */ width: 200upx; font-size: 14px; font-weight: bold; margin-top: 10upx; /* 文字超出部分省略 */ white-space: nowrap; overflow: hidden; text-overflow: ellipsis...原创 2019-11-20 15:08:03 · 450 阅读 · 0 评论 -
Flex布局 总结
Flexbox 学习指南.container { /* 定义flex布局 */ display: flex; /* flex-direction: row 表示从左到右布局 flex-direction: row-reverse 表示从右到左布局 flex-direction: column 表示从上到下布局 flex-direction: ...原创 2019-11-18 14:29:34 · 164 阅读 · 0 评论 -
ES6 导出与导入 骚操作
@/components/index.js 导出// 利用es6箭头函数export let myHeader = () => import('./Header')export let left = () => import('./Left')@App.vue 导入<script> // 利用es6的解构特性 import { myHeader, lef...原创 2019-10-03 09:24:45 · 181 阅读 · 0 评论