英语
jquery：query查询，他的重点就是查询，查询器。他相较于原生js写法，简化了元素查询的写法。因为他的牛逼，网站API都新增了一个功能，叫querySelector
window是浏览器为网页内置的一个全局对象。
alert：警告
change：名词，动词改变。 changes 这是change的复数
ph组合 发f Photo 照片，shop商店的意思，Photoshop 直面意思图片商店。是地表目前最牛比的处理图片的软件，Adobe公司的商业软件，
phrase 短语
er
js JAVASCRIPT
最佳实践。就是最好的写法，推荐的做法，标准做法。所有的写法，都行，将就的是，黑猫白猫，抓老鼠就是好猫。
js有两种方式编写。一种是文件引入，一种文档内。
- 文档内的任何位置，都可以通过插入script标签，来编写js脚本。最佳实践是放在body结束之前，也就是</body>之前
- 外部文件引用位置的最佳地方也是body结束前，只不过，script多一个src属性来指定文件位置。
js可以通过外部文件引入，也可以通过script脚本内直接编写。
运行时机：在什么时候运行？浏览器自上而下解析运行。外部引入文件同理。
全局作用域中声明一个变量，本质就是往window对象上往了一个属性，属性名称，就是变量名。
Jquery 学习的重点就两个，一个是选择器，一个是API。就这么简单。
在jquery（检查jq）$就是jQuery
JSON的本质是什么？本质是字符串。
声明变量
//var 变量名 = 值，他比java简单的原因是，他是弱类型，
var inta = 10;函数声明
//function [函数名]{}
function F1（a,b）{
}立即执行函数
有很多种写法，习惯一个就行，能看懂就行
//写法1
(function(){
//这里定义的代码会被立即执行
})()
//写法2 前面不一定是！（取反）,+ - * 等。能看懂就行。
!function(){
//这里的代码会被立即执行
}()在js中; 可写可不写。
复习
在上周说过一个事，js多数是用操作文档的。文档从服务器传来的，可能会出现，js操作时，文档还没有被加载过来。所以。在原生js中有一个写法：
window.onload = function(){
//onload表示在文档加载完成以后，才做。也可以理解为文档准备好了。
//在这里面做操作文档的事情
//READY ready
}以上是原生js的写法，在引入jp以后，可以写成
$(document).ready(function(){
})
//因为这个太常用了，所以，jp给这个来了一个简单的写法
$(function(){
//在这里写js
}) //他就相当于 window.onload = function(){ //在这里写js}执行顺序
同步的脚步，自上而下
异步的，不一定。谁先结束，先执行谁。
选择器
基础的三个
标签选择器、类选择器、id选择器
/*img 标签选择*/
img{
width:100%;
display:block;
}
/** id="bdbd"**/
#bdbd{
}关系型选择器
父与子，加空格。
<div class="news-list news-list-zsxw" id="news-list-id">
<div class="news-item" id="item"></div>
</div>
<div class="news-list news-list-zsdt" id="news-list-id">
<div class="news-item" id="item"></div>
</div>
<div class="news-list news-list-zszc">
<div class="news-item" id="item"></div>
</div>
<style>
.new-list .news-item{
}
#news-list-id .news-item{
}
#item{
}
</style>单与双{配合伪类选择器：noth-child()使用}
odd enen
伪类选择器，多数以冒号开始，伪元素也有用双冒号。
代码仓库中，重要是代码。一个项目中一堆图片，这个到底要不要放到仓库中，大多数不要！如果是站点必须的，那必须放进去。
untracked，modified，staged。
add,commit,push 记住三个关键操作。添加、提交、推送
404错误的原因：
- 文件路径不对，或者文件不存在
- 权限不对（相等高级）chown www:www 网站目录
对于一些常用的，出名的库，可以通过CDN来引入，但是有一个问题，如果CDN挂了，库就不能被正常引用了。
文档是团队协作中，最有效的工具。
后端 跟前端交互，交互的内容叫什么：数据！现在常用的数据格式是什么？ JSON . 它的本质是什么？ 字符串？
产品开发
一、产品设计
国内常用的，Axure（学习起步难度大）、墨刀、 photoshop 等，现在外面更多的用figma,可以从photoshop入手。
产品设计阶段，界面已经出来了。
相应的数据也可以分析出来。
Photoshop5
图层
蒙版 在PS中，蒙版的白色部分是可见部分，黑色是不可见。
二、编码
- 2.1前端编码
- 2.2后端编码
- 2.3前后端交互（集成阶段）
Comments