SF
学习vue
学习vue
注册登录
关注博客
注册登录
主页
关于
RSS
百度地图实时动态轨迹
思吾谓何思
2019-06-12
阅读 2 分钟
11.3k
百度地图实时动态轨迹 后端直接使用node版的socket.io推送轨迹点 {代码...} 前端就一个发送事件和监听事件 先需要连接到socket {代码...} {代码...} 效果 地址 github: [链接]
百度地图自定义控件
思吾谓何思
2019-05-31
阅读 2 分钟
5.4k
看了百度地图的文档发现实现自定义控件的原理也不复杂1、 自己创建一个控件类继承百度地图的Control类的原型2、 将要实现功能的逻辑写在原型的initialize()方法中3、 实例化我们创建的控件类4、 把实例化的控件挂载到地图实例上
尝试用TypeScript写一个Vue-todo
思吾谓何思
2018-12-07
阅读 4 分钟
4.7k
TS看起来是大势所趋,据说vue3.0的源码都是用TS写的了,无论如何都应该学习一番TS了! 在实践中学习也不失为一种学习方式! 1. 学习之前无论如何也要先看看TypeSCript中文网 2. vue-cli 3.0 提供了开箱即用的TS环境,那就直接开始! {代码...} 3. three days later 4. 基本完成了 成果 代码样子大概是这样,和JS写出来的...
vue express mongodb 电商项目(二)
思吾谓何思
2018-04-21
阅读 9 分钟
2.6k
最近花了几天时间把原来写的这个商城项目又改进了一点 部署到企鹅云 粗略的把项目打包了一下,然后部署到了腾讯云,试一下效果,既然都丢上去了,那也就留一个线上体验的地址 我看资料都要搞个nginx,我在云主机上也按了一个,但怎么配置,怎么搞这个反向代理,负载均衡啊,还是一头雾水! 不知道有没有大佬可愿意让我请教一下ngin...
vue-electron 写一个markdown文章编辑器(一)
思吾谓何思
2018-04-15
阅读 2 分钟
5.7k
以前看过一篇帖子,很多写作爱好者讨论写作时用什么markdown编辑器好,可惜当时我连markdown是何物都不知道,事后百度才明白是一种新的写作方式,语法很是简单,操作很是方便,让我这个只知道用word的有些汗颜,于是决定研究一番!
用vue 写一个好看的个人简历
思吾谓何思
2018-04-13
阅读 2 分钟
13.2k
学了这么久的vue和express知识,当然也想着要找一份合适的工作,抱着希望去投简历,但一想作为一个程序员,把用word写的简历投过去是不是显得太LOW了啊,于是决定自己写一个网页版的简历,顺便放到githubPages上
vue前端(element-ui),express后端实现上传图片到七牛云
思吾谓何思
2018-04-02
阅读 6 分钟
16k
看了几天七牛云nodejs的SDK文档,现在尝试写一个上传文件到七牛云的demo,不足之处请各位大佬指正! 实现思路 模拟前后端分离,后端向前端发送七牛云的上传凭证token,前端获得凭证后将图片上传到七牛云,并获得返回的图片url地址 步骤 1.需要些什么? 既然要上传文件到七牛云,那我们至少需要一个七牛云空间啊 注册一个...
vue express mongodb 电商项目(一)
思吾谓何思
2018-02-07
阅读 1 分钟
5.9k
前端: vue vue-router vuex axios element-ui echart mavon-editor后端: express mongoose
vue vue-router vuex element-ui axios的学习笔记(十九)写后台商品管理页面
思吾谓何思
2018-01-29
阅读 8 分钟
5k
写后台商品页面的思路 1、分析功能需求 管理商品必须要实现的几个功能 1、展示所有商品 2、添加商品 3、修改商品 2、分析数据结构 先看一下数据结构 首先商品分类 类下面的商品详情 3、 实现功能步骤 思路: 1、将添加商品类,添加商品,修改商品分离成单独的组件 2、添加路由 3、 先写出添加商品页面 挂在路由打开mange...
vue vue-router vuex element-ui axios的学习笔记(十八)写后台页面admin,login
思吾谓何思
2018-01-29
阅读 9 分钟
3.8k
先写后台页面的原因是我需要先添加商品,然后才好在前端测试 1、先把后端的主页大体写出来,主要是后端路由部分 admin.vue {代码...} 测试一下 路由切换没有问题 2、管理员登录页面 adminlogin.vue,这个没什么好写的了,和前端用户登录差不多,只是要重写接口等等,先把样子做出来,基本复制代码就可以了 {代码...} 3、...
vue vue-router vuex element-ui axios的学习笔记(十七)改写learn目录
思吾谓何思
2018-01-29
阅读 6 分钟
2.2k
既然使用的是前后端分离的写法,就该彻底分离,我应该将后台管理页面也写在learn项目里面,现在这个结构就显得不合理了,进入后台管理页面应该是全新页面,现在的结构并不合理!
vue vue-router vuex element-ui axios的学习笔记(十六)写express Server
思吾谓何思
2018-01-29
阅读 7 分钟
3.2k
想到一个办法,直接使用webpack的proxy代理,让这个项目直接访问server获取数据。 实现步骤 1、在learn项目修改修改配置实现代理 打开config下面的index.js在proxyTable添加以下代码 {代码...} 2、修改api.js {代码...} 这样的话,每当请求/learn就相当于请求/localhost:8088 以登录接口为列子 {代码...} 未使用代理时...
vue vue-router vuex element-ui axios的学习笔记(十五)商品页面写一下样式
思吾谓何思
2018-01-29
阅读 7 分钟
2.8k
样式的写法那就多种多样了,这个就是随便写一下,如果是这要写商品页面的话可以参考很多商城的样式,也可以加很多效果,我这个写得更像文章页面element-ui 修改样式
vue vue-router vuex element-ui axios的学习笔记(十四)商品详情页
思吾谓何思
2018-01-29
阅读 2 分钟
4.5k
思路 1、写api 2、写详情页组件和路由 router---->index.js productcontent.vue 3、在productlist.vue把路由加上 4、mock.js 5、详情页添加内容 {代码...} 效果 总结:商品页面的功能基本完成了,接下来就是把样式写好
vue vue-router vuex element-ui axios的学习笔记(十三)完成搜索功能
思吾谓何思
2018-01-29
阅读 1 分钟
3.6k
一、搜索功能的思路 在搜索框中输入商品名或商品名所包含的字符,就可以搜索出相关的商品列表 二、完成搜索功能的步骤 1、搜索结果存在的两种情况 1、搜到结果,页面跳转到结果界面 2、没有结果,那页面就不应该跳转 2、步骤 api.js mock.js product.vue 根据返回的code判断是否跳转路由 productlist.vue 效果: 功能基...
vue vue-router vuex element-ui axios的学习笔记(十二)获取商品页面数据
思吾谓何思
2018-01-29
阅读 2 分钟
2.3k
目前完成的功能:登录注册,商品分类的路由 获取页面数据的思路: 一、定义api 打开api.js 二、在productlist.vue页面创建时获取数据 打开productlist.vue 三、编写mock.js 打开mock.js 四、测试、修改 可以看出来其实数据是回来了的,我先将数据渲染到页面上 打开productlist.vue {代码...} 效果 看起来是成功了,但其...
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(十一)构思商品页面
思吾谓何思
2018-01-04
阅读 3 分钟
2.2k
在写商品页面product.vue之前,我应该思考一下,商品页面要实现那些功能,该不如布局? 要实现的功能 1、所有商品列表的展示 2、分类商品的列表展示 3、搜索商品或得列表展示 4、单一商品的详细页面 5、商品列表分页功能 6、还没想到的.................. 预想页面布局 1、product.vue页面分左右两边,左边放商品的分类...
vue vue-router vuex element-ui axios x的学习笔记(十) 完成vuex管理登录状态
思吾谓何思
2017-12-30
阅读 3 分钟
4.2k
这样写可以把sessionStorage里面整个user都直接放在store里面,用户密码在返回数据的时候已经强制写成了null,做到这里真想给自己一浪锤,开始做的时候怎么就没想到这样写了?真的是实践出真知啊。因为已经把action的diapatch写好了,只需要从store读数据就可以了
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(九)解决一下现存的问题
思吾谓何思
2017-12-30
阅读 4 分钟
2.1k
我们现在已经能够使用vuex来管理登录登出状态了,但用this.$store.dispatch('logout')的方式写在main.js里面却不能生效,其实这完全不是问题,是我太蠢了........
vue vue-router vuex element-ui axios的学习笔记(八)Vuex管理登录状态
思吾谓何思
2017-11-25
阅读 5 分钟
3.8k
又仔细看了一遍vuex的文档,还是云里雾里的,不过至少明白它是一个专门管理状态的,根据数据状态的改变可以驱动视图更新,既然是这样那至少登录注册是一种状态,就用登录来做测试,学习vuex,不过话说回来,既然专门管理状态,那我至少要仔细推敲一下这个learn的学习项目有那些状态逻辑。
vue vue-router vuex element-ui axios 的学习笔记(七)完善登录注册
思吾谓何思
2017-11-20
阅读 8 分钟
9.6k
登录页面和注册页面差不多的,但测试的话又得打一包,很麻烦,所以暂时可以用axios-mock-adapter 来模拟测试一下,等功能都完善之后再打包丢到服务器测试
vue vue-router vuex element-ui axios学习笔记(六)在项目中使用MongoDB完成注册
思吾谓何思
2017-11-20
阅读 8 分钟
4.2k
我的个人构思想法1、首先建里一个简单node server.2、然后定好接口,两边都把接口写好3、最后把项目打包,丢过去server里面测试一下
vue vue-router vuex element-ui axios的学习笔记(五)注册页面和连接Mongodb
思吾谓何思
2017-11-17
阅读 6 分钟
4.4k
要想实现注册和登录功能必须得有数据,一种办法是用mockjs来模拟数据,也可以直接用个数据库,为了学更多的知识,我还是决定研究一下数据库MongoDB
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(四)美化头部和登录界面
思吾谓何思
2017-11-17
阅读 6 分钟
4.9k
美化头部header.vue 找张头像当用户头像 在写点css来美化一下头部,完善一下现在能完成的功能 header.vue {代码...} 效果: 写登录和注册界面 login.vue {代码...} 效果: 数据验证以及重置都是写好的,但登录最重要的逻辑还没写,这个须要去数据库找数据验证,所以先把注册页面也写好,然后连个数据库在写逻辑 其实真正...
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(三)挂载路由到头部导航
思吾谓何思
2017-11-17
阅读 6 分钟
4.7k
路由是写好了,但正确的切换路由方式不应该是我们在地址栏里面输入地址,有追求的方式是点击头部的导航菜单来切换,就像这样。 我们点击上面的发现、关注、消息就切换路由导航 我们先把头部的结构写好 打开header.vue先把vue组件的基本格式写好然后开始布局写头部 这里很不好意思,我一直以为头部的header.vue是引入了的...
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(二)配置路由
思吾谓何思
2017-11-17
阅读 3 分钟
3.6k
组件规划和写路由结构 预想中要实现的功能: 主页 home 商品展示 products 使用帮助 FAQ 用户操作 manger 用户信息 manger/my 发货管理 manger/send 历史发货 manger/history 登录 login 注册 regin 固定头部 header 底部 footer 实现思路,先创建好每个组件 每个组件的内容就像这样 home.vue {代码...} 写完后的结构 写...
vue vue-router vuex element-ui axios 写一个代理平台的学习笔记(一)初始化项目
思吾谓何思
2017-11-11
阅读 2 分钟
4.7k
创建项目 learn 直接在工作空间下用vue-cli来创建vue init webpack learn 安装依赖 执行cnpm icnpm run dev 成功的话讲出现这个画面 正式开始写项目 1、首先修改项目结构 目前的结构 新建一个vuex文件夹,用来管理部分状态,比如 登录 里面新建一个store.js 新建一个api文件夹,用来写axios的请求借口,里面放一个api.js ...