随笔分类 - 前端框架
摘要：webpack Webpack 是一个前端资源的打包工具，它可以将js、image、css等资源当成一个模块进行打包。 中文官方网站：https://www.webpackjs.com/ 官网给出的解释： 本质上，webpack 是一个现代 JavaScript 应用程序的静态模块打包器(modul
阅读全文
摘要：组件化 在大型应用开发的时候，页面可以划分成很多部分。往往不同的页面，也会有相同的部分。例如可能会有相同的头部导航。 但是如果每个页面都独自开发，这无疑增加了我们开发的成本。所以我们会把页面的不同部分拆分成独立的组件，然后在不同页面就可以共享这些组件，避免重复开发。 全局组件 我们通过Vue的com
阅读全文
摘要：指令 指令 (Directives) 是带有 v- 前缀的特殊特性。指令特性的预期值是：单个 JavaScript 表达式。指令的职责是，当表达式的值改变时，将其产生的连带影响，响应式地作用于 DOM。 插值表达式 花括号 格式： {{表达式}} 说明： 该表达式支持JS语法，可以调用js内置函数（
阅读全文
摘要：快速入门 创建工程 创建一个新的空工程： 然后新建一个module： 选中JavaScript，静态web项目： 位置信息： 安装vue 下载安装 下载地址：https://github.com/vuejs/vue 可以下载2.6.11版本 https://github.com/vuejs/vue/
阅读全文
摘要：前言 静态页面 最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。 异步刷新，操作DOM 1995年，网景工程师Brendan Eich 花了10天时间设计了JavaScript语言. 随着JavaScript的诞生，我
阅读全文
摘要：先看效果： 实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c
阅读全文
摘要：先查看效果： 实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport"
阅读全文
摘要：先查看效果： 该导航条可以适应不同尺寸的页面（如手机屏幕、电脑屏幕） 实现： <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=e
阅读全文
摘要：不使用BootStrap 之 CSS全局样式中的表单，自己也不定义CSS样式 <form> <div> <label>Email address</label> <input type="email" placeholder="Email"> </div> <div> <label>Password
阅读全文
摘要：不使用BootStrap 之 CSS全局样式中的表格，自己也不定义CSS样式 <table> <caption>学生信息表</caption> <tr> <th>编号</th> <th>姓名</th> <th>性别</th> <th>操作</th> </tr> <tr> <td>1</td> <td
阅读全文
摘要：使用 BootStrap 中的CSS全局样式，我们就可以不用自己定义CSS样式了。 响应式图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont
阅读全文
摘要：可作为按钮使用的标签或元素 为 <a>、<button> 或 <input> 元素添加按钮类（button class）即可使用 Bootstrap 提供的样式。 <a class="btn btn-default" href="#" role="button">Link</a> <button c
阅读全文
摘要：概述 BootStrap 响应式布局使得同一套页面可以兼容不同分辨率的设备。 如苹果官网：不同的尺寸宽度，就有不同的布局。 可以看出其布局有区别了。 它的实现依赖于栅格系统，栅格系统是将一行平均分成12个格子，可以指定元素占几个格子 实现步骤 定义容器。类似于中的table标签 容器主要分为两类：c
阅读全文
摘要：什么是 BootStrap Bootstrap是基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 它定义了很多的css样式和js插件。我们开发人员直接可以使用这些样式和插件得到丰富的页面效果。 响应式布局：同一套页面可以兼容不同分辨率的设
阅读全文
