首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

20+免费精美响应式Html5 网站模板01(含源码)

主题信息 作者: 布局: Html5 和 Css3 类别: 设计, 服务 颜色: 黑色 页数: 全部在一页中 评价: 4 星 兼容浏览器:Microsoft Edge、IE9+、Firefox、Safari...作者: FreeHtml5 布局: Html5 和 Css3,响应式,Bootstrap 类别: 服务, 设计, 商业 颜色: 绿色 白色的 页数: 全部在一页中 评价: 4 星 兼容浏览器: Microsoft...主题信息 作者: Html5xCss3 布局: Html5 和 Css3,响应式,Bootstrap 类别: 商业, 创意, 团队 颜色: 黑色的 白色的 页数: 全部在一页中 评价: 4 星 兼容浏览器...主题信息 作者: Themewagon 布局: Html5、Css3、响应式 类别: 商业, 公司 颜色: 黑色的 白色的 页数: 全部在一页中 评价: 4 星 兼容浏览器:Microsoft Edge...布局: Html5、Css3、响应式 类别: 商业, 公司 颜色: 黑色的 绿色 页数: 全部在一页中 评价: 4 星 兼容浏览器: Microsoft Edge、IE9+、Firefox、Safari

10.3K32
您找到你想要的搜索结果了吗?
是的
没有找到

小程序——带参返回上一页几种方法

wx.redirectTo()之类的,都是跳转到一个全新的页面,当这个页面是表单的时候,有时候需要跳转到其它页面选取信息后再跳转回来,那之前填的信息就必须得存在,这个时候可以当跳转到选择信息的页面,选中信息后设置设置上一页的...data,然后再返回到上一页,这样数据都会存在。...返回上一页的数据为: wx.navigateBack({ delta: 1 }) 直接调用方法名来更新数据 页面A Page({ data: { name: ''...name: name }) } }) 页面B,假设有一个文本框用于输入姓名,点击返回按钮后更新页面A的name Page({ //此方法用于文本框输入调...方法三 在app.js中设置全局变量,当前页赋值,上一页取之 方法为 globalData: { userInfo: null, } 注意:方法一,方法三,都需要重新刷新页面数据所走方法为

1.6K40

ViewPager2与Fragment

ViewPager2设置Adapter的生命周期调 在setAdapter之后 , ViewPager会调onAttach、onCreate、onCreateView、onActivityCreate...向右翻一页(即展示Fragment1) 由于offscreenPageLimit设置为2 , 所以第四页会预加载至onStart状态 预加载完后 , 才会让f1调onResume展示 E/CardFragmentTag...向左翻两页(即展示Fragment4) 由于之前的Fragment都处于onStart状态 , 所以当划过去之后 , 只会调onResume 由于向左滑动超过缓存数量 ,所以f7会被回收 // 向左滑一页...E/CardFragmentTag: onResume:f4 // 向左滑一页 E/CardFragmentTag: onResume:f3 // 向左滑一页后 , 由于之前f0被回收 ,所以会先创建...按Back键回到上一页 会顺序先回调onStop , 再调用onDestroyView与onDestroy E/CardFragmentTag: onStop:f1 E/CardFragmentTag

2.5K20

文件上传的最佳前端体验做法

HTML5提供了一系列新的浏览器API,使得文件上传有可能出现革命性变化。...英国程序员Remy Sharp总结了这些新的接口,本文在他的文章基础上,讨论如何采用HTML5的API,对文件上传进行渐进式增强,实现以下功能:   * iframe上传   * ajax上传   *...在HTML5没有出现之前,只能使用iframe做到这一点。用户点击submit时,动态插入一个iframe元素(以下代码使用了jQuery函数库)。   ...其次,它在action属性指定的上传网址的后面,添加了一个参数,使得服务器知道调函数的名称。这样就能将服务器返回的信息,从iframe窗口传到上层页面。...0 然后,定义progress事件的调函数。

1.7K10

千万级数据深分页查询SQL性能优化实践

该功能的难点就是关注对象的粉丝数量过多,不少店铺的粉丝数量都是千万级别,并且有些大V粉丝数量能够达到上亿级别。...但是考虑到上一个查询方案只有最后一页才会查询超时,前N-1页查询根本用不到 minId 作为区间限制。所以当表中数据量很大时,通常从第一页到最后一页查询之间会存在一定的时间差。...但是在上述方案中,如果表中的数据量达到上亿级别时,第二步的异步获取minId任务还是会存在超时的风险,从而导致查询最后一页粉丝列表出现超时。...3.3 减少查询字段,避免表查询 表查询就是先定位主键值,在根据主键值定位行记录,需要扫描两遍索引。解决方案:只需要在一颗索引树上能够获取SQL所需要的所有列数据,则无需表查询,速度更快。...没有触发索引覆盖,发生了表查询时,Extra字段为Using Index condition。

41230

如何利用Scrapy爬虫框架抓取网页全部文章信息(中篇)

3、基于之前文章的铺垫,提取网页的目标信息,可以将提取目标信息的表达式部分封装成一个函数parse_detail(),其作为一个callback调函数,用于提取文章的具体字段。...此外,parse_detail虽然为函数,但是在此处务必不要加括号,这就是调函数的特色。 ?...5、细心的小伙伴可能已经注意到上图中Request类中的url部分很复杂,加入了parse.urljoin()函数,其实这个也是个小技巧,这里简单说一下,希望对小伙伴们有帮助。...至此,解析列表页中所有文章的URL并交给Scrapy进行下载的步骤已经完成,接下来我们需要完成的是如何提取下一页的URL并交给Scrapy进行下载。...下一篇文章将完成如何提取下一页的URL并交给Scrapy进行下载,敬请期待。 ------------------- End -------------------

95530

Android开发笔记(六十七)嵌入页面的碎片

这是为了在用户按下返回键时,能够回到上一个页面。 commit : 提交事务 commitAllowingStateLoss : 提交事务时允许状态丢失。...2、代码中需要判断当前界面是横屏还是竖屏,然后补充相应的处理逻辑,例如竖屏时切换页面要增加“fragmentTrs.addToBackStack(null);”,这是模拟按下返回键时回到上个页面。...3、竖屏的页面切换后,因为根节点是FrameLayout,所以上一页面只是界面被覆盖了,可是点击事件这些都还在。...因此为了避免触摸当前页面导致触发上一页面的点击事件,需要在页面切换时禁用上一页面的相关控件,当然返回到上一页面时就得开启相关控件。...可在该方法实例化Activity的一个调对象,就能在Fragment中调用Activity的调方法,这样设计的好处是Activity无需调用set***Listener方法来设置监听器接口。

1.3K60

你知道吗,Flutter内置了10多种Button控件

onHighlightChanged为高亮变化调,按下时处于高亮状态,抬起处于不高亮状态,用法如下: RaisedButton( onHighlightChanged: (high){ },...setState(() { _dropValue = value; }); }, ); } items是点击时弹出选项,onChanged选项发生变化时调...BackButton BackButton是一个material风格的返回按钮,本身是一个IconButton,点击时默认执行Navigator.maybePop即如果路由栈有上一页则返回到上一页。...CloseButton CloseButton是一个material风格的关闭按钮,本身是一个IconButton,点击时默认执行Navigator.maybePop即如果路由栈有上一页则返回到上一页。..._selecteds[index]; }); }, ); isSelected 属性是bool类型集合,数量和children的数量一致,onPressed是点击

1.9K30

Linux 命令(88)—— more 命令

1.命令简介 more 命令是常用的文本文件阅读工具,类似于 cat,不过以一页一页的形式显示,更方便使用者逐页阅读。一般文件过大时使用 more 浏览,文件较小时使用 cat。...最常用交互式的指令有: (1)回车键向下滚动一行; (2)空格键(Space)显示下一页; (3)b 键(back)显上一页; (4)斜杠 / 后跟待搜索的正则表达式进行查找; (5)h 或...显示交互式命令的帮助摘要 SPACE 显示下一页内容 z 向下滚动 k 行,k 缺省值是当前的屏幕大小。可在键入命令前输入指定数值取代缺省值 RETURN 回车键,向下滚动 k,默认为 1 行。...k 行文本,缺省值是 1,可在键入命令前输入指定数值替代缺省值 f 显示下一页文本时跳过 k 屏文本,缺省值是 1,可在键入命令前输入指定数值替代缺省值 b, ^B 向后显第 k 屏文本,缺省值是...1,可在键入命令前输入指定数值替代缺省值 ' 单引号,跳到上一次搜索开始的地方 = 显示当前行号 /PATTERN 从当前屏幕最后一行的下一行开始搜索符合正则表达式的第 k 个文本。

5K10

weex-25-storage模块

使用组件storage从本地磁盘读取数据 如何删除键值对 获取本地存储的键值对数量 获取本地存储的所有键名数组 场景描述 比如我们在应用程序中输入一段文字,这个时候关闭程序,当再次打开后,我们想要看到上次输入的内容...{string}:要存储的键,不允许是 "" 或 null value {string}:要存储的值,不允许是 "" 或 null callback {function (e)}:执行操作成功后的调...API getItem(key, callback) 参数 key {string}:要获取的值的名称,不允许是 "" 或 null callback {function (e)}:执行操作成功后的调...清除完成',duration:1}) } }) 四 获取存储的键值对数量 API length(callback) 参数 callback {function (e)}:执行操作成功后的调...= res.data.toString() } }) 开发过程中的注意点 1.storage 模块有一个限制就是浏览器端(H5)只能存储小于5M的数据,因为在 H5/Web 端的实现是采用 HTML5

48820

你知道吗,Flutter内置了10多种Button控件

onHighlightChanged为高亮变化调,按下时处于高亮状态,抬起处于不高亮状态,用法如下: RaisedButton( onHighlightChanged: (high){ },...setState(() { _dropValue = value; }); }, ); } items是点击时弹出选项,onChanged选项发生变化时调...效果如下: [1240] BackButton BackButton是一个material风格的返回按钮,本身是一个IconButton,点击时默认执行Navigator.maybePop即如果路由栈有上一页则返回到上一页...: [1240] CloseButton CloseButton是一个material风格的关闭按钮,本身是一个IconButton,点击时默认执行Navigator.maybePop即如果路由栈有上一页则返回到上一页..._selecteds[index]; }); }, ); isSelected 属性是bool类型集合,数量和children的数量一致,onPressed是点击

2.3K00

前端面试题-每日练习(2)

超级开心啊啊啊,虽然还蛮简单的 本文由“壹伴编辑器”提供技术支持 1 简述 HTML5 新特性 一、绘画 canvas HTML5 标签用于绘制图像(通过脚本,通常是 JavaScript)。...二、用于媒介回放的video和audio元素 HTML5 DOM 为audio和video元素提供了方法、属性和事件。...HTML5 不基于 SGML,所以不需要引用 DTD。DOCTYPE不存在或格式不正确会导致文档以兼容模式呈现。...也就是说只要这个浏览器窗口没有关闭,即使刷新页面或进入同源另一页面,数据仍然存在。关闭窗口后, sessionStorage 即被销毁。...同时“独立”打开的不同窗口,即使是同一页面, sessionStorage 对象也是不同的 cookies会发送到服务器端。其余两个不会。

15720

前端路由跳转基本原理

值得一提的是,Hash 和 History 除了外观上的不同之外,还一个区别是:Hash 方式的状态保存需要另行传递,而 HTML5 History 原生提供了自定义状态传递的能力,我们可以直接利用其来传递信息...1.2 实例 这里简单做一个实现,原理是把目标路由和对应的调记录下来,点击跳转触发 hashchange 的时候获取当前路径并执行对应调,效果: ?...路由后退 */ back() { this.isBack = true this.historyStack.pop() // 移除当前hash,回退到上一个...HTML5 History Api 2.1 相关 Api HTML5 提供了一些路由操作的 Api,关于使用可以参看 这篇 MDN.../* 初始化 */ static init() { window.Router = new RouterClass(location.pathname) } /* 注册路由和

1.6K20

前端开发需要了解的「路由跳转原理」

值得一提的是,Hash 和 History 除了外观上的不同之外,还一个区别是:Hash 方式的状态保存需要另行传递,而 HTML5 History 原生提供了自定义状态传递的能力,我们可以直接利用其来传递信息...1.2 实例 这里简单做一个实现,原理是把目标路由和对应的调记录下来,点击跳转触发 hashchange 的时候获取当前路径并执行对应调,效果: class RouterClass { constructor...this.currentUrl]() } /* 路由后退 */ back() { this.isBack = true this.historyStack.pop() // 移除当前hash,回退到上一个...HTML5 History Api 2.1 相关 Api HTML5 提供了一些路由操作的 Api,关于使用可以参看 这篇 MDN 上的文章,这里就列举一下常用 Api 和他们的作用,具体参数什么的就不介绍了...*/ route(path, cb) { this.routes[path] = cb || function() {} } /* 跳转路由,并触发路由对应调 */ go(

1.2K30

Swiper在移动端的用法

一直在变化,并且 >0 // 那么也就是说 offsetLeft - dragState.pageWidth 的值一直在变大,但是仍未负数 // 这就是为什么当连续属性存在的时候左滑会看到上一个页面会跟着滑动的原因...'next' : 'prev'; } // 如果非连续,当处于第一页,不会出现上一页,当处于最后一页,不会出现下一页 if (!...if (continuous && index === pageCount - 1) { newIndex = 0; } } // 动画完成之后的调...;滑动中计算位移,计算上一页一页的位移;滑动结束根据位移结果执行相应的动画。...有一个细节就是,在滑动中transition的效果置为空,是为了防止在滑动中上一页与下一页因为过渡存在而位移得不自然,在滑动结束后再给他们加上动画效果。

71930
领券