logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Flexbox 实战:使用 Flexbox 轻松实现下拉导航菜单

CSS3弹性盒子(Flexible Box 或 Flexbox),是一种用于在页面上布置元素的布局模式,使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时,元素可预测地运行。对于许多应用程序,弹性盒子模型提供了对块模型的改进,因为它不使用浮动,flex容器的边缘也不会与其内容的边缘折叠。浏览器对Flexbox的支持越来越好。使用它可以轻松实现一些复杂的UI用户界面,不需要任何的CSS或

#css3#css
如何通过 Vue+Webpack 来做通用的前端组件化架构设计

目前如果要说比较流行的前端架构哪家强,屈指可数:reactjs、angularjs、emberjs、avalonjs、vuejs。我个人接触使用过:avalonjs、angularjs、vuejs。因为工作以及前端团队能力的问题,所以在不同的公司,在开发工作中选用了不同的前端架构。以下仅仅是代表我个人选用架构的一些看法和理由,如下:angular:我觉得angularjs的

#angular#前端
Uncaught (in promise) Error: Redirected when going from “...“ to “...“ via a navigation guard

1.vue-router路由版本更新产生的问题,导致路由跳转失败抛出该错误;真正的原因是由于返回了一个Promise对象, 正常的跳转由then方法执行 当正常的路由跳转, 被"路由导航守卫"拦截并重新指定路由时, 由于 this.$router.push() 返回的是Promise对象, 此时then方法不能正常执行, 无法跳转到指定路由, 就触发了该对象的捕获错误的方法, throw抛出错误,

#vue.js
Vue2原理浅谈

本文重点讲述Vue2渲染的整体流程,包括数据响应的实现(双向绑定)、模板编译、virtual dom原理等,希望读者看完有所收获。前言此部分内容初步介绍前端主流框架部分特点,来提高大家对框架的认识,从而最后导出对vue2原理的整体介绍参考尤雨溪的live 不吹不黑聊聊前端框架有兴趣的同学可以听听现代主流框架均使用一种数据=>视图的方式,隐藏了繁琐的dom操作

#前端
为 webApp 提供转场特效的开源 Vue 插件

VUEG为vue-router添加转场效果,只需要Vue.use(vueg),即可获得转场效果,并能够根据url深度(/)和历史记录判断是前进和后退。效果图live demo | GitHub项目实战效果:使用方法0、安装npmi vueg -G1、引入插件

#github#web app#开源
postcss-px-to-viewport 适配 uniapp

参考:https://uniapp.dcloud.io/component/page-meta?id=page-metamodule.exports = {css: {loaderOptions: {postcss: {plugins: [require(‘postcss-px-to-viewport‘)({unitToConv

#postcss#javascript#ecmascript
到底了