logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

VUE项目引入公共样式的styl文件

在一个vue项目中引用了styl格式的css,在vue文件中还可以正常引用,只需要在<style scoped lang="stylus" rel="stylesheet/stylus">中添加 lang="stylus"即可但是在main.js中引入公共样式的时候,出了问题一直出不来,多方查照找到解决办法步骤一:安装stylus stylus-loader style-lo...

ts写法vue组件内守卫beforeRouteLeave不生效问题

解决办法需要加上下面一行代码Component.registerHooks(['beforeRouteEnter', 'beforeRouteLeave', 'beforeRouteUpdate']);然后正常示使用即可beforeRouteLeave(to:any, from:any, next:any) {to.meta.keepAlive = true;next(0);}

#vue.js#typescript
vue基于scss的动态切换主题颜色

根据预设的配色方案,在前端动态切换系统主题颜色大概的思路就是给html根标签设置一个data-theme属性,然后通过js切换data-theme的属性值,Scss根据此属性来判断使用对应主题变量。这里可以选择持久化Vux或接口来保存用户选择的主题。具体实现新建themes.scss文件这里只是做示例就写两个样式参考,更多的自己补充一下$themes: (Red: ( //整体主色调/菜单栏背景/

#vue.js#scss
vue2.x过渡(transition)与动画(animationend)

transitionVue 提供了 transition 的封装组件,在下列情形中,可以给任何元素和组件添加进入/离开过渡条件渲染 (使用 v-if)条件展示 (使用 v-show)动态组件组件根节点示例:<div id="demo"><button v-on:click="show = !show">Toggle</butto...

#动画
vue-router的详细介绍使用

什么是路由?路由,其实就是指向的意思。例如:当我点击页面上的home按钮时,页面中就要显示home的内容,如果点击页面上的about 按钮,页面中就要显示about 的内容。Home按钮=> home 内容, about按钮 => about 内容,也可以说是一种映射. 所以在页面上有两个部分,一个是点击部分,一个是点击之后,显示内容的部分。点击之后,怎么做到正确的对应,比如,我...

自适应方案:在vue项目中使用postcss-px2rem

在src目录下创建 viewport.js文件下载:https://github.com/imochen/hotcss/tree/master/src这个JS是用来在页面打开的时候给HTML根加上适配的字体大小然后在main.js下添加:import './viewport.js'这里强调下为什么不使用lib-flexible插件个人在使用lib-flexible插件时,感觉没hotc...

微信小程序教程

前言内容较多下面只放了一部分的基础教程,后续教程以及实战项目,代码则放在github仓库链接:微信小程序教程微信小程序基础教程

#微信小程序
原生js 元素拖拽动态排序

效果github预览拖拽html1、使用拖拽事件的时候,报错‘Cannot set property ‘ondragstart’ of null’:原因:JS的引进放在了head标签里面,浏览器遇到<script>标签的时候会立即执行脚本,这个时候DOM树还没有构建完成,访问不到节点解决:把JS的引进放在body标签底部使用’defer’异步加载js文件,不会影响DOM渲染,js脚本会

git Filename too long解决方案

问题git clone代码时提示Filename too long,一般是在windows下出现的问题。解决方法用管理员打开命令窗口,输入git config --system core.longpaths true解决。

#git
在Vue项目中,等待所有请求(方法)完成以后执行操作

使用场景比如一个弹窗需要请求表格跟树组件的数据需要发两个请求,这时我们需要等两个请求完成拿到数据后再去打开弹窗。多个请求axios.all([axios.post("/test1"),axios.post("/test2")]).then((test1,test2)=>{console.log('两个接口都执行完毕啦')})// 或者这样function getUserAccount() {

#javascript
到底了