前端
俊隽X
喜Web开发、嵌入式及算法研究
展开
-
微信小程序使用Font Awesome 5
网上找的教程都很复杂,绕来绕去的,结果不还是为了引入一个wxss于是,我把在微信小程序使用font-awesome的最终版wxss给大家做好了就一个文件,直接在app.wxss里@import就好使用/* app.wxss */@import "css/font-awesome.wxss";<!-- index.wxml --><text class="fa fa-user" />下载链接: https://pan.baidu.com/s/1S_vhm4Gzi9原创 2021-04-28 17:17:12 · 423 阅读 · 2 评论 -
vue.js子辈组件访问父辈组件,利用provide/inject动态传参数,实现响应式数据绑定
引入在vue前端的开发中,难免会遇到子辈组件跨层级访问(祖)父辈组件属性、函数的情况,通常来说,在子父中,我们大多会使用$parent实现,但在跨越层级过多时,就需要provide/inject来实现了。如果你会搜索到这篇文章,你应该已经发现了:官方的provide/inject组合并不能实现响应式的动态数据绑定,于是官方会推荐你使用vuex(狗头⚠️)该特性的缺位,使得父辈组件是ajax异步获取数据,再将数据通过provide传递给子辈组件的场景下,子辈组件不能顺利拿到异步获取到的数据(因为原创 2020-08-03 22:38:40 · 1594 阅读 · 2 评论 -
eslint和prettier配置避免冲突并统一代码风格,使用tab缩进
导言eslint和prettier是前端开发中两款非常强大的代码检查和格式化工具,但强大也意味着这两者经常发生冲突。对eslint和prettier在开发前进行协同完美的配置是相关重要的,可以避免冲突等麻烦,简化美化开发过程,确立团队或个人的开发风格。以下修改为个人风格总结所得,读者可根据自己需求增加减。eslint配置项目根目录的.eslintrc.js文件,下面代码都添加在rule块中修改为tab缩进:在rule下面添加"indent": ["error", "tab"]或你也可以关闭缩进检原创 2020-07-18 17:20:36 · 6865 阅读 · 0 评论 -
axios 设置header
axios post get 设置header 设置参数原创 2020-02-19 10:42:49 · 13721 阅读 · 2 评论 -
Vuejs Router Url链接隐藏参数、可选参数,使用路由组件属性传参,实现页面间隐式可选传参
之前说自爆学生身份是在装逼,行,这次我就不说那么多了。让那些喷子自己乱吠吧,随心写写就好。目的我有两个页面/user/login/index我希望,在页面跳转时,可以相互传参,且参数是可选的即当我在/user/login登陆失败时,我退转回/index,并告知/index页面显示一个错误信息,实现页面间的通信最简陋的方法const router = new VueRoute...原创 2020-02-19 09:43:59 · 4072 阅读 · 0 评论 -
Vue.js等SPA单页应用在html5_history模式部署到nginx子文件夹的简易方法及介绍一种前后端分离的部署方法
篇首语写下这篇文章前,我已经累计在电脑前为这个问题,解决了足足4个小时。当我敲下键盘时,不免心生感慨…特写文一篇,以做后记,启示世人为了让这篇踩坑+教程文更直戳重点,我在这里列出来这篇文章涉及到的:Vue.js 及 Vue RouterSPA单页应用Webpack打包(涉及到了Quasar框架)启用了Html5 History的Route模式部署到Nginx部署到子目录,旨在于后...原创 2020-02-17 21:42:13 · 1051 阅读 · 1 评论 -
使用vue组件,将bootstrap模态框组件化并函数化展示的解决方案
引入在写这篇文章前,我先说明我是一位高中生,对标题相关名词的使用及文章的粗陋,请见谅。写下这篇文章是为了记录我的喜悦,并分享一些个人经验。(好久没写文章了…)这篇文章我要做以下的事:相信大家都用过经典样式库bootstrap,里的modal组件。必须承认,bootstrap好看,简单,能用,但是每次需要用到modal组件,都必须要在html里写冗长的代码,而且在需要复用组件时,都需要修改标题,...原创 2019-12-29 12:39:44 · 2374 阅读 · 3 评论