![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 61
梦里谁知身是客
请君曲莫停,长醉不复醒
展开
-
Vue国际化搭配 VSCode i18n Ally插件使用初体验
i18n Ally安装本文仅作基本使用,有更多的功能请查阅官方文档:GithubGiteeVSCode扩展搜索i18n Ally安装创建Vite项目这里使用的是vite创建的项目,添加vue-i18n@next的库 yarn create vite ... √ Project name: ... i18n-demo √ Select a framework: » vue √ Select a variant: » vue-ts ... // 添加yarn add vue-i1原创 2021-11-25 11:17:39 · 8445 阅读 · 3 评论 -
原型链及继承
什么是原型? function Person(){ } let p = new Person()实例对象拥有__proto__函数拥有Person.prototype,Person.prototype就是原型,它是一个对象,我们也称它为原型对象。什么是原型链原型与原型层层相链接的过程即为原型链。Object.prototype.__proto__ // nullFunction.prototype.__proto__ === Object.prototype // true原创 2021-08-24 21:57:34 · 118 阅读 · 0 评论 -
React 安装 node-sass失败解决方案
第一种:修改源地址在项目的根路径中添加.npmrc文件,在这个文件中增加以下内容:sass_binary_site=https://npm.taobao.org/mirrors/node-sass/registry=https://registry.npm.taobao.org第二种:使用sass(dart-sass)代替node-sassDart Sass 是 Sass 的主要实现版本,这意味着它集成新 功能要早于任何其它的实现版本。dart-sass已经改名了,在npm库中这样写的:Th原创 2020-12-08 15:04:00 · 1166 阅读 · 0 评论 -
Vue3.0 使用 ant-design-vue
一、升级Vue-clidao 3.0全局更新Vue-cli版本yarn global add @vue/cli@next# ORnpm install -g @vue/cli@next输入vue -V(大写的V)查看版本@vue/cli 4.5.6二、创建3.0版本的Vue项目如图,使用vue create vue-demo创建项目,会有如下提示,选择中间项可以直接创建3.0的项目,选择最后一项,可以手动选择创建2.0或者3.0版本和其他配置项三、引入ant-design-vuey原创 2020-09-20 16:28:41 · 28046 阅读 · 8 评论 -
字体库(阿里巴巴矢量图标库)使用两三坑
众所周知,“微软雅黑” 是个炸弹,不敢碰。上网一查,有个“思源黑体”,免费,好看,就它了!字体库有两种使用方法:本地使用一、下载字体库推荐地址:字体天下网站搜索思源黑体,然后点击下载二、解压,移动到项目中解压后选择一个字体copy到项目中,我这边选择的是NotoSansCJK-Regular-1三、在项目CSS中引入字体引入代码如下: @font-face {...原创 2019-10-21 16:05:39 · 1116 阅读 · 0 评论 -
Vue前端开发规范
引用自:vue官方、腾讯全端AlloyTeam 团队1 环境1.1 代码工具推荐VSCode、webstorm、sublime、Atom统一开发,尽量使用VSCode,轻量、插件多,免费1.2 工具插件(VSCode)Vue开发插件:eslint、HTML CSS Support、HTML Snippets、Live Server、Vetur、Vue VSCode Snippe...原创 2019-07-30 14:27:49 · 593 阅读 · 0 评论 -
获取element-ui的dialog中元素为null的问题
在打开弹窗的时候操作DOM,发现获取DOM为null问题如上图所示,在打开弹窗的时候,需要给按钮添加监听事件,上传文件代码如下 getFileMD5() { const el = document.getElementById("upload-file"); const bmf = new BMF(); el.addEventListener( ...原创 2019-01-24 16:21:26 · 2169 阅读 · 0 评论 -
使用node修改适合element-ui地区选择器的数据
需求最近在做关于地区的的选择,使用的是element-ui中的el-cascader级联选择器控件,要按照大区->省->市这种关系进行组合,控件需要的内容是: [{ value: 'zhinan', label: '指南', children: [{ value: 'shejiyuan...原创 2018-11-14 14:51:43 · 609 阅读 · 0 评论 -
Vue router传递参数的方式(简单使用)
params 传参router.js... { path: "/user/:id", // path后面要加上参数 name: "user", // name是必须的 component: () => import("../views/User") //懒加载组件}...User.vue//组件中 <router-link to="/user...原创 2018-11-08 15:17:40 · 848 阅读 · 0 评论 -
element-ui修改样式不生效
关键词:scoped,sass,css问题覆盖默认的element-ui css不生效操作如下图所示,想要去除lable中的padding-bottom,自然而然地打开控制台,找到当前的css当前css:修改为:padding: 0,运行发现样式没有生效原因代码中使用scoped之后,保证各文件中的css不相互影响,给每个component都做了唯一的标记<style...原创 2018-11-05 16:01:46 · 16813 阅读 · 0 评论 -
Vue项目引入阿里巴巴矢量图标库
添加图标并下载一、点击图标管理–>我的项目,创建项目简单点~填个项目名即可二、选择一个图标,加入购物车点击右上角购物车的图标,添加至项目(可以直接点击下载代码,不需要创建项目,但是如果是项目有很多图标,需要后续管理,还是要创建项目),然后回到第一步中的我的项目,点击下载至本地在vue项目中使用一、引入项目解压缩下载好的项目,复制到项目中(我的目录是src/asset...原创 2018-11-05 15:50:42 · 4115 阅读 · 0 评论