day16_雷神_前端04
前端day04
链接前端的一些库，一些资源，从bootcdn上搜，有前端所有的库。
前端工作流程:
jquery的DOM文档操作
lalal
黄金爱家
事件对象
凡是有事件，都会有默认的事件对象，是JS的，不是jquery的。
a标签，点按钮，能默认跳转，是因为它有默认事件行为。
访问百度，form表单提交， action 后的url 加/s 表示search
form 默认有ajax，不然自己不会提交请求到百度；
同源策略： 端口号之前有一个不同，就是不同源，，后端用cors模块解决
换肤
position：fix 以浏览器左上角
absolute 是以页面的左上角
> 表单事件
select： 输入框里一选中就走了
jQuery的位置信息
offset.top 是相对于页面顶部的距离
scrollTop 是页面被卷起的高度
滚动固定导航栏
固定导航栏
jquery的插件
www.jq22.com
iframe 框架标签，标签去链接别人写好的地址
扒一些插件
iconfont 阿里巴巴矢量图标库
扒一些图标
jQuery的事件委托
on方法，绑定的意思，第一个元素是click，你要绑定的事件，第二个是你要绑定的子元素，第三个是对应的function
也是给li标签绑定点击事件，只不过把点击事件交给了父亲ul，未来添加的只要从ul点击就OK
- alex1
- alex2
- alex3
jquery 内部遍历：给两个div绑定事件
$('.box').click(function () {
//对值得操作
// alert(this.innerText);
// alert($(this).text());
// alert($(this).html());
$(this).text('nvshen');
json使用
.png)
bootstrap使用
基础模板（起步里） + 导航条（组件里）
全局CSS样式
生产环境：编译之后的代码
bootstrap 源码： 包含了less，less是CSS的高级语言，有逻辑、有运算、函数等，让CSS活了，但是浏览器只识别CSS，用less编译器转译成CSS，
前端工具：
Bower进行安装，
npm， 服务器语言，node.js的包管理器
下载的包最终要用Grunt，对所有文件处理，html、CSS、js等文件压缩，编译打包上线
grunt目前已经不用了，还有gulp、webpack，目前多的是webpack
bgc的大图会编译成一段js代码，放在某一个js文件，请求资源的时候方便多了
工具的使用都是流水化的使用，配置好，执行命令就好了
一般写项目不会一个目录一个目录的创建，会有模板直接创建目录、文件等。
960.cs 栅格系统
Bootstrap 提供了一套响应式
Bootstrap 提供了一套响应式
Bootstrap 提供了一套响应式
Bootstrap 提供了一套响应式
组件的使用
插件： JS功能
组件： html、css、js， 可复用的
php，多线程，没有异步队列，只允许链接一个最大连接数。
面板 ==》 下拉菜单
bootstrap.min.js 必须依靠jQuery
分裂式的下拉菜单
导航条
品牌图标
导航是独立于内容主题的一块区域
路径导航
分页
相对定位，可以微调元素，因为相对原来的位置。
写路由，即url，会往后端请求数据，如果后台资源过多，前端页面会出现白屏现象。
1、单页面操作，现在是锚点值的链接，前端做路由，后端只传数据，点击a标签，切换页面，在某个时机发送请求，获取后端资源，2、解决前后端分离，MVC架构模式，controller就是路由/course,路由一切换，加载页面，以前页面是后台做的，整个放到前端，现在分离，整个View让前端做。
module 就是数据，从前没分那么细，后台渲染view，先读取数据，把数据渲染到后天写的一个模板，通过http协议render到前端页面。后端处理视图。后端通过模板语法直接渲染进去。
后来单独把view摘出来，做DOM操作，django是前后端没分的。
js单线程，nodejs、python都是单线程，
插件
模态框、滚动监听、
下拉菜单
按钮式的下拉菜单
按钮式的下拉菜单
补充
echart 前端做图标的
bootstrap 后端ui框架：adminlte
浙公网安备 33010602011771号