近日，西瓜视频利用自身技术优势，通过“经典中视频4K修复计划”，在还原经典影视作品的同时，也为内容创作者送去一种全新的内容创作思路。...如今，西瓜视频再度推出“经典中视频4K修复计划”，将对以往如我们熟知的西游记、哪吒传奇、小虎还乡、围棋少年、我为歌狂、葫芦兄弟等经典影视剧目，用4K高清制式实现修复，不断提升其内容质量。...“经典中视频4K修复计划” 内容创造者与西瓜视频的双赢 回头来看，便不难理解西瓜视频为何在中视频领域推出4K修复计划，一方面经过多年发展，西瓜视频已经成为时下主流在线视频平台之一。...另一方面，该计划也能进一步丰富西瓜视频的内容样式，为用户提供多样性的内容创作选择，这在当前内容为王的背景下，无疑为西瓜视频增强内容厚度，提升行业竞争力打开了一条新的通路，同时也能不断增厚西瓜视频的行业护城河...4K修复计划 ”，便是其在内容形式创新上的一次探索，在为内容创作者送去新思路的同时，也在成就西瓜视频向更好的未来进发。
JQuery-3.2.1.min.js 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap...-3.3.7-dist 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-3.3.7.zip win7 2....需求场景 实现需求：如下，获取tab标签页到页面底端的距离 前提：tab标签元素自身不携带滚动条 3....scrolling="yes" allowtransparency="yes" onload="changeFrameHeight()"> 4....// 获取tab标签对应的页面div容器对象 var elementHeight = contentContainer.height(); //容器对象自身高度（如果页面刚加载完，这时还没打开
-- html结构一般为事先写好，很难修改结构，但可以修改内容及图片的多少（article标签） --> <article...也能帮助减轻服务器负载）当页面滑动到有图片的位置，图片才进行加载，用以提升页面打开的速度及用户体验。（下载略） 我们使用jquery插件库EasyLazyload....全屏滚动插件 全屏滚动插件比较大，所以，一般大型插件都会有帮助文档，或者网站。...demo/2014/77/ 代码演示 全屏滚动因为有多重形式，所以不一样的风格html和css也不一样，但是 js 变化不大。...4. bootstrap组件 网址：https://v3.bootcss.com/ Bootstrap是 Twitter 公司设计的基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架
-- html结构一般为事先写好，很难修改结构，但可以修改内容及图片的多少（article标签） --> <article...图片懒加载插件 图片的懒加载就是：当页面滑动到有图片的位置，图片才进行加载，用以提升页面打开的速度及用户体验。...全屏滚动插件 全屏滚动插件比较大，所以，一般大型插件都会有帮助文档，或者网站。...全屏滚动插件介绍比较详细的网站为： http://www.dowebok.com/demo/2014/77/ 代码演示 全屏滚动因为有多重形式，所以不一样的风格html和css也不一样，但是 js 变化不大... $(function() { $('#dowebok').fullpage({ sectionsColor: ['pink', '#4BBFC3
-- html结构一般为事先写好，很难修改结构，但可以修改内容及图片的多少（article标签） --> <article...图片懒加载插件 图片的懒加载就是：当页面滑动到有图片的位置，图片才进行加载，用以提升页面打开的速度及用户体验。...全屏滚动插件 全屏滚动插件比较大，所以，一般大型插件都会有帮助文档，或者网站。...全屏滚动插件介绍比较详细的网站为： http://www.dowebok.com/demo/2014/77/ 代码演示 全屏滚动因为有多重形式，所以不一样的风格html和css也不一样，但是 js...script> $(function() { $('#dowebok').fullpage({ sectionsColor: ['pink', '#4BBFC3
二、知识点 2.1 滚动监听 滚动监听使用了 Bootstrap 的 JavaScript 插件，根据滚动条所处的位置自动更新选中导航栏。...并且给导航栏添加样式 navbar-fixed-top 使其固定在顶部不随滚动条移动而移动，但这样的话会遮住 body 上面的一部分内容，所以同时给 body 添加样式 padding-top: 60px...scrollspy（这里可以是任意值，只是做个示例）载体在其容器的滚动条变化时，随着载体的内容在视觉中的变化，其 id 对应的导航栏做出相应的反应。...: #EDF4ED; }。...三、实战 使用 Bootstrap 滚动监听和定制功能制作一个介绍豆瓣 App 的单页面。
管理内容 正确管理内容对于任何网站来说都是非常重要的。如果事情变得复杂，访问者很可能不会回到你的网站。Bootstrap提供了许多JavaScript插件，可以帮助我们组织和显示我们的内容。...该插件在任何DOM元素中侦听滚动，并根据元素的滚动位置在导航栏中突出显示菜单项。 基本上，它是一个双组件的插件;它由一个导航条和一个内容区域组成。内容区域划分为多个部分，每个部分都有一个惟一的ID。...Bootstrap也给Collapse插件附加了四个自定义事件： show.bs.collapse: 即将打开选项卡时触发 shown.bs.collapse: 打开选项卡后触发 hide.bs.collapse...您可以将几乎任何内容放到该元素中。你甚至可以使用Bootstrap的网格系统来组织内容。 最后，为了创建一个模式页脚，我们定义了一个div元素，它有一个类modal-footer。...与Bootstrap模式对话框相关的事件包括: show.bs.modal: 即将打开对话框前触发 shown.bs.modal: 打开对话框后触发 hide.bs.modal: 即将隐藏对话框前触发
JQuery-3.2.1.min.js 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/jquery-3.2.1.min.js Bootstrap...-3.3.7-dist 下载地址： https://gitee.com/ishouke/front_end_plugin/blob/master/bootstrap-3.3.7.zip win7 2....需求场景1 实现需求：如下图，点击左侧的导航，打开对应tab页面，其中tab页面的内容为 iframe，这里希望iframe的高度和宽度，根据浏览器窗口大小变化而变化，同时页面内容过多，或者过宽时，出现...iframe滚动条，其所在父页面不出现滚动条。...setTimeout('changeFrameHeight("'+iframeID+'")', 500); // //延迟500毫秒执行 changeFrameHeight方法 } } }); 4.
Bootstrap响应式前端框架笔记十八——导航滚动监听 Bootstrap框架中提供了十分方便的方法来使用导航关联内容快，并且开发者可以监听滚动进行导航按钮的切换，示例如下： .scrollspy-example { position...--内容div 使用data-spy="scroll"来进行滚动监听--> one Occaecat commodo aliqua delectus.
图片懒加载插件 图片的懒加载就是：当页面滑动到有图片的位置，图片才进行加载，用以提升页面打开的速度及用户体验。...全屏滚动插件 全屏滚动插件比较大，所以，一般大型插件都会有帮助文档，或者网站。...全屏滚动插件介绍比较详细的网站为： http://www.dowebok.com/demo/2014/77/ 代码演示 全屏滚动因为有多重形式，所以不一样的风格html和css也不一样，但是 js...// 4. 但是本页面内容刷新页面不会丢失。 1.7.2 案例：toDoList 分析 // 1. 刷新页面不会丢失数据，因此需要用到本地存储 localStorage // 2....// 4.每次渲染之前，先把原先里面 ol 的内容清空，然后渲染加载最新的数据。
bootstrap官方网站上说的很明白： 不支持同时打开多个模态框 千万不要在一个模态框上重叠另一个模态框。要想同时支持多个模态框，需要自己写额外的代码来实现。...但是在实际使用中笔者确实需要打开两个对话框，应用场景如下： A对话框里面点击按钮打开B对话框（关闭A对话框，然后打开B对话框），在B对话框进行相应操作后通过 BootstrapDialog.confirm...方法弹出提示对话框，提示用户是否要进行某个操作，确认后关闭B对话框，然后打开A对话框，然后奇怪的问题就出现了，A对话框无法滚动至底部(A对话框显示内容较多所以高度比较高)。...对话框显示的速度滞后，这样就会出现A对话框的modal("show")调用滞后confirm对话框才消失，confirm对话框的消失会删除body的modal-open class属性，这个属性的缺失导致了A对话框无法滚动到底部的问题
图片懒加载插件 图片的懒加载就是：当页面滑动到有图片的位置，图片才进行加载，用以提升页面打开的速度及用户体验。（下载略） 代码演示 懒加载只需引入html 和 js操作 即可，此插件不涉及css。...全屏滚动插件 全屏滚动插件比较大，所以，一般大型插件都会有帮助文档，或者网站。...全屏滚动插件介绍比较详细的网站为：http://www.dowebok.com/demo/2014/77/ 代码演示 全屏滚动因为有多重形式，所以不一样的风格html和css也不一样，但是 js 变化不大...script> $(function() { $('#dowebok').fullpage({ sectionsColor: ['pink', '#4BBFC3...但是本页面内容刷新页面不会丢失。
我们可以轻松地将 Bootstrap 4 添加到我们的项目中。Bootstrap 是一个开源工具包，用于使用 HTML、CSS 和 JavaScript 进行开发。...打开settings.py ，滚动到文件底部，在 之后 STATIC_URL，添加以下内容： STATIC_URL = '/static/' STATICFILES_DIRS = [ os.path.join...' %}"> <li...Django 管理板列表 我们可以通过打开http://127.0.0.1 URL来检查是否一切正常： ? 董事会主页 结论 在本教程中，我们探索了许多新概念。...我们还配置了 Django 模板引擎、静态文件，并将 Bootstrap 4 库添加到项目中。最后，我们对 Django Admin 界面做了一个非常简单的介绍。
ctrl+D 跳转选中各个相同的关键词 ctrl+alt +上下左右箭头 翻转屏幕 ctrl + I 选中光标所在行 分屏快捷键 ctrl + | Alt+shift+F 自动格式化代码 按住shift滚动滚轮可实现左右滚动...显示Errors或Warnings，也可以Ctrl+Shift+M 4): 跳转到行数，也可以Ctrl+G直接进入 5)@ 跳转到symbol（搜索变量或者函数），也可以Ctrl+Shift...编辑器换位置， Ctrl+k然后按 Left或 Right 2.2 代码编辑 2.2.1 代码调整 代码行缩进 Ctrl+[ 、 Ctrl+] Ctrl+C 、 Ctrl+V 复制或剪切当前行/当前选中内容...In Browser 预览页面（ctrl+F1） 2）vscode-icons 侧栏的图标，对于一个有视觉强迫症的人是必须要的 3）HTML Snippets 支持HTML5的标签提示 4）...3 Snippets bootstrap必备 13)Vue 2 Snippets vue必备
bootstrap-datepicker bootstrap风格。 dateRangePicker 选取时间段。bootstrap风格。...该组件依赖Twitter Bootstrap, Moment.js和jQuery. 自定义滚动条 perfect scrollbar 轻量级的滚动条。外观与mac上chrome的滚动条一样。...iscroll 在移动设备上用不错 表格组件 datatables 表格可交互（对内容进行排序，删除等） backgrid 各种功能，带分页，可编辑表格内容。很棒。...excellentexport 把表格的内容生成excel。...主页上一样迅速 AnythingZoomer 放大镜功能 美化/高亮语法代码 google-code-prettify DlHighlight 仅支持JavaScript、CSS、XML、HTML 这4语法高亮
Web-第五天 BootStrap学习 Bootstrap基础入门 今日内容介绍 使用bootstrap重写首页 今日内容学习目标 学会通过官方提供demo实例，完成自己需要的功能。...Bootstrap基础入门 今日内容介绍 使用bootstrap重写首页 今日内容学习目标 学会通过官方提供demo实例，完成自己需要的功能。...能够从已有html文档中，找到将要修改的位置，并进行简单调整 第3章 内容回顾 把bootstrap的标签复习一下等着案例练习 第4章 案例：重写首页 4.1 重写案例之楼梯 4.1.1 案例分析 现在的网页开发中...bootstrap提供相应功能，称为“滚动监听”。...>特色F4 4.2 重写首页之固定滚动条 4.2.1 案例分析 当浏览器向下滚动到指定位置时，导航条悬浮在指定页面最顶端
/script> 文本大小写：.text-lowercase .text-uppercase .text-capitalize .pre-scrollable 设定pre可滚动...> 排版 设置 pre 元素可滚动： 内容可滚动 Text in a pre element is displayed in a fixed-width font, and it preserves both spaces
自动播放功能-无缝滚动 注意，我们判断条件是要等到图片滚动完毕再去判断，就是过渡完成后判断 此时需要添加检测过渡完成事件 transitionend 判断条件：如果索引号等于 3 说明走到最后一张图片...案例：返回顶部 当页面滚动某个地方，就显示，否则隐藏 点击可以返回顶部 1.3.2.案例分析 滚动某个地方显示 事件：scroll页面滚动事件 如果被卷去的头部（window.pageYOffset ）...插件的使用总结 1.确认插件实现的功能 2.去官网查看使用说明 3.下载插件 4.打开demo实例文件，查看需要引入的相关文件，并且引入 5.复制demo实例文件中的结构html，样式css以及js代码...Bootstrap Bootstrap 是一个简洁、直观、强悍的前端开发框架，它让 web 开发更迅速、简单。...它能开发PC端，也能开发移动端 Bootstrap JS插件使用步骤： 1.引入相关js 文件 2.复制HTML 结构 3.修改对应样式 4.修改相应JS 参数 1.7.
cocos2d-html5 Egret Engine LimeJS EaselJS three.js AlloyStick The-Best-JS-Game-Framework CanvasEngine Quintus 4....At.js – 一个Twitter/微博样式的@自动完成插件 jquery-textcomplete – 智能搜索提示框/自动补全 10.9 样式修正 autosize – 使文本框自动适应所输入的内容...Scroll) jquery-smooth-scroll jquery.scrollTo – 平滑滚动到页面指定位置 13.12 全屏滚动 pagePiling.js – 全屏滚动效果 13.13 分屏滚动...13.19 滚动条 jScrollPane 13.20 视差滚动(Parallax Scrolling) parallax.js jparallax 14....内容提取(Readability) Readability json.human.js – Json Formatting for Human Beings 29.
Bootstrap 模态框 注意： 1、弹出层必需放在body里 2、弹出层里面不能再嵌套别的层 3、弹出层出来以后，页面的滚动条会被覆盖 modal 弹出层父级 modal-dialog...步骤： 1、谁要滚动就要给它添加 data-spy="scroll"，并且需要添加一个 data-target，这个值要与导航的父级相关联 2、给导航的父级添加一个 id 或者 class，要与要滚动的元素的...data-target 的值一致，并且要添加一个 navbar-collapse 的 class 3、导航里面的每个 a 标签都需要添加上一个锚链接，这样的话，才能与滚动对上号 4、滚动区域里的内容的标题要添加上相应的...id，用于与导航的锚链接对应 示例代码如下： 下面的代码取自 Bootstrap 官网，另外需要给滚动监听加上样式，不然还是没有效果的，使用起来不太简单。...[](images/4.jpg) 这里是标题4 这里是内容，
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
即时通信 IM
ICP备案
对象存储
实时音视频
