![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Vue
文章平均质量分 91
阿宇的编程之旅
本人擅长Ai、Fw、Fl、Br、Ae、Pr、Id、Ps等软件的安装与卸载,精通CSS、JavaScript、PHP、ASP、C、C++、C#、Java、Ruby、Perl、Lisp、python、Objective-C、ActionScript、Pascal、spss、sas等单词的拼写,熟悉Windows、Linux、Mac、Android、IOS、WP等系统的开关机
展开
-
JS如何实现书签导入导出?我是这么做的
使用Node做过爬虫的人应该都知道Cheerio.js模块,其快速灵活的机制,使我们只需要了解JQ就可以轻松上手,是在使用node抓取网页数据的过程中不可或缺的一员。了解了cheerio后,我突发奇想:干脆拿cheerio实现个书签的导入吧,正好可以熟悉一下它的用法,于是早些时候我使用cheerio+node实现了初版的书签导入功能,将浏览器导出的书签通过前端页面上传到服务端,服务端使用cheerio将html解析成JSON文件,通过接口将数据传递到前端。然而原创 2022-12-06 15:18:05 · 978 阅读 · 0 评论 -
基于Vite+Vue3+Electron整了一个桌面应用模板
随着前端的更新迭代,基于js/ts开发的桌面应用框架也越来越多,从heX,electron,nwjs到tauri,Qt,以及Rn和flutter也有桌面应用业务。而今天的主角正是electron,作为一款2013年推出的桌面应用开发框架,其运行于Chromium内核以及node平台,使得开发者可以使用html+css+js进行开发,然而它的缺点也比较明显,构建时可是带上了整个Chromium。但是作为一款经典的JS桌面应用框架,咱还是得了解一二的。下面给大家分享一下近期的项目搭建心得。原创 2022-10-24 14:37:52 · 3383 阅读 · 12 评论 -
浅析MVVM原理,实现一个mini-vue
前言MVVM实际上是MVC的改进版,其立足于MVP框架。使用Vue时,我们会体会到其与React的区别,绑定表单数据时react对输入框读写需要input事件设置state,以及value绑定,而vue则只需将数据与model绑定即可,这种数据驱动视图却与视图解耦的编程方式使用起来很方便。为了深入体验mvvm模式,我实现了一个mini-vue。MVVM在开始前,我们先试着参照下图实现一个简单的双向绑定案例原创 2021-08-08 23:07:42 · 936 阅读 · 56 评论 -
浅谈Vuex的使用
正如Redux一样,当你不知道是否需要Vuex那就是不需要。不要因为想用Vuex而使用它。用过Vue的人都知道,Vuex是Vue的一个全局状态管理模块,它的作用是多个组件共享状态及数据。原创 2021-03-25 10:21:48 · 5743 阅读 · 77 评论 -
VueJs(前端面试题整合)
vue和react的区别React严格上只针对MVC的view层,Vue则是MVVM模式virtual(虚拟) DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树。而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制组件写法不一样,React推荐的做法是 JSX + inline style,也就是把HTML和CSS全都写进JavaScript了,即'all in原创 2020-12-10 09:24:24 · 3369 阅读 · 45 评论 -
从零开始,搭建一个简单的购物平台(十九)前端商城部分
从零开始,搭建一个简单的购物平台(十八)前端商城部分:https://blog.csdn.net/time_____/article/details/108918489项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章后,前端商城部分基本功能已实现,包括商品列表,商品分类,首页商品展示,商品详情,购物车,用户登录注册,剩余内容:用户信息修改,提交订单,订单展示等,这篇文章将对剩余部分完结。用户信息修改的后端接口原创 2020-10-17 14:50:20 · 1739 阅读 · 16 评论 -
从零开始,搭建一个简单的购物平台(十八)前端商城部分
从零开始,搭建一个简单的购物平台(十七)前端商城部分:https://blog.csdn.net/time_____/article/details/108893925项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章对购物车进行了简单的介绍...原创 2020-10-08 11:38:17 · 1535 阅读 · 16 评论 -
从零开始,搭建一个简单的购物平台(十七)前端商城部分
从零开始,搭建一个简单的购物平台(十六)前端商城部分:https://blog.csdn.net/time_____/article/details/108769229项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章讲到了商品详情页面实现,最后一个功能是加入购物车,...原创 2020-10-08 11:38:05 · 1429 阅读 · 12 评论 -
从零开始,搭建一个简单的购物平台(十六)前端商城部分
从零开始,搭建一个简单的购物平台(十五)前端商城部分:https://blog.csdn.net/time_____/article/details/108680599项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping在前几篇文章中,我们对首页,分类列表,公共组件,工具类进行了实现,这篇文章将实现商品详情页进行介绍,这里我们将商品详情页细化成多个组件,利用组件通信方式进行监听传递方式从而实现数据传递和效果逻辑先来看看效原创 2020-10-08 11:37:55 · 1185 阅读 · 12 评论 -
从零开始,搭建一个简单的购物平台(十五)前端商城部分
从零开始,搭建一个简单的购物平台(十四)前端商城部分:https://blog.csdn.net/time_____/article/details/108545330项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上篇文章对主页和部分公共组件进行了界面和功能实现,之前对项目用到的工具类,路由,全局状态进行了封装,这篇文章将对商品分类,商品主题界面进行介绍商品分类:界面样式及效果注意:由于分类商品列表和主原创 2020-10-08 11:37:39 · 1297 阅读 · 5 评论 -
从零开始,搭建一个简单的购物平台(十四)前端商城部分
从零开始,搭建一个简单的购物平台(十三)前端商城部分:https://blog.csdn.net/time_____/article/details/108514710项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping本篇文章介绍实现部分组件和首页部分,首页组件如下,下面介绍一下实现过程pageTitle(页面标题)首先要考虑到标题的返回功能,在methods里写个路由返回函数 methods: {原创 2020-10-08 11:37:25 · 1111 阅读 · 2 评论 -
从零开始,搭建一个简单的购物平台(十三)前端商城部分
从零开始,搭建一个简单的购物平台(十二):https://blog.csdn.net/time_____/article/details/108471436项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章我们来实现一下工具类,其他配置和全局状态工具类:工具类我们统一放在utils文件夹下,并部署在Vue原型上(与Axios的一样) 首先我们要实现两个对象深复制的方法,之前博客也有介绍到,后续对全局静态变原创 2020-10-08 11:37:14 · 1028 阅读 · 4 评论 -
从零开始,搭建一个简单的购物平台(十二)前端商城部分
从零开始,搭建一个简单的购物平台(十一):https://blog.csdn.net/time_____/article/details/108447234项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping从这篇文章开始对前端商城开发进行介绍效果图地址:https://gitee.com/DieHunter/myCode/tree/master/shopping/pic效果图也附上:主页 分类 ...原创 2020-10-08 11:36:45 · 1838 阅读 · 4 评论 -
从零开始,搭建一个简单的购物平台(十一)
从零开始,搭建一个简单的购物平台(十):https://blog.csdn.net/time_____/article/details/108442619项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping原创 2020-10-08 11:35:04 · 896 阅读 · 2 评论 -
从零开始,搭建一个简单的购物平台(十)
从零开始,搭建一个简单的购物平台(九):https://blog.csdn.net/time_____/article/details/105465499项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping拖更时间较长,公司这几个月项目高峰期,请见谅这篇文章主要讲述后端管理系统新增的订单模块的部分内容(前端在之前的计划下稍稍改动,引入了订单的功能,但不包含支付功能),由于与用户管理和商品管理稍有不同,所以单独拎出来介绍一下原创 2020-10-08 11:34:42 · 1044 阅读 · 4 评论 -
从零开始,搭建一个简单的购物平台(九)
从零开始,搭建一个简单的购物平台(八):https://blog.csdn.net/time_____/article/details/105452765项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章将前后端管理功能完成,也就是将最后修改用户信息功能实现(由于商品管理与用户管理类似,所以不做描述),并...原创 2020-04-14 08:56:36 · 1007 阅读 · 6 评论 -
从零开始,搭建一个简单的购物平台(八)
从零开始,搭建一个简单的购物平台(七):https://blog.csdn.net/time_____/article/details/105448383项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping...原创 2020-04-13 14:07:03 · 876 阅读 · 4 评论 -
从零开始,搭建一个简单的购物平台(七)
从零开始,搭建一个简单的购物平台(六):https://blog.csdn.net/time_____/article/details/105440818项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping到现在为止,项目前后端功能已实现登录,token获取验证,上传头像,添加用户,这篇文章主要讲述实现前后端用户列...原创 2020-04-13 08:22:31 · 903 阅读 · 2 评论 -
从零开始,搭建一个简单的购物平台(六)
从零开始,搭建一个简单的购物平台(五):https://blog.csdn.net/time_____/article/details/105437534项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping在第四篇文章中实现了服务端的文件上传以及添加用户的后端功能,并进行了测试,这篇文章主要实现前端上传头像和添加用...原创 2020-04-12 10:02:56 · 885 阅读 · 2 评论 -
从零开始,搭建一个简单的购物平台(五)
从零开始,搭建一个简单的购物平台(四):https://blog.csdn.net/time_____/article/details/105414410项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping前面几篇文章将项目配置以及部分功能实现,这篇主要把前端的路由跳转功能实现一下,话不多说,直接开始盘说到路由...原创 2020-04-11 14:25:41 · 871 阅读 · 4 评论 -
从零开始,搭建一个简单的购物平台(四)
从零开始,搭建一个简单的购物平台(三):https://blog.csdn.net/time_____/article/details/105411636项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping本篇文章延续上篇的登录界面搭建完成后,进行用户管理后端的编写,主要功能包括:添加用户,上传头像目录结构...原创 2020-04-11 09:21:56 · 947 阅读 · 0 评论 -
从零开始,搭建一个简单的购物平台(三)
从零开始,搭建一个简单的购物平台(二):https://blog.csdn.net/time_____/article/details/105408640项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping这篇文章在上次的服务端登录基础上增加前端界面在开始前我们可以简单用postman测试一下token和登录的...原创 2020-04-10 16:49:41 · 1061 阅读 · 8 评论 -
从零开始,搭建一个简单的购物平台(二)
从零开始,搭建一个简单的购物平台(一):https://blog.csdn.net/time_____/article/details/105191286项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping上一篇文章将项目主体以及插件模块搭建完成,这篇文章目的主要搭建服务端token验证及登录功能服务端:文...原创 2020-04-09 15:12:30 · 1311 阅读 · 10 评论 -
从零开始,搭建一个简单的购物平台(一)
这个项目是我利用空余的时间写的,商城App界面主要模仿零食商贩小程序写的,其余都是自己写的项目源码(持续更新):https://gitee.com/DieHunter/myCode/tree/master/shopping原创 2020-04-09 11:45:04 · 3309 阅读 · 14 评论 -
Vue(二)进阶
Vue脚手架: vue-cli:全局安装:npm install -g vue-cli查看版本:vue -V 初始化脚手架:vue init webpack + 项目的名字运行项目:npm run dev打包项目:npm run build文件及文件夹的信息:开发依赖: 开发编译打包需要的依赖,打包之后就不要了 生产依...原创 2018-12-24 10:30:55 · 547 阅读 · 6 评论 -
Vue(三)两个案例(todolist,tableBar)
待办事项:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1原创 2018-12-11 11:57:02 · 488 阅读 · 2 评论 -
Vue(一)初识
Vue的意义:将开发者的精力从dom操作解脱,更加专注于数据的操作,数据驱动,界面的渲染 随着数据的变化自动变化 1.将开发者的精力从dom中解除, 极少做dom操作 2.通过指令(directive)将元素和数据进行绑定 3.数据变化元素界面变化 4.开发者关注数据的变化配置:Vue官网下载;或npm install vuejs引入包后,实例化...原创 2018-12-14 20:56:05 · 348 阅读 · 7 评论