bootstrap课程10 从外部引入视频到页面用什么标签 一.总结 一句话总结:a.iframe标签:b.embed标签:c.video标签 1.bootstrap具有响应式特性的嵌入内容如何实现? 根据被嵌入内容的外部容器的宽度,自动创建一个固定的比例,从而让浏览器自动确定视频或 slideshow 的尺寸,能够在各种设备上缩放.这些规则被直接应用在 <iframe>.<embed>.<video> 和 <object> 元素上.如果你希望让最终样式与其…
范仁义html+css课程---10.其它标签 一.总结 一句话总结: 了解iframe.Figure与Figcaption.address.progress.meter.datalist.fieldset和legend标签的作用即可,遇到这些标签有疑问就百度 1.iframe标签的作用? 在网页中嵌入网页 <iframe src="https://fanrenyi.com" width="400" height="400"><…
bootstrap课程9 bootstrap如何实现动画加载进度条的效果 一.总结 一句话总结:在bootstrap进度条的基础上添加js(定时器),动态的改变进度条即可.很简单的. 1.路径导航是什么? 就是面包屑导航 2.巨幕的特点是什么? 加了灰色的背景色,然后把里面的字变大看起来很宽大的感觉 二.bootstrap如何实现动画加载进度条的效果 1.相关知识 路径导航:.breadcrumb 分页效果:.pagination 上下页:.pager 标签:.label.label-prima…
bootstrap课程7 jquery中结束之前动画用什么 一.总结 一句话总结:stop()方法.$('.navs').not($('.navs').eq(idx)).stop().hide(100); 1.bootstrap导航效果移入对应li,这个li没有加active类,如何实现让它加上? 自己加上js即可 63 $('li').mouseenter(function(){ 64 $(this).addClass('active'); 65 $('li').not($(this)).re…
bootstrap课程3 bootstrap中常用的排版样式有哪些 一.总结 一句话总结:bootstrap里面对常用表情比如p.h1.code等html中的常用表情都修改了样式,照着手册用就好,样式相对还挺好看的. 1.bootstrap如何做选择题? 自定义样式列表dl dt dd…
bootstrap课程1 bootstrap为什么这么火 一.总结 一句话总结:响应式,样式多,功能多. 1.bootstrap通过什么药实现响应式? 响应式web布局是让用户通过不同尺寸的浏览器都可以获得良好视觉的一种方法.是目前比较流行的一种布局方法. 通过CSS3 Media Queries(媒体(设备)查询),媒体查询是让页面内容在不同的媒体环境下运行时可以展示不同的样式(这个样式当然是由我们来书写规定的). 2.响应式布局是什么? 响应式web布局是让用户通过不同尺寸的浏览器都可以获得…
这段是html中的代码 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>css头部引用和外部引用哪一个优先级高</title> <link rel="stylesheet" href="测试.css"> <style type="text…
mysql数据库优化课程---10.mysql数据库分组聚合 一.总结 一句话总结:select concat(class,' 班') 班级,concat(count(*),' 人') 人数 from user group by class; select class,max(id),min(id),count(*),sum(id),avg(id) from user group by class; count(*) group by class 1.为什么操作系统要选择linux? 很多开源产…
Linux课程---10.权限管理(权限有哪几种) 一.总结 一句话总结: r 读 w 写 x 执行 1.drwxr-x---  2 root root  4096 Jan 20 19:39 mnt 中表示权限的字段是什么意思? rwx root对mnt目录具有读.写和执行的权限 r-x root组内其他用户对mnt目录具有读和执行权限 --- other其他所有用户对mnt目录没有任何权限 2.root用户和root组的关系? root组里面不只有root用户,还有其它用户 3.切换到一个目录…
laravel基础课程---10.数据库基本操作(如何使用数据库) 一.总结 一句话总结: 1.链接数据库:.env环境配置里面 2.执行数据库操作:DB::table('users')->update(['votes' => 1]); 1.链接数据库(D:\laravel\yzmedu\yzm2\.env) DB_CONNECTION=mysql DB_HOST=127.0.0.1 DB_PORT=3306 DB_DATABASE=yzm DB_USERNAME=root DB_PASSWO…
bootstrap课程13  bootstrap的官方文档中有一些控件的使用有bug,如何解决这个问题 一.总结 一句话总结:因为演示是正常的,所以检查演示效果的代码,把那一段相关的都弄过来就可以了 1.工具提示是怎么做出来的? Hover over the links below to see tooltips:data-toggle="tooltip" data-placement="top" title="Tooltip on top"如果…
bootstrap课程12 滚动监听如何实现(bootstrap方式和自定义方式) 一.总结 一句话总结:通过监听滚动的高,判断滚动的高是否大于元素距离顶端的距离 1.如何知道屏幕滚动的高? st=$(window).scrollTop(); 2.如何知道元素距离顶端的距离? offset的top属性 pt=$(this).offset().top; 3.bootstrap中如何实现滚动监听? 需要相对定位(relative positioning) 无论何种实现方式,滚动监听都需要被监听的组件…
bootstrap课程11 模态框如何使用 一.总结 一句话总结:多看手册咯. 1.模态框对应的英文单词是什么? modal,而不是madel 2.bootstrap中如何关闭某个效果? 比如要关掉modaldata-dismiss="modal" 3.bootstrap里面的事件就是data-什么什么,如果这样操作不方便的时候,我们怎么操作? 自己加js,手册里面会告诉你怎么用js的 4.bootstrap里面的data-target和a标签的href的关系是怎样的? 这两个是一样的…
bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何(多去看参考手册) 一.总结 一句话总结:在手机端或者平板端或者显示不够的话就缩起来了.(多去看参考手册) 二.bootstrap课程8 bootstrap导航条在不同设备上的显示效果如何 1.相关知识 导航条:.navbar.navbar-default.navbar-inverse.navbar-fixed-top.navbar-fixed-bottom.navbar-header.navbar-brand.navb…
bootstrap课程6 bootstrap的表单注意事项有哪些 一.总结 一句话总结: 1.bootstrap中的表单中的每一项是什么样的形式? div.form-group>label +input的形式 <form> <div class="form-group"> <label for="exampleInputEmail1">Email address</label> <input type=&q…
bootstrap课程5 bootstrap中的组件使用的注意事项是什么 一.总结 一句话总结: 1.img-responsive的作用是什么(其实还是要多看手册)? 看起来像width=100%的效果,其实质是为图片设置了 max-width: 100%;. height: auto; 和 display: block; 属性,从而让图片在其父元素中更好的缩放.如果需要让使用了 .img-responsive 类的图片水平居中,请使用 .center-block 类,不要用 .text-cen…
bootstrap课程4 bootstrap的css样式有哪些内容需要注意 一.总结 一句话总结: 1.如何选择产品(框架)的版本? 大版本下的最后一个版本,但是同时又要选择稳定的版本,也就是如果做产品的话,不建议选最新的,可以选稳定的,我学thinkphp的时候,5版本已经出来很久了,所以可以选这个,其实可以选5后面修订的最好的那个版本 2.如何查看一个网站上曾经下载过什么资源(也就是网站用的静态资源,js/css等)? f12+resourse 3.img-thumbnail使用的时候的注意…
bootstrap课程2  bootstrap的栅格系统的主要作用是什么 一.总结 一句话总结:响应式布局(就是适应不同的屏幕,手机,平板,电脑) 1.bootstrap的栅格系统如何使用? row + col-md-4 26 <div class="row"> 27 <div class="col-md-4 pull-right"> 28 <img src="logo.png" width="100%&q…
1.内部引入方式: script的type属性默认为"text/javascript",可以不写 <script type="text/javascript"> function init() { // //案例二:书写轮播图片显示的定时操作(3秒) // window.setInterval("changeImg()", 3000); //window可以省略不写 //案例三:1.设置显示广告图片的定时操作 //这里不能加var:加…
Andrew Ng机器学习课程10补充 VC dimension 讲到了如果通过最小化训练误差,使用一个具有d个参数的hypothesis class进行学习,为了学习好,一般需要参数d的线性关系个训练样本.到这里需要指出一点,这个结果是基于empirical risk minimization得到的,而对于那些大部分的discriminative的学习算法采用的通过最小化training error或者training error的近似值,前面推导的结论并不总是可以用,而对于non_ERM 学…
Andrew Ng机器学习课程10 a example 如果hypothesis set中的hypothesis是由d个real number决定的,那么用64位的计算机数据表示的话,那么模型的个数一共有k=264d,那么训练样本的数量由上一节课的公式可推出训练样本的数量为: m≥O(dγ2log1δ) .为保证ERM在这样的hypothesis set上能够达到一定的error bound,训练样本的数量需要达到上式得要求. VC dimension 假定有d个点的数据集S,hypothesi…
炼数成金数据分析课程---10.python中如何画图 一.总结 一句话总结: 主要matplotlib库,pandas中也可以画一些基础图 大纲+实例快速学习法 1.matplotlib的最简单画图操作是什么? 1.import matplotlib.pyplot as plt 2.plt.plot([1,2,3,2,3,2,2,6]) #这是y数据,自动生成x轴数据 3.plt.show() import matplotlib.pyplot as plt #####matplotlib创建图…
尚学linux课程---10.linux环境下安装python 一.总结 一句话总结: 直接在官网下载python的源码包即可,然后在linux下安装 linux下安装软件优先想到的的确是yum,但是yum库里面的python版本太低 1.pstree:命令作用(linux系统中如何才能使用pstree命令)? pstree:显示进程树 2.yum如何查看和安装一组软件(比如Development Tools)(比较好用)? 查看:yum grouplist 安装:yum groupinstal…
后盾网lavarel视频项目---页面post方式提交之后动态弹出错误信息 一.总结 一句话总结: 1.思路和我想的一样,有错误的时候弹出提示错误消息的模态框就好,没有错误的时候不管它 2.把模态框的弹出放在页面加载完之后:$(function(){ $('#model_message').modal('show'); }); 1.在一个视图中引入另外一个视图用什么方法? 在一个视图中引入另外一个视图就是include方法:@include('admin.layout.message') 2.自…
一.上传到第三方网站,然后引入例如视频上传到优酷网,然后得到代码 <iframe height=498 width=510 src='http://player.youku.com/embed/XMTg1MjAzMTUwMA==' frameborder=0 'allowfullscreen'></iframe> 二.audio 标签定义声音,比如音乐或其他音频流. 1.audio支持三种音频格式ogg.mp3.wav,为了兼容性考虑,一般会引入其中的两种格式 2.属性: auto…
一. 向HTML页面中动态添加JS文件(从外部载入)并让其执行的两种方法 1.只适用于IE浏览器的简单方法: 先在文档中放置一张JS"空床"并添加ID:<script id="abc" type="text/javascript"src=""></script> 然后在需要加载外部JS时对其src属性赋值:document.getElementById("abc").src=&quo…
12月6日  被引入的jsp 页面,引入 js 要注意结束符 要用  </script> 而不是 />…
<iframe scrolling="no" src="<c:url value='/unitBaseperson/view.do?para=9&op=send&type=xls'/>" id="main" name="main" frameborder="0" width="400"></iframe> <!--在a.jsp页面…
关于直播页面和视频列表页面切换 为了给用户更好的用户体验,并且更好的让用户快速简洁的了解实时的视频直播信息.一般多会分为列表展示和实时的视频直播展示. 表面上只是两个视图之间的随意切换,其实切换的两个视图之间存在很大的差别. EasyNVR在列表快照展示界面并没有进行视频流的播放,展示多为视频的快照信息.是否在线等信息: 而在实时四分屏展示界面不仅会展示实时的通道名称,更要通过通道名称来获取实时的视频流来进行实时的播放. 因此在进行两个视图之间的切换的时候,不仅需要考虑外表视图的变化,更应该注意…
html5--2.10综合实例2-移动端页面练习 学习要点 通过一个简单的移动手机页面,复习学过的内容 手机网页的测试 手机布局的屏幕设定 手机网页的测试方法 直接在手机上测试,比较麻烦,效果好 电脑上下载手机模拟器 利用浏览器自带的功能 name="viewport":屏幕设定 maximum-scale=1.0,minimum-scale=1.0:initial-scale=1.0:最大最小缩放比例为1:其实就是不允许点击缩放 user-scalable=0,width=devic…