
web前端
释怀か
人要勤奋,才更聪明
展开
-
移动端调试vconsole
平时web开发时,在手机上,如果是要看控制台信息,都需要alert弹窗,这样很不友好.还会阻拦进程。通过vconsole.js 重写console方法,实现了类似于微信小程序的移动端调试效果。具体使用方法也很简单1、直接引入链接使用<script src="https://cdn.bootcdn.net/ajax/libs/vConsole/3.9.0/vconsole.min.js"></script> <script> //原创 2022-03-14 14:36:28 · 1166 阅读 · 0 评论 -
更新vue-cli3x时,遇到问题:vue-cli2版本无法卸载问题解决
更新vue-cli3x时,遇到问题:vue-cli2版本无法卸载问题解决Vue官方有关升级Vue-cli3x说明:Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。运行卸载命令之后,报以下错误npm uninstall vue-cli -g然后vue -V,版本号一直都在原创 2020-10-22 11:40:57 · 704 阅读 · 1 评论 -
Vuex数据管理详解
Vue路由守卫详解Vuex是一个专为Vue.js应用开发的状态管理模式,集中式存储管理应用所有组件的状态。Vuex遵循“单向数据流”理念,易于问题追踪以及提高代码可维护性。Vue中多个视图依赖于同一状态时,视图间传参和状态同步比较困难,Vuex能够很好解决该问题。actions:做一些业务逻辑,比如异步操作,处理复杂的业务逻辑,类似于controllergetters: 派生状态用法,根据当前状态计算其他值,计算属性安装Vuex//安装命令vue add vuex核心概念sta原创 2020-10-22 09:43:17 · 379 阅读 · 0 评论 -
Vue路由守卫详解
Vue路由守卫详解路由导航过程中有若干生命周期钩子,可以在这里实现逻辑控制。全局守卫,router.js//路由配置{ path: '/about', name: "about", meta: {auth: true}, //需要认证 component: ()=>import(/*webpackChunkName: "about"*/ "./views/About.vue")}//全局守卫router.beforeEach((to,from,next原创 2020-10-22 09:08:20 · 2215 阅读 · 0 评论 -
vue路由history模式配置
vue路由history模式刷新页面时出现404问题的两种解决方法原文地址本篇文章给大家带来的内容是关于vue路由history模式刷新页面时出现404问题的两种解决方法,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。vue hash模式下,URL中存在’#’,用’history’模式就能解决这个问题。但是history模式会出现刷新页面后,页面出现404。解决的办法是用nginx配置一下。在nginx的配置文件中修改方法一:location /{ root /da转载 2020-10-21 14:00:17 · 1624 阅读 · 0 评论 -
js中的三种异步编程方法callbacks,listeners,promise
coder都知道,javascript语言运行环境是单线程的,这意味着任何两行代码都不能同时运行。多任务同时进行时,实质上形成了一个队列,当队列中前一个事件结束时,才执行下一个事件。 如果队列中任何一个事务费时太长,则会造成浏览器假死,阻塞其他事务正常进行,影响用户体验。js中将任务执行分为同步模式和异步模式,上面一种即为同步模式,任何比较花时间的代码最好设计成异步模式。通过异步编程方式,即可以达到伪多进程。JavaScript中常见的异步模式主要有callbaks,listeners(一种观察者模式).转载 2020-07-17 19:27:12 · 995 阅读 · 0 评论 -
采用React框架搭建项目
使用vue框架也做了很多项目,基本的需求业务逻辑都没可满足,可是依然对框架内部工作原理不是很熟悉,只是套用一些指令方法去应用,做开发越接近本质收入越大。原生的一些写法可能已经很过时了,但是仍然要熟悉原理,否则一直停留在业务层,而非技术层。花了一点时间,了解了下react框架。react框架其实更注重原生思路,也偏原生的写法,而vue框架不关注底层原理,只使用方法。讲效率的话若降低成本可以选vue,如果开发大型项目选react会更灵活。开始搭建react项目安装1、安装react安装两种方式,原创 2020-07-17 12:09:00 · 810 阅读 · 0 评论 -
Mac安装nginx配置本地项目跨域过程
前端本地设置代理,采用Nginx服务安装Nginx步骤:1、打开终端2、安装Command Line tools$ xcode-select --install3、安装brew命令$ ruby -e “$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)”4、安装nginx$ brew install nginx5、启动nginx$ sudo nginxOK, n.原创 2020-07-16 17:46:11 · 1071 阅读 · 0 评论 -
Linux服务器部署前端项目到外网访问
Linux服务器部署前端项目到外网访问Linux服务器端安装Nginx1、下载:$ wget http://nginx.org/download/nginx-1.13.6.tar.gz2、解压缩$ tar -zvxf nginx-1.13.6.tar.gz$ cd nginx-1.13.63、安装:$ ./configure$ make$ make install4、nginx前端项目代理地址配置在cd /usr/local/nginx/conf目录下配置n原创 2020-10-20 10:47:03 · 4098 阅读 · 2 评论