摘要:
学习来源:https://www.bilibili.com/video/BV1zq4y1p7ga?p=6&spm_id_from=pageDriver 工程化的概念: 实际的前端开发: 模块化(js的模块化、css的模块化、资源的模块化) 组件化 (复用现有的UI结构、样式、行为) 规范化(目录结构 阅读全文
摘要:
一、 两大编程思想 面向过程 优点:性能比面向对象高,适合跟硬件联系很紧密的东西,例如单片机就采用的面向过程编程 缺点:没有面向对象易维护、易复用、易扩展 面向过程编程POP(Process-oriented programming) 面向过程就是分析解决问题所需要的步骤,然后用函数把这些步骤一步一 阅读全文
摘要:
为什么使用数据库 动态数据网站中的数据都是存储在数据库中的 数据库可以用来持久存储客户端通过表单收集的用户信息 数据库软件本身可以对数据进行高效的管理 什么是数据库 数据库即存储数据的仓库,可以将数据进行有序的分门别类的存储。它是独立于语言之外的软件,可以通过API去操作它。 常见的数据库软件有:m 阅读全文
摘要:
1、图书列表 实现静态列表效果 基于数据实现模板效果 处理每行的操作按钮 静态列表的效果: html结构: 1 <div id="app"> 2 <div class="grid"> 3 <table> 4 <thead> 5 <tr> 6 <th> 编号</th> 7 <th>名称</th> 8 阅读全文
摘要:
需求: 表单输入框中输入用户名,失去焦点时验证用户名是否存在,如果已经存在,提示重新输入,如果不存在提示用户名可以使用。 实现分析: 通过v-model实现数据的绑定 需要提供提示信息 需要侦听器监听输入信息的变化 需要修改触发事件 实现验证用户名是否可用的效果: 实现代码: 1 <!DOCTYPE 阅读全文
摘要:
实现描述: 根据数据的多少,实现将数据动态显示在表格内,并实现删除元素的操作: 最终实现的效果图: 表格开始的搭建: 1 <style> 2 table { 3 width: 400px; 4 height: 200px; 5 margin: 100px auto; 6 text-align: ce 阅读全文
摘要:
首先实现发布留言的功能: 运用到的知识点: 1、获取元素 2、注册事件 3、处理程序 在处理程序的时候用到的知识点: 创建元素:document.createElement(‘元素名’);由于先有元素才能赋值,因此需要先进行创建元素。 添加元素: 1、node.appendChild(child)n 阅读全文
摘要:
一、数组去重 数组: ['red', 'yellow', 'green', 'blue', 'yellow', 'green', 'blue'] 目标,把旧数组中不重复的元素选取放到新的数组中,重复的元素只保留一个,放到新数组中去重 实现的结果: 实现数组去重的代码: 方法一: 1 var arr 阅读全文
摘要:
维护css的弊端 css是一门非程序式语言,没有变量,函数,SCOPE(作用域)等概念 1、css需要书写大量看似没有逻辑的代码,css的冗余度是比较高的; 2、不方便维护以及进行拓展,不利于复用; 3、css没有很好的计算能力 Less介绍 Less(leaner style sheets)的·缩 阅读全文