前端
懵懂少年/
这个作者很懒,什么都没留下…
展开
-
(超全)Vue.js学习笔记—webpack基础配置(webpack4+babel7+vue2)
webpack基础配置&&单文件组件与vue-loader参考《Vue,js》实战(梁灏编著)笔者近期学习Vue.js进阶篇,参考教程流程完成webpack、vue、babel等相关配置时,发现教程的版本较之目前版本有较大差异,因而产生大量BUG,经过一系列百度并参考官方文档,整理出整套webpack4基础配置及vue-loader、babel7相关操作流程。git代码1.新建demo文件夹 初始化npm init2.安装webpack webpack-cli webpac原创 2020-07-20 23:37:12 · 528 阅读 · 2 评论 -
Vue.js学习笔记—sort-table:实战:使用Render函数开发可排序的表格组件
参考《Vue,js》实战(梁灏编著)sort-table:实战:使用Render函数开发可排序的表格组件index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>可原创 2020-07-19 16:16:01 · 654 阅读 · 0 评论 -
Vue.js学习笔记——进阶篇
参考《Vue,js》实战(梁灏编著)所有代码均已上传git,点击链接即可访问进阶篇目录9.2什么是Render函数9.3.2约束9.3.3使用JavaScript代替模板功能9.3createElement用法9.4函数化组件原创 2020-07-19 16:08:30 · 207 阅读 · 0 评论 -
Vue.js学习笔记—调查问卷WebApp
参考《Vue,js》实战(梁灏编著)基础篇的章节内容涵盖了Vue.js 2.x最常用的功能。如果不需要前端路由和自动化工程,已经可以利用这些内容做一些中小型项目了。在进入进阶篇之前,通过一个小项目加深对Vue.js基础知识的理解。项目:调查问卷 WebApp描述:制作一个简单的调查问卷HTML5小应用,每页有一道题目,题目可以是单选题、多选题、填写题等,最终效果如下:说明每一页可以通过v-show或v-if在切换步骤时显示,点击重置,当前页的控件还原到初始状态。要对每页的数据进行校验,比如单选原创 2020-07-15 16:57:20 · 1003 阅读 · 0 评论 -
Vue.js学习笔记—drop-down-menu:实战:开发一个可从外部关闭的下拉菜单
参考《Vue,js》实战(梁灏编著)drop-down-menu:实战:开发一个可从外部关闭的下拉菜单本实战涉及自定义组件相关知识点index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">原创 2020-07-15 09:50:40 · 502 阅读 · 0 评论 -
Vue.js学习笔记—tabs:实战:开发一个标签页组件
参考《Vue,js》实战(梁灏编著)tabs:实战:开发一个标签页组件git代码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</原创 2020-07-14 10:27:47 · 514 阅读 · 0 评论 -
Vue.js学习笔记—input-number:实战:开发一个数字输入框组件
参考《Vue,js》实战(梁灏编著)input-number:实战:开发一个数字输入框组件git代码index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc原创 2020-07-14 10:24:42 · 924 阅读 · 0 评论 -
Vue.js学习笔记—shop-bus:实战:利用计算属性、指令等知识开发购物车
参考《Vue,js》实战(梁灏编著)shop-bus:实战:利用计算属性、指令等知识开发购物车git代码地址index.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>原创 2020-07-14 10:16:59 · 178 阅读 · 0 评论 -
Vue.js学习笔记——基础篇
参考《Vue,js》实战(梁灏编著)所有代码均已上传git,点击链接即可访问基础篇目录2.1Vue实例与数据绑定date5.2条件渲染指令v-if5.3列表渲染指令v-for5.4方法与事件v-on6表单与v-model7.1组件与复用7.1聊天界面示例7.2使用props传递数据7.3组件通信-自定义事件7.3组件通信-非父子组件通信7.3组建通信-使用v-model7.4.3使用slot分发内容7.4.4作用域插槽7.6组件其他...原创 2020-07-14 10:12:34 · 119 阅读 · 0 评论 -
微信小程序实战04-天气
天气微信小程序学习来源:微信小程序2019快速入门+四个实战小程这是其中第二个小程序 天气的设置 相较于原视频 增加了功能:获取用户当前所在地址主要涉及微信小程序Location相关API:wx.getLocation(Object object)wx.chooseLocation(Object object)附:小程序源代码GIT地址...原创 2020-04-25 15:36:27 · 172 阅读 · 0 评论 -
CSS基础讲解(2020/4/22)
CSS基础讲解为了让初入武科大领航工作室的新生们更好的学习CSS,在大家拥有HTML基础后,就可以开始入门学习CSS了!本人讲解视频:B站:【前端组】第2讲:CSS简介与基础(一)以及视频中的 HTML+CSS小米商城静态网页 Git地址1.基础HTML/XHTML2.CSS概述CSS 指层叠样式表 (Cascading Style Sheets)样式定义如何显示 HTML ...原创 2020-04-25 15:24:08 · 358 阅读 · 0 评论