一个前端小白,大家一起学习
能力说明:
掌握企业中如何利用常见工具,进行前端开发软件的版本控制与项目构建和协同。开发方面,熟练掌握Vue.js、React、AngularJS和响应式框架Bootstrap,具备开发高级交互网页的能力,具备基于移动设备的Web前端开发,以及Node.js服务器端开发技能。
暂时未有相关云产品技术能力~
阿里云技能认证
详细说明vue实现单机单选,按Ctrl+多选,按shift+连选,鼠标框选效果。
如下图样式,主要是用css写出的动画,一个点击变量开关,控制样式变化。如果你也喜欢我的博客,记得点赞关注哦。我会持续更新,转发记得加上参考地址哦。
javascript有右键事件,可以利用这个事件,实现右键菜单功能。 喜欢点个赞。转发备注出处。
2.0的简单原理
vue中通信方式有很多,vuex,父子通信,兄弟通信,祖代通信等。但是最常用的就是vuex和父子通信。vue讲组件化,组件化的封装父子通信必须要会。这篇文章适合小白参考。喜欢点赞哦~
喜欢点赞哦
vue3.0出来后,还有部分项目是用2.0开发。所以将曾经旧的阿里云博客迁移了过来。
目前vue3.0发布,不过依然有很多项目在用vue2.0开发,由于阿里云的迁移,曾经几千访问量的文章不能正常访问,博主辛苦的重新发一次这个文章。 本篇文章是针对 vue2.0搭建vue-cli3项目。喜欢点赞哦~转发请注明出处。
本文参考javascript高级程序设计(第三版)并实践后,根据自己的理解发布。文章颇多,认真看完,会有不少的收获。发文不易,喜欢请点赞,转发注明出处,谢谢。
ajax基础,看完会有收获,喜欢请点赞。
vuex基础,认真看完,希望你收获多多,喜欢请点赞。
从面向对象到工厂模式,再到构造函数,一环套一环,这篇文章不光能帮助你的理解,更能让你清楚,什么时候该用这些技术。博主编写实之不易,喜欢请点赞,转发备注出处。
vue必会的技术vuex
在vue中,禁止输入非法字符,并将非法字符标红显示
近在咫尺的webpack5马上就要发布,在这个4的尾巴阶段,留一份一看就懂的教程。但无论是哪个版本,只是升级了而已,总而言之,webpack是一个高级前端工程师必会的(虽然博主不是)。博主也在不断学习中,复习到webpack,想借此博客写一篇容易看懂的。
我之前发布了一篇vuex的基础,如果你巧妙的将它遗忘,这是个传送门,点击复习。 我也是一直在看vuex,里边需要了解的知识其实不少,但是因为项目并不常用,所以也总是忘记,今天整理下来,和大家谈谈vueX的模块化开发。
今天简单说下js的事件循环机制,我们都知道,javascript是单线程语言,它的核心,也是因为它的单线程。有很多小白不清楚EventLoop到底是什么,按照中文翻译,就是事件循环,那js到底是怎样将同步和异步进行处理的。
我们一直都在问vue双向数据绑定的原理,今天简单手写一个双向数据绑定,也深入理解一下其中原理。 因为目前vue技术也在不断更新,现在已经更新到3.0,内部方法逻辑也改了很多,那么作为开发的我们,其实掌握其中原理,能自己写出简单的双向数据绑定代码,就可以了,更深层次的学习那毕竟是更好的,如果自己确实有充足的时间,可以去扒源码。
vue中父子通信是常用到的技术点,有多种方法可以进行传值,复杂的传值方式去参考vueX。今天我们简单说下常用的三种方式: 父传子:props传值子传父:$emit 1. ----------父传子---------- 父组件给子组件传值,需要在子组件中添加props进行接收父组件传来的值。
-----本文作者:Villin----- $nextTick()用法: this.$nextTick(),在下次 DOM 更新循环结束之后执行延迟回调。 什么意思?来看一个简单的小例子,感受一下 $nextTick() 是干嘛的: 两个div,一个button按钮 <div ref="onedi...
本文是博主自己归纳曾学到的知识,以及分享工厂模式、构造函数、以及原型链之间的用途;有很多面试者都会遇到这些问题,但是一些小白来说,还是不清楚,这些知识点到底在技术中有什么用途,到底是干什么的?今天我就简单说一说,本篇博客会从基本开始介绍,如果你对今天的内容所致甚少,并且你有耐心看完,相信你会有超值的收获!!! 小白们都对原型链迷迷糊糊,经常查阅相关文章,却还是缕不清到底是干什么的。
上一章我们说过了Promise,其实使用上已经足够。就是在理解上,还需要自己多动手敲一些代码;今天来说说另一个异步请求,是ES7中的新方法async...await...。 那么我们知道了异步请求的优势,也知道可以使用回调函数或者更好的方法Promise来处理异步,那么为什么还要有引入新的异步方法...
Promise对象是做什么的? 答:操作异步使用的方法。 本章博客简单介绍一下 promise 的用法,耐心看完其实并不难。 学过 javascript 的同学都应该清楚,js在进程是单线程的,也就是代码在同步进行解析。
同学们好,今天我们简单说一下vue.js 3.0的框架搭建方法。 或许有的同学还不知道vue3.0与之前的版本有了哪些改动,可以查查相关资料。主要改动是优化了节点,减少了无谓的遍历,优化速度提升了6倍! 那么vue-cli3.0框架与之前又有了一些变化,我们简单说几个: 1、名字改了,以前叫vue-cli,现在叫@vue/cli。
Bom知识不难,就是东西比较多,耐心理解此篇文章,会让你收获满满。相信自己,认真看完。 BOM(全称:BrowserObjectModel)浏览器模型 有很多小白同学一听到Bom这个词,瞬间晕倒,根本不懂到底是什么,看以上的全称来翻译,就是浏览器中的东西,我们前端浏览器的主要方式在开发中来讲,核心就是window。
Ajax是干什么的,为什么要学这个技术: 我们在上网浏览网站的时候,经常会看到下拉加载的的功能。例如百度图片、淘宝列表等等……,这种我们每次下滑,就自动加载更多的信息。这种信息不用每次刷新页面,而就会自动加载出来;那么我们前端,像这种不必刷新页面也能获取新的数据的技术,我们就需要使用ajax来实现。
现在很多做前端的同学对于正则已经远远的抛于脑后,这篇文章简单写一下正则,帮助大家回顾,同时也是小白学习的好地方。 正则表达式的基本表示:这个表很重要,争取多看几遍,最好背下来。 ^ // 说明字符串的开始 $ // 说明字符串的结束 \b // .
今天主要解决: 1. 什么是vuex?2. 为什么要用到vuex?3. 怎么用? 文字比较多,不要嫌繁琐,跟这练习一遍就会了,博主可是一个字一个字写上的。 我们都知道,在做项目时,页面与页面之间要用到传值和通信,都清楚父子通信,兄弟间通信等等。
今天详细说一下vue中router-link,小白耐心看完 vue是目前大部分前端的首选技术框架,原因是封装的功能完善,上手简单,性能良好,主要不用有复杂的DOM操作。目前有很多移动端也是用vue框架,有如下效果。
背景 手机端WebApp开发阶段,用chrome devtools模拟手机设备,很多兼容性问题不能提前发现。考虑到很多同学在开发时不便经常发版,方便设备可通过ip地址直接在移动端调试,提前发现问题,且不用发版到 test/pre 环境。