一 搭建环境 mac 安装node brew install node 安装vue 全家桶 npm install -g vue-cli 选择一个目录做初始化 vue init webpack mypro #中间有很多选项,根据推荐,全部选择y即可 安装依赖 cd mypro npm install 开启本地测试 npm run dev 打开浏览器,输入 http://localhost:8080,看到如下表示环境搭建成功: 开发完成后执行如下明白,构建发布包 npm run build 目录结…

一.前言 要做一个移动端app,面对webapp最流行的三个技术React,angular,vue,三选一,如何选,可参考blog移动app技术选型,react,angular, vue, 下面是对 vue开发环境搭建Mac版. 二.vue开发环境的搭建 由于本人使用的是mac,所以环境是windows的下面可以忽略…… 通过下面一张图对Vue的整体开发环境有一个大体了解: 注:上面的图片转自Vue2.0 新手入门 — 从环境搭建到发布  本人使用的各个工具的版本为: Homebrew 1.2.…

今天终于看了久闻大名的<独立游戏大电影>,然后我就做了一个坑爹的决定:终止“Invert”项目的开发.没错,在还没正式开工之前,我就决定停掉这个项目,而且是永久终止.做这个决定并不是因为觉得凭一己之力开发一个游戏不可能,而是因为我突然发现自己正在做的并不是自己想要的游戏.几乎照抄别人的创意,在动工之前就想好如何盈利,只想着如何吸引玩家如何增加留存,这不全是商业游戏的思维和模式吗?这样的游戏又有什么独立开发的意义? 不管是“大电影”还是IndieACE上的讨论都明白无误地告诉我们,真正好的独立游…

任务进度条&开发日志目录 周期 时间 任务 Sprint One   11.14     ●  Scrum团队分工及明确任务1.0    Sprint One   11.15   ●  Scrum 1.1 NABCD模型&产品Backlog     ●  Scrum 1.2 Spring 计划&系统流程&燃尽图 Sprint One   11.16     ●  Scrum 1.3 多鱼点餐系统开发进度(系统主界面框架&美化)  Sprint One   11.17…

NET-SNMP开发——日志输出 net-snmp的日志输出功能是很强大的,与日志输出相关函数声明在net-snmp-5.7.3\include\net-snmp\library\snmp_logging.h文件中,定义在net-snmp-5.7.3\snmplib\snmp_logging.c文件中. 具体实现就不说了,可以自己看源码. net-snmp的日志功能默认将日志写入到/var/log/snmpd.log文件中(linux/unix下,windows下没有) snmp log 类型…

[原创]win10下搭建vue开发环境  如果要转发,请注明原作者和原产地,谢谢! 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图:     详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/download/,如下图所示:   根据自己电脑的具体配置,选择…

转载请说明原出处,谢谢 今天本来打算把仿酷狗播放列表的子控件拖动插入功能做一下,但是仔细使用播放列表控件时发现了几个逻辑错误,由于我的播放 列表控件是基于CTreeViewUI和CTreeNodeUI做得,所以产生这几个bug的原因还在于他们两个,在<仿酷狗音乐播放器开发日志十一 ——CTreeNodeUI的bug修复>中已经修复过一个动态添加控件的相关bug,这属于第二次修复了.关于第一次bug的修复,后来 Duilib扩展群的 joe 又进行过比我更全面的修复,我现在使用的CTreeVie…

*:first-child { margin-top: 0 !important; } body>*:last-child { margin-bottom: 0 !important; } /* BLOCKS =============================================================================*/ p, blockquote, ul, ol, dl, table, pre { margin: 15px 0; } /* HEAD…

写这篇博客的目的是让广大的学者在初入Vue项目的时候少走些弯路,虽然现在有很多博客也有差不多的内容,但是博主在里面添加了一些学习时碰到的小问题.在阅读这篇博客之前,我先给大家推荐一篇文章<入门Webpack,看这篇就够了>(网址:http://www.jianshu.com/p/42e11515c10f),看完这篇文章,相信大家对于webpack包管理工具会有一个新的认识. 一.cnpm的安装 npm是node的包管理工具,由于npm是基于国外的服务器,所以有些电脑运行起来比较慢,在这里我们选…

前言 最近有一个说法,如果你看见某个网站的某个功能,你就大概能猜出背后的业务逻辑是怎么样的,以及你能动手开发一个一毛一样的功能,那么你的前端技能算是进阶中高级水平了.比如咱们今天要聊的这个话题:如何用Vue开发一个实时性的时间转换指令? 接下来正文从这开始~ 如上图所示(我是截取的某技术社区首页的部分页面),大家看到用红色边框勾选中的时间文字了吧.很多网站发布动态的时候,都会有一个相对本机时间转换后的相对时间.那你知道这个功能实现的背后原理是什么吗?如果有兴趣的,请备好瓜子,茶水,继续往下读.…

我上一篇关于vue的文章和这一篇时间隔了有点久了.最近终于写完了. 因为我一直想写个有点实绩的东西,而不是随便写一个教程一样东西.结合最近在项目中学到的经验和我的一点创意. 首先介绍下这是个什么! H5直播平台! 不是一个标题,我已经开发完了. 接着这里是登录注册的流程图 这边微信登录,因为没有我个人没有权限开通服务号,所以没有测试.用的还是16年我上个公司的代码. 验证码我用的是aliyun的短信平台,大部分短信平台都有个需要企业资质的东西. 因为这是个个人站,只有腾讯云和阿里云有个人的 简单…

最近,在公司给一些刚刚使用vue进行开发的同学做了一次分享, 其中包括一些vue开发中需要注意的点, 以及一些可能会踩到的坑.具体内容如下: 一.生命钩子使用需要注意的地方 1.beforeCreate文档描述:在实例初始化之后,数据观测 (data observer) 和 event/watcher 事件配置之前被调用.注意: 在这个钩子上,this变量还不能使用,data里的属性,methods方法里的方法,watcher中的事件都无法获得:2.created文档描述:在实例创建完成后被立即…

最近做vue做项目碰到了不少坑,看了三天文档便开始上手做项目了,不是我牛b,是因为项目紧,我没有时间去深入学习,所以只能一边学一边做了. 我要做的项目是一个官方网站(包括管理后台),也因为是我第一次使用vue,所以碰到的问题特别多,我写这个文章就是为了记录一下我做这个项目碰到的一些问题,其次大家有碰到相同问题的也可以参考一下,废话不多说了,直接开始吧. 1.安装node.js 首先要搭建vue的环境需要借助node.js的npm的包管理器,所以第一步就是安装node.js和配置node.js环境…

原创]win10下搭建vue开发环境  https://www.cnblogs.com/ixxonline/p/6007885.html 特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图:     详细的安装步骤如下: 一.安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具. node.js的官方地址为:https://nodejs.org/en/downlo…

1.安装node.js 安装完成之后,打开dos(windows+R或者直接windows键打开,输入cmd,按回车键)窗口,输入命令node -v可以查看安装的 node.js版本 node.js自带npm(包管理)安装完成之后,npm本地仓库默认在 C:\Users\Administrator\AppData\Roaming 目录下.注:有 的电脑会自己隐藏文件夹,可以复制上面的目录地址在自己电脑上直接进入.看到如下图的两个文件夹:npm和npm-cache 接下来就是将上面的npm和npm…

<el-form-item label="$t('permission.employeeName')"> <el-input v-model="form.name" placeholder="$t('permission.employeeName')"></el-input> </el-form-item> label标签和plackholder标签不接受表达式,这样写会报错. 如果在compute…

Nodejs与包管理工具安装: Windows安装: https://nodejs.org/en/ 下载安装包安装就可以. Ubuntu安装: //安装nodejs sudo apt-get install nodejs //安装包管理工具 sudo apt-get install npm 安装结果确认: ~/dev/devtest$ node --version v8.11.1 ~/dev/devtest$ npm --version 快捷通道(Vue-cli方法): //设置npm仓库镜像为…

package.json中的dependencies与devDependencies之间的区别 –save-dev 和 –save 的区别 我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如: –save-dev 安装的 插件,被写入到 devDependencies 对象里面去 –save 安装的 插件 ,被写入到 dependencies 对象里面去 devDependencies 是只会在开发环境下依赖的模块,生产环境…

VUE开发请求本地数据的配置,早期的vue-lic下面有dev-server.js和dev-client.js两文件,请求本地数据在dev-server.js里配置,最新的vue-webpack-template 中已经去掉了dev-server.js和dev-client.js 改用webpack.dev.conf.js代替,所以 配置本地访问在webpack.dev.conf.js里配置即可.同时更新了config/index.js开发模式dev下几个配置: autoOpenBrowser:…

前言 继前几天总结了vue开发小结(上)后,发现还有很多的点没有能列举出来,于是还是打算新建一个下篇,再补充一些vue开发中需要注意的细节,确实还是都是细节的问题,我只是在这里强调下,希望对大家有帮助(ps:另关于管理端的貌似我还没写,说不定还有一篇,哈哈). 正文 这次主要大概总结下vue history模式下微信分享和微信支付的细节. 一.微信分享 首先vue history模式下,vue是通过history.pushState API 来完成 URL 跳转实现路由的加载的,因此和多页面的实…

前言: 18年年底,就一个字,忙,貌似一到年底哪个公司都在冲业绩,包括我们自己开发自己公司的项目也一样得加把劲.自从18年年初立了个flag17年年终总结——走过2017,迎来2018Flag到现在又一年了.想想当时立的flag还是很多没有完成到,说的第一点就没有完成了(ps:这确实不能怪我,真的忙),健身也是落下了,而node.js的呢还在进程中,说不定稍后会出了系列的文章(ps:当然不会像之前那几篇那样,感觉写得有点云里雾里的).当然,今天的重点不是说这些,而是我在vue项目上实践的一些小汇…

Vue自从发布以来就一直受到前端开发人员的热爱,而除了一些本身优秀的特征之外,还有就是丰富的插件和工具的支持和更新.虽然现在的编辑器需要安装相应的plugins才能进行Vue组件化开发,但是越来越多优秀的plugins都提供了强大的支持.比如VSCode下面的Vetur就是这样一款必备的Vue开发工具.下面就开始介绍一下它的一些功能吧 Github仓库:Vetur 官方文档:Vetur文档 语法高亮 Vetur支持.vue文件的语法高亮显示,除了支持template模板以外,还支持大多数主流的前…

Entity Framework在.NET Core中被命名为Entity Framework Core.虽然一般会用于对SQL Server数据库进行数据操作,但其实它还支持其它数据库,这里就以PostgreSQL作为例子. PostgreSQL PostgreSQL可以选用原生系统与Docker两种安装方式. Official Docker Package 在应用程序工程中添加相关的引用. dotnet add package Npgsql.EntityFrameworkCore.Postg…

本文主要是对.NET Core开发日志--Middleware的补遗,但是会从看起来平平无奇的RequestDelegate开始叙述,所以以其作为标题,也是合情合理. RequestDelegate是一种委托类型,其全貌为public delegate Task RequestDelegate(HttpContext context),MSDN上对它的解释,"A function that can process an HTTP request."--处理HTTP请求的函数.唯一参数,…

1.(webpack)vue-cli构建的项目如何设置每个页面的title 2.vue项目中使用axios上传图片等文件 3.qs.stringify() 和JSON.stringify()的区别以及在vux中使用post提交表单数据需要qs库序列化 4.vue中实现全局的setCookie,getCookie以及delCookie方法笔记 5.webpack中alias配置中的“@”是什么意思? 6.webpack proxyTable 代理跨域 7.如何在 vue 项目里正确地引用 jque…

概要 目前前端开发技术越来越像后台开发了,有一站式的解决方案. 1.JS包的依赖管理像MAVEN. 2.JS代码编译打包. 3.组件式的开发. vue 是一个前端的一站式的前端解决方案,从项目的初始化,组件的开发,项目编译都提供了完整的开发工具. vue 和 angular,react 比较的,个人觉得vue 开发模式有一下几个特点. 1.入门简单 2.性能优异 3.文档丰富 4.现成可用的UI方案也很多. 比如 vue.ydui.org 开发环境搭建 1.创建vue项目 1.node js 生…

原文发表于本人博客,点击进入使用vue开发微信公众号下SPA站点的填坑之旅 本文为我创业过程中,开发项目的填坑之旅.作为一个技术宅男,我的项目是做一个微信公众号,前后端全部自己搞定,不浪费国家一分钱^_^. 我决定实现如下功能 架构上,实现前后端分离.方便以后前后端的分工 考虑到体验,前端做成SPA站点,也就是单页面应用 需要使用微信的JSSDK 需要有微信支付功能 作为一个偏后端的半专业前端人士,经过一两周的调研和学习后, 我决定使用如下技术 后端使用php搭建接口,本文主要讲前端,不细说 w…

最近开始做一个实验室资产管理系统,后台使用node.js的Express框架,前端使用vue,数据库使用mysql.在这里开始简单记录一下开发过程和遇到的问题. 今天要说的是express+mysql+vue开发环境搭建 因为之前做项目的时候都是在别人(合作开发的大神)搭建好环境后,我直接学习相关的前端开发知识进行开发的,所以这次可以说是我第一次接触到后台(...应该算是后台吧..)的东西. 我首先遇到的问题是项目目录的构建问题(不要笑!我就是这么小白/(ㄒoㄒ)/~~) 问题: 后台的expr…

在Vue开发中会遇到大量的组件之间共享数据的情形,针对不同的情形,Vue有相对应的解决方案.比如,父组件向子组件传值可以使用props,复杂项目中不同模块之间传值可以使用Vuex.但是,对于一些简单的项目里的非父子组件来说,它们一方面不适用props,另一方面又没有必要使用Vuex,针对这种情形可以使用中央事件总线(Event Bus)来解决问题. 1.创建中央事件总线 可以使用多种形式创建Event Bus. Example 1: // main.js import Vue from 'vue…

完成效果图如下: vue开发的思路主要是数据绑定,代码如下: <template> <div ref="root" style="user-select: none;-webkit-user-select: none;overflow: hidden"> <div class="sliderPanel" :class="{transitionAni:ani}" :style="{heig…