英语

login 登录 log in

logout 登出/退出 log out

table 表格

form表单

button

plugin 插件

target目标

placeholder

blank 空白的

bind绑定

event事件

query查询

close关闭，近的，比较级。close近的，closer更近的，closest最近的

next 下一个

toggle 切换 如果有，就变无，如果无就变成有。

find寻找

icon图标

row行

column列

run跑步，运行

model模型，关联数据的

controller控制器，控制逻辑

view视图，负责显示的

xs extra small 特小的

sm amall 小 屏幕

md middle 中等屏幕的

lg large 大屏幕的

媒体查询。 设备。 平板，手机，电脑，等

响应式布局，是一个面试点

项目：记事本

需求分析

• 记事儿，打开之后能，写东西存起来。
• 查看，查看自己写的过的记事内容。
• 登录/退出。

系统设计

界面设计

图有了

数据建模（数据设计）

• 用户表
  • 登录名
  • 密码
• 记事本（表）
  • 记事内容
  • 用户ID（creator_id）
  • 创建时间

技术设计，框架设计

你要用什么技术编写？前端，vue/html+css+js

（绝世王者）自己可以写了

（最强王者）vue

（青铜）html_css+js

后端：php

框架：thinkphp L 文件类框架， MVC model view controller

PhalconPHP.（C语言预编译框架）

动态网页技术。 （不同的人，在不同的时候，不同的的设备商等地方。环境，等访问得到的结果是不一样的。）

前端静态页面。通过服务器端编程（如PHP，java，nodejs，c#,python…）变成动态网页。

编码

网站本质是个目录。

js/

css/

img/

html

注意点

1. 既然用jq了，就不要再用原生js了。一个是不好维护，容易出现意想不到的问题。
2. 书写带有jq的js，模板​
   <script>
   (function($){
   “use strict”;
   ​
   function bind_events(){
   //一般会写一些页面元素事件绑定的内容
   }
   $(function(){
   bind_events()
   })
   })(jQuery)
   </script>
   有jq的
   (function($){})(jQuery)
   没有jq的
   (function(window){})(window)
   立即执行函数
   ​
   ​
3. jquery到底是干什么的。是javascript query 是js上的查询器，查询到的内容，封装成了一个对象。对象可以执行的方法。这是我们要学习的重点！ $('.show-details-btn').__proto__after(_html) 再被选择的元素后面添加内容_html
   before(_html)再被选择的元素前面添加内容_html
4. composer 是php语言中常用的包管理器。相当于java中的Maven
5. 约定大于配置。
   1. 默认多数网站的首页都是Index[控制器]/index[操作]
   2. 访问的时候，访问格式为：http://serverName/控制器/操作/参数/值…
6. adsfadf

面向对象

MVC