CSS3的新特性已经讲完了，接下来我们看一下jQuery的一个全屏jQuery全屏滚动插件fullPage.js。...我们经常见到一些全屏的特绚丽页面，手指或者鼠标滑动一下就是一整屏切换，而且还有各种效果。比如：全屏滑动案例 下面我们就介绍一下jQuery的fullPage.js的如何使用及常用的配置。...数组 空 项目导航的 tip slidesNavigation 布尔值 false 是否显示左右滑块的项目导航 slidesNavPosition 字符串 bottom 左右滑块的项目导航的位置，可选...通过创造现实结合起来； 2-l-item">play（动手玩）：亲自动手创作项目； 2-l-item"...>share（分享）：项目分享给其他人； 2-l-item">reflect（反思）：对项目的反思和改进。
//slider options: slider_scale_mode: "fill", //适合：缩小和放大图像以始终适合滑块 //down: 仅缩小，显示较小的图像...，不要放大图像（放大） //fill: 通过缩放、裁剪和居中图像来填充整个滑块空间 slider_scale_mode_media: "fill", //fit, down, 媒体项目的全比例模式...//填充滑块项目的顶部 slider_item_padding_bottom: 0, //填充滑块项的底部 slider_item_padding_left: 0, ...slider_loader_color:"white", //颜色: (black , white) slider_enable_bullets: false, //启用项目符号滑块元素...slider_fullscreen_button_skin: "", //滑块全屏按钮的外观，如果为空，则继承自库外观 slider_fullscreen_button_align_hor
如果你要制作一个全屏的网页，使用这个插件在合适不过，如QQ浏览器官方网站 直接下载 使用方法 1.引入fullpage.css文件 jquery.fullPage.css"> 2.引入jq 和 fullpage.js文件 jquery@1.12.4/dist/jquery.min.js"> jquery.fullPage.min.js"> 3.初始化...navigationPosition (string) 项目导航的位置，可选 left 或 right navigationColor (string)项目导航的颜色 navigationTooltips...(array)项目导航的 tip slidesNavigation (true/false) 是否显示左右滑块的项目导航 slidesNavPosition (string)左右滑块的项目导航的位置
unslider - 最简单的jQuery滑块。 sly - 用于单向滚动的JavaScript库，具有基于项目的导航支持。 vegas - 一个jQuery插件，可以为您的网页添加漂亮的全屏背景。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...jparallax - 用于创建交互式视差效果的jQuery插件。 fullPage - 一个简单易用的插件，用于创建全屏滚动网站（也称为单页网站）。...w2ui - 一组用于数据驱动的Web应用程序前端开发的jQuery插件。 流动性 - 世界上最小的完全响应的CSS框架。...图像处理 lena.js - 具有过滤器和util函数的图像处理库。 Pica - 高质量图像调整大小（使用快速Lanczos过滤器，在纯JS中实现）。
Ender - The no-library library. volo - 从模板创建前端项目，添加依赖项并自动生成项目。...unslider - 最简单的jQuery滑块。 sly - 用于单向滚动的JavaScript库，具有基于项目的导航支持。 vegas - 一个jQuery插件，可以为您的网页添加漂亮的全屏背景。...Glide.js - 响应和触摸友好的jQuery滑块。它简单，轻便，快速。 jQuery.adaptive-slider - 一个带有自适应彩色figcaption和导航的滑块的jQuery插件。...jparallax - 用于创建交互式视差效果的jQuery插件。 fullPage - 一个简单易用的插件，用于创建全屏滚动网站（也称为单页网站）。...图像处理 lena.js - 具有过滤器和util函数的图像处理库。 Pica - 高质量图像调整大小（使用快速Lanczos过滤器，在纯JS中实现）。
先说一下Yii框架PHP运行环境的情况。 Yii2.0.12版本使用\yii\base\Object类，Object作为类名PHP7.2报错。 PHP7.2的Yii2最小可用版本为2.0.13。...项目使用Composer管理bower和npm前端资源。...yiisoft/yii2-composer bower-asset/jquery.inputmask Composer记录如下 Loading composer repositories with package...Writing lock file Generating autoload files 项目配置不通过Composer管理bower和npm的资源 如果你的Yii2做接口应用、微框架，不需要JS，CSS.../inputmask": ">=3.2.0" } 按需升级 composer update yiisoft/yii2 yiisoft/yii2-composer bower-asset/jquery.inputmask
- Yii 2.0 的开发还是在 yiisoft/yii2 仓库. Yii2 只支持Bug 和安全补丁，新特性和加强的特性不在被接收。...- yiisoft/yii-console - console 扩展. - yiisoft/yii-jquery - JQuery 扩展....更多的 PSR 兼容: PSR-3, PSR-11, PSR-16 框架核心只需要虚拟PSR实现包，您可以自由选择日志记录器和缓存实现。 更多PSR实现的兼容性预计将在稍后实现。...删除PJAX 的支持. yiisoft/yii2-composer 这个包不再被使用. 不再提供高级的项目模板....项目模板也有所变化 yiisoft/yii-project-template - 工程模板; yiisoft/yii-base-web - web的基础应用模板.
官网 volo：以项目模板、添加依赖项与自动化生成的方式创建前端项目。...官网 Mobx是通过透明的函数响应式编程实现简单，可扩展的状态管理库。官网 Dva是基于Redux, Redux-saga 和 react-router@2.x的轻量级的框架。...它基于jQuery，拥有自动完成和键盘感应下拉列表功能，可用于标签、联系人列表等。官网 select2：它基于 jQuery，是选择框（select box）的替代品。支持搜索、远程数据集和无限滚动。...官网 图片处理 lena.js：拥有滤镜和实用功能的图像处理库。官网 pica：高质量地调整图片大小（拥有快速的、纯 JS 实现的 Lanczos 滤镜算法）。...官网 cropper：一个简单的图像裁剪 jQuery 插件。官网 AlloyImage：腾讯前端开源的基于HTML5的专业级图像处理开源引擎。
进入到项目的根目录下执行 php composer .phar install 即可将所依赖的库文件下载下来并且会存放到 vendor 文件夹下，还会多一个composer.lock锁文件。...”, “yiisoft/yii2-bootstrap”: “*”, “yiisoft/yii2-swiftmailer”: “*”, “qiniu/php-sdk”:”*”, “dmstr/yii2-adminlte-asset...”:”2.*”, “2amigos/yii2-file-upload-widget”: “~1.0”, “mdmsoft/yii2-admin”: “=2.7”, “yiisoft/yii2-jui”:...“=2.0.6”, “linslin/yii2-curl”: “*”, “bower-asset/jquery”: “1.12....*@stable”, “bower-asset/layer”: “3.*”, “bower-asset/jquery-cookie”: “1.4.*”, “wdteam/yii2-webuploader
'width' => 85, //字体颜色 'foreColor' => $this->captchaColor(2)...], ]; } /** * 获取背景颜色、获取字体颜色 * * @param int $type 1、获取背景颜色 2、...in_array($type, array(1, 2))) $type = 1; if ($type == 1) { $bg_color_arr = array(...我本来想这样去实现的，可惜没有实现，后期如果解决了，我会补充到文章里。代码如下（未实现）如果你遇到过并且解决了，请给我留言，谢谢。.../3.3.1/jquery.min.js">
create-project 主要用来安装一个项目，比如我们在安装yii2的时候就有如下的语句 composer create-project --prefer-dist yiisoft/yii2-app-basic...假设我们为程序安装了abei2017/yii2-emoji，而yii2-emoji依赖于emojione/emojione，看看执行depends命令的结果。...depends abei2017/yii2-emoji yiisoft/yii2-app-basic - requires abei2017/yii2-emoji (^1.0) 看明白了吧？...info 这个参数比较简单，如果你用 composer info 则会直接列出当前项目的所有依赖（名称+版本+简介），如果你使用 composer info abei2017/yii2-emoji跟了一个扩展...licenses 将当前项目所有依赖的协议都列出来，方便你查询，如下面的代码 //composer licenses abei2017/yii2-emoji 1.0.0
举个例子，引入一个用户交互组件[yii\jui\DataPicker\data picker wigets],可以很轻松的在视图中生成一个日期选择控件(jquery ui date picker). use...['prop1' => 3, 'prop2' => 4]); // alternatively $component = \Yii::createObject([ 'class' => MyClass...::className(), 'prop1' => 3, 'prop2' => 4, ], [1, 2]); 提示: 使用[Yii::createOject()]的方式看起来更加复杂，...但是因为[Yii::createObject]是基于依赖注入的实现，因此更加强大 [yii\base\Object]类强制实现如下生命周期: 在构造函数里实现预初始化，可以在这个时候设定默认的属性值...可以在init方法里实现例行检查和属性正常化检查 对象方法调用 开始的三个阶段都在构造函数里实现，这意味着当你得到一个对象的实例时，它已经被初始化为适当的状态，可以被放心的使用。
用过google earth的朋友，一定记得google earth的一个功能，那就是查看历史影像功能：有一个时间轴滑块，拖动滑块，显示各个时间的影像，如下： ?...没错，就是这个公能，最近做一个WEB的项目，也要用到类似的功能，所以呢就研究了一下，刚开始的时候，记得Jquery UI里面有一个slider的东西，可以实现类似滑块的东西，研究了一下，发现Jquery...可是，这样的功能没法满足我的需求，研究了半天，终于实现了。...下面就介绍一下我的实现过程啊吧： 1、引入相关js或者样式文件 jquery-1.3.2.min.js">...但是，当你鼠标拖动的时候下面的图片不会发生变化，这个离我需要的还差一点，我的鼠标拖动滑块时下面的影像也发生变化，找了半天没有找到相对应的事件，所以，就只能在原始js里做文章了，在里面找了找，selectToUISlider.jQuery.js
本文讨论通过composer工具安装Yii2框架并优化Vendor过程中遇到的问题，约定读者对composer基本原理有一定了解，并且有安装Yii2框架的实际经验。...框架安装问题 在Yii2社区里经常会遇到一类问题，那就是 安装完官方推荐的版本后 1 为什么没有vendor文件夹？...在Yii2 中，vendor是composer下载的依赖库文件，官方的项目模板代码里只有其自己的项目文件，而其依赖的yii框架等类库，都记录在composer.json里面，只要安装好composer，...2 自己安装的Yii2的项目中，vendor中的包在composer.json 中找不到对应，而这些包大多是暂时不需要用到的，该如何remove，保持vendor最小化？...exist: E:\sources\templates\backend\vendor\bower-asset/jquery/dist 文件包不存在只是表现，主要的原因是vendor路径和工程的配置文件不对应
2. AweSplash - 免费的HTML闪屏页面 ?...开发技术：HTML 5, CSS 3, JS, jQuery 网站特色： l 滑块 l 响应式视网膜菜单 l 幽灵按钮 l SEO友好 l 设备响应 l jQuery＆Javascript插件 l YouTube...主页上有一个带有标题文字的猫头鹰旋转木马滑块。此外，有jQuery UI日历的旅行预订表格。在主页有旅游套餐，最热门的目的地和关于您的公司的部分，让网站访问者和专业外观的网站印象深刻。 5. ...开发技术：Bootstrap framework, HTML5, CSS3, JQuery 网页特色： l 100％响应Bootstrap滑块 l 基于Font Awesome的图标 l HTML5和CSS3...艺术作品和创意项目在模板正面和中心位置展示，非常吸引人。引人注目的黑白媒体以及视差滚动为丰富多彩的独特风格提供了完美的背景。
这里有 30 个 JavaScript 动画库可供我们在今后的项目中使用。...2、Velocity.js 地址：http://velocityjs.org/ Velocity 是一个轻量级动画引擎，其 API 与 jQuery 的 $.animate() 相同。...14、Lightbox2 地址：https://lokeshdhakar.com/projects/lightbox2/ 一个小型 JS 库，用于在当前页面顶部覆盖图像。...18、Owl Carousel 地址：https://owlcarousel2.github.io/OwlCarousel2/ 免费响应式 jQuery 轮播。...19、Swiper.js 地址：https://swiperjs.com/ 没有 jQuery 的免费、开源、现代滑块。
利用 jQuery Mobile 框架将页眉和页脚工具栏设置为全屏 My Page Title...除了所支持的 HTML5 输入类型之外，您还可以创建一个滑块。滑块包括一个图柄和一个供图柄在上面滑动的槽 。随着图柄的移动，滑块的值被存储起来，然后，在表单被提交时，该值也被提交。...清单 14 显示了一个滑块元素示例，其 max 值为 10，min 值为 0，默认的 value 值为 2。 清单 14....使用 jQuery Mobile 框架创建一个滑块元素 My slider:...用户使用反转开关的方式可以有很多种，通过点击开关的任意一侧，或类似滑块一样拖动图柄。创建一个切换开关与创建一个滑块类似，但其中还是有一些较大的差异。
2. ...主页上有一个带有标题文字的猫头鹰旋转木马滑块。此外，有jQuery UI日历的旅行预订表格。在主页有旅游套餐，最热门的目的地和关于您的公司的部分，让网站访问者和专业外观的网站印象深刻。 5. ...2. ...滑块 l 基于Font Awesome的图标 l HTML5和CSS3 l Google字体 l Bootstrap框架 l 图像转换效果 Conceit是一个现代主题多页多用途商业和企业相关高利用率网站模板...2.
GraphicConverter 11 mac版是Macos上一款受欢迎的图片浏览器软件，提供导入和导出功能、图片浏览和管理、影像处理、批量转换等实用的功能，GraphicConverter 11 mac下载集图片管理和图像编辑为一体...2、录制宏如果以相同的顺序重复使用某些功能，现在可以记录这些步骤并稍后将其应用于其他文件。这样可以节省时间并且非常简单。3、RAW开发者由于数据深度，RAW图像更容易编辑。...使用“曝光”滑块增亮图像时尤其明显。图片仍然清晰，许多JPG图像都没有灰色阴霾。当打开带有曝光，对比度和色彩校正控件的RAW文件时，GraphicConverter现在提供全屏对话框。...即使使用6个控制器，图像噪声也可以降低。4、解压档案您想知道存档文件中有哪些图片和文档？然后双击就足够了：GraphicConverter会暂时向您显示内容或永久保护内容。
云服务器
ICP备案
对象存储
实时音视频
云直播
