前两天接到一个面试官问我vue什么程度才算作可以用于开发,以前从没遇到过类似问题.只能大致说了一些,事后觉得也应该总结一下,前端vue这么火热那究竟什么才算做入门什么才算做熟练,只是我个人观点,不代表所有人,每个人理解可能有所不同,本次不说精通级,在我看来除了那些参与框架开发维护以及那些能对vue提出有价值意义的人之外都不能说自己精通,当然如果能自己手写一套和vue差不多甚至更胜vue的那不算精通vue了,那算精通js的大神.本次博文仅对职场中入门与熟练 入门级需要掌握 1.生命周期 befor…

转自: http://www.cnblogs.com/keepfool/p/5625583.html Vue.js——60分钟组件快速入门(上篇)   组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞…

当面试官问:"谈谈你对vue的生命周期的理解",听到这句话你是不是心里暗自窃喜:这也太容易了吧,不就是beforeCreate.created.beforeMount.mounted.beforeUpdate.updated.beforeDestroy.destroyed 这几个钩子函数么,创建=>挂载=>更新=>销毁,So easy !!! 非也非也.如果你只是简单罗列出这几个钩子函数的名称,不具体深入阐述的话,你这样的回答很难令面试官满意.如何才能以点带面深入阐述…

轻松入门vue系列 Vue前后端交互 六.Vue前后端交互 1. 前后端交互模式 2. Promise的相关概念和用法 Promise基本用法 then参数中的函数返回值 基于Promise处理多个Ajax请求demo Promise常用API 3. fetch进行接口调用 fetch基本用法 fetch请求参数 fetch响应结果 4. axios进行接口调用 axios基本用法 axios的常用API(参数传递) 5. asyns/await接口调用 async/await的基本用法 多个异…

组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在GitHub Pages上了,请访问https://github.com/keepfool/vue-tut…

概述 vue-router是Vue.js官方的路由插件,它和vue.js是深度集成的,适合用于构建单页面应用.vue的单页面应用是基于路由和组件的,路由用于设定访问路径,并将路径和组件映射起来.传统的页面应用,是用一些超链接来实现页面切换和跳转的.在vue-router单页面应用中,则是路径之间的切换,也就是组件的切换. 本文将以示例的形式来介绍vue-router的各个特性,一共包含6个示例,每个示例都有乞丐版,前5个示例有皇帝版.乞丐版是将所有代码混杂在一起的HTML页面,皇帝版是基于vue…

一.组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在GitHub Pages上了,请访问https://github.com/keepfool/vue-t…

最近有很多同学问我,UI小白有什么捷径可以快速入门?其实我想说设计这门学科没有什么捷径,真的只有多学.多看.多练.多想.多做. 1.先学软件 如果你是小白,软件也不会用,那就先学软件,从PS开始,先看基础的教程,或者买书,最好是报个班跟着老师系统的学,毕竟网上视频那么多,你都随便看看,学不到核心技能的. 先掌握一些核心的功能: 形状工具和布尔运算(学会做线框图标,和一些简单的图形,比如齿轮啊.坐标等等) 图层样式(可以通过临摹写实图标练习) 蒙版(做一些遮罩.图像合成啥的) 抠图(钢笔抠图.魔术…

打算自己写一点vue.js从入门到进阶的笔记,方便一些新手从头开始开发的时候,可以参考一下. 写的或许是很简单的文章,提供给新手参考.暂时都是一些入门级别的. 以后会慢慢的加深,进阶,写出一些更好,更完善,丰富的文章出来. 首先,要想写vue.js项目,你需要下载好的node.js,你可以在控制台下输入node -v查看nodejs版本,看看是否有安装好node.js 我这里是v10.15.0的版本,已经下载安装好了,具体的安装步骤自己网上下载一下安装包安装一下就可以了. 然后开始创建vue项目…

文章作者:keepfool 文章出处:http://www.cnblogs.com/keepfool/ 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在G…

来源:https://www.cnblogs.com/keepfool/p/5625583.html 组件简介 组件系统是Vue.js其中一个重要的概念,它提供了一种抽象,让我们可以使用独立可复用的小组件来构建大型应用,任意类型的应用界面都可以抽象为一个组件树: 那么什么是组件呢?组件可以扩展HTML元素,封装可重用的HTML代码,我们可以将组件看作自定义的HTML元素. 本文的Demo和源代码已放到GitHub,如果您觉得本篇内容不错,请点个赞,或在GitHub上加个星星!(所有示例都放在Gi…

轻松入门vue系列 Vue组件化开发 五.组件化开发 1. 组件注册 组件命名规范 组件注册注意事项 全局组件注册 局部组件注册 2. Vue调试工具下载 3. 组件间数据交互 父组件向子组件传值 props传递数据原则:单向数据流. 子组件向父组件传值 非父子组件之间传值 4. 组件插槽 基本用法 具名插槽用法 作用域插槽 组件化思想:标准.分治.重用.组合 组件 (Component) 是 Vue.js 最强大的功能之一 组件可以扩展 HTML 元素,封装可重用的代码 五.组件化开发 1.…

概述 上一篇我们重点介绍了组件的创建.注册和使用,熟练这几个步骤将有助于深入组件的开发.另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:"嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了." 今天我们将着重介绍slot和父子组件之间的访问和通信,slot是一个非常有用的东西,它相当于一个内容插槽,它是我们重用组件的基础.Vue的事件系统独立于原生的DOM事件,它用于组件之间的通信. 本文的主要内容如下: 组件的编译作用域 在组件templ…

作者:威威(沪江前端开发工程师) 本文原创,转载请注明作者及出处. 背景 最近, 产品同学一如往常笑嘻嘻的递来需求文档, 纵使内心万般拒绝, 身体倒是很诚实. 接过需求,好在需求不复杂, 简单构思 后决定用Vue, 得心应手. 切好图, 挽起袖子准备撸代码的时候, SEO同学不知何时已经站到了背后. "听说你要用Vue?" "恩..." "SEO考虑了吗?整个SPA出来,网页的SEO咋办?" "奥..." 换以前, 估计只能无…

一.安装vue 1.安装node.js,安装完node.js之后,npm也会自动安装 查询是否安装成功的命令: node -v npm -v 2.全局安装脚手架工具vue-cli,命令如下: npm install --global vue-cli 3.vue项目初始化命令如下,若没有安装webpack,则先安装webpack npm install -g webpack vue init webpack myVue 注:安装过程 中有个选项(Use ESLint to line your co…

转自:https://www.cnblogs.com/keepfool/p/5637834.html 概述 上一篇我们重点介绍了组件的创建.注册和使用,熟练这几个步骤将有助于深入组件的开发.另外,在子组件中定义props,可以让父组件的数据传递下来,这就好比子组件告诉父组件:“嘿,老哥,我开通了一个驿站,你把东西放到驿站我就可以拿到了.” 今天我们将着重介绍slot和父子组件之间的访问和通信,slot是一个非常有用的东西,它相当于一个内容插槽,它是我们重用组件的基础.Vue的事件系统独立于原生的…

一些朋友自学python过程中,发现书也能看懂,书上的玩具代码也能看懂,但为啥自己不能做习题,不能写代码解决问题,自己不能动手写代码? 原因是初学者没有学会计算思维.解决问题的方法.编程思路. 编程思路的养成需要一个过程的,在编码过程中思考,多动手敲代码. 有时候,想不明白的地方,有人稍微点破一下,那层纸就很容易破. 请看下面的例子. 编程思路一: 经常有人问,一个文本文件,要抽取多少行以后的文本. 相信记数循环,大家都看得懂,也会写.下面的代码就是利用记数循环来解决这个问题. 代码一: 一个几…

一.VUE简介 vue是一个JavaMVVM库,是一套用于构建用户界面的渐进式框架,是初创项目的首选前端框架.它是以数据驱动和组件化的思想构建的,采用自底向上增量开发的设计.它是轻量级的,它有很多独立的功能或库,我们会根据我们的项目来选用vue的一些功能.它提供了更加简洁.更易于理解的API,使得我们能够快速地上手并使用Vue.js. 二.VUE安装 1.安装node.js,安装完node.js之后,npm也会自动安装 查询是否安装成功的命令: node -v npm -v 2.全局安装脚手架工…

1. 开始前的准备 IDE:VSCode(推荐)或者Sublime Text 前导技术:JavaScript中级 2. 官方提供的product例程 product.html页面代码: <div id="app"> <ul> <li v-for="product in products"> <input type="number" v-model.number="product.quantity…

v-on修饰符的使用 .stop 阻止事件冒泡 调用  stopPropagation() .prevent 阻止默认事件 调用 event.preventDefault() .keyCode 键盘事件 .once 只触发一次 ------------ v-model.lazy 懒加载 配合v-model使用: 回车或者失去焦点才会更新 v-model.number  输入框的数字类型为number v-model.trim  去除输入内容的空格 v-if.v-else-if.v-else使用…

computed计算属性 <body> <div id="app"> <div>{{myName}}</div> </div> <script> const app = new Vue({ el: '#app', data: { firstName: '彭于晏', lastName: '胡歌' }, computed: { myName: { set: function (newValue) { const nam…

1.活动创建对于每一个后端java类(继承至Activity或者ActionBarActivity)代码都有一个方法需要被重写[onCreate], 在此方法中可以加载界面资源文件或者绑定元素事件. protected void onCreate(final Bundle savedInstanceState)//一般savedInstanceState为null,除非在返回界面时已经加载了值. 此处展示savedInstanceState不为空的时候获取其中保存的临时数据填充界面 if(sav…

Spring Boot概述 1.1. Spring Boot是什么 Spring Boot是一套基于Spring框架的微服务框架. 1.2. Spring Boot框架出现的背景 由于Spring是一个轻量级的企业开发框架,主要的功能就是用于整合和管理其他框架. 但随着整合的框架越来越多,Spring的整合配置也日益繁琐.在这个情况下,Spring团体有了一个想法:就是将平时主流使用的到的框架的整合配置预先写好,然后通过简单的几个参数就可以实现框架的快速整合. 这个想法催生Spring boot…

摘要 ROS机器人操作系统在机器人应用领域很流行,依托代码开源和模块间协作等特性,给机器人开发者带来了很大的方便.我们的机器人“miiboo”中的大部分程序也采用ROS进行开发,所以本文就重点对ROS基础知识进行详细的讲解,给不熟悉ROS的朋友起到一个抛砖引玉的作用.本章节主要内容: 1.ROS是什么 2.ROS系统整体架构 3.在ubuntu16.04中安装ROS kinetic 4.如何编写ROS的第一个程序hello_world 5.编写简单的消息发布器和订阅器 6.编写简单的servic…

前言 如果有一定版本管理软件基础或使用过 svn 的你,这篇 git 的文章应该是最适合你的.作者也是从 svn 过来,从开始的觉得 git 麻烦,到最后还是感觉 git 是最好用的版本控制软件. 虽然,大部分情况下,IDEA 已经对 Git 兼容特别好:可以完成大部分的 Git 的提交,push ,合并等操作,但有时候一些回退的操作还是通过命令来操作会方便点. 预期读者 有一定软件版本管理基础的同学 事先有了解过 git 的同学 想系统学习 git 的同学 文章思路 本文不会像大多数文章一样,…

#此文篇幅较长,涵盖了elk从搭建到运行的知识,看此文档,你需要会点linux,还要看得懂点正则表达式,还有一个聪明的大脑,如果你没有漏掉步骤的话,还搭建不起来elk,你来打我. ELK使用elasticsearch+logstash+kibana三个开源插件实现,logstash负责收取日志信息,并将收取到的日志信息进行过滤,格式化,后存储到elasticserch中,kibana负责从elasticsearch中读取数据,并将数据以图形化的方式展现出来解决了在机器众多,日志数据难以统计的问题…

Title:最近做完了项目,review代码的同时,就想写一篇详细的小程序开发经历,记录自己的项目从0到1的过程 Desc : 小程序从0到1,从小白到完成项目,你需要这样做: step1: 基础知识准备 知识储备: html5, CSS3, js(ES6), 组件化思维 wepy: https://tencent.github.io/wepy/document.html#/ Vue: https://cn.vuejs.org/ js-阮一峰: http://javascript.ruanyif…

最近以为接触ios开发,所以对git也产生了一点兴趣.所以在网上搜索资料开始学习,但大部分都是没用的copy的文章,有一个还不错的,推荐给大家 http://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000 从开始配置到分支到冲突解决等等,都非常的详细.经过2天的学习,差不多能熟练的操作git了,感谢这位前辈.…

1.广播类型:标准广播和有序广播.标准广播是异步广播在广播发出之后所有接收器几乎会同一时刻接收到,没有先后顺序,效率高,但无法被截断.有序广播则是同步广播,同一时刻只能一个接收器接收这条消息,等执行完毕后才会继续传递,优先级高的接收器可以先接受,并且可以截断该广播传递. 动态注册案例分析:网络变化提醒 构建响应类:     class  NetworkChangeReciver extends BroadcastReceiver{            @Override            …

BTrace是神器,每一个需要每天解决线上问题,但完全不用BTrace的Java工程师,都是可疑的. BTrace的最大好处,是可以通过自己编写的脚本,获取应用的一切调用信息.而不需要不断地修改代码,加入System.out.println(), 然后重启,然后重启,然后重启应用!!! 同时,特别严格的约束,保证自己的消耗特别小,只要定义脚本时不作大死,直接在生产环境打开也没影响. 在网上搜索BTrace出来的文章都有点旧了,而且不够详细,于是决定,重新写一份. 码这么多的字好辛苦,请保留原文链…