第六天任务 推荐标签页面的完成 圆形头像的设置和封装 评论界面的完成 新帖界面的完成 发布界面的完成 推荐标签页面的完成 点击精华页面左上角按钮来到推荐标签界面。...唯一有一个注意点:当点击进入推荐标签页面,如果此时数据还没有获取到,点击返回,SVP的提醒还在,block会对控制器产生强引用,如果block还没有执行完,控制器是不会死的,block执行完毕之后,强引用才会被放开...发表页面 考虑到发表页面内部按钮点击事件较为复杂,发表页面使用控制器,点击加号按钮moda出发表页面控制器,至于发表页面内容的布局和赋值不在赘述,6个button有一个飞出动画,逐个从底部飞出到页面上,...所以需要监听按钮的点击,并发送通知,为了避免其他界面同时刷新,需要判断控制器的view在不在window上和view跟window有没有重叠,两者缺一不可,判断控制器的view在不在window上排除的是...监听按钮的点击,分别可以在application中使用UITabBarControllerDelegate的代理方法监听tabbarbutton的点击,titlebutton的点击在button点击事件中
IOS下的H5页面会把数字识别成电话号码 四、页面有弹窗,弹窗出现的时候,底部内容仍可滑动。...在真机上测试时,Android是没问题的,但在IOS中,却会将数字识别成电话号码,有时候我们如果对a标签进行了全局样式的修改,还会影响到我们的布局。...原因:这是IOS采用Safari浏览器内核的原因,会在数字串加上a标签,并且在a标签里添加属性值tel 解决办法:在head里面添加如下mate标签就可以了。...原因:不详(望大佬告知) 解决办法一:我们可以在弹窗出现时,将底部的页面设置成overflow:hidden,在弹窗消失时再设成overflow:auto或者overflow:scroll就好了 假设底层是...',(e) => { e.preventDefault() },false) 五、iphone的H5页面click点击事件不生效 在移动端端开发中,点击事件我们通常可以用touch
(开启步骤,登录后台,主题设置-广告设置-脚本代码接口(非广告代码),复制下方代码,粘贴,右侧开启脚本,然后回到后台首页,点击“[清空缓存并重新编译模板]”前台刷新查看效果。...--、底部滚动公告调用“推荐文章”(文章推荐功能,如果没有没有推荐则不显示,需要开启自定义缩略图才有效。) --、优化页面加载的流畅度。...回到主题配置-首页设置(如图) PS:红框内设置的就是公告模式,这里取决于伪静态的设置,有些可能需要填写ID,最稳妥的设置方法是:页面管理找到刚才新建的页面,点击前面的曲别针图标,如图 然后在新窗口页面复制链接就可以了...--.修复搜索页面的关键词高亮与可风用户中心搜索记录有冲突的BUG(感谢可风的技术支持,后期还是适配更多关于可风用户中心。) --.优化了H2-H5标签样式表。...首页显示的是(默认侧栏),分类页(包括标签,作者,时间等页面)显示的是(侧栏2),文章页显示的是(侧栏3),搜索页显示的的(侧栏4) 介绍完侧栏,在回来介绍调用侧栏热门标签(数量),这就很简单了,想在侧栏展示多少标签就填写数量就行了
我们顺便给首页的第一个导航按钮设置一个默认背景色(也就是选中后的状态,表示页面一打开就是在首页): .header ul li.first { margin-left: 30px ; background...banner 可以是网站页面的横幅广告,也可以是游行活动时用的旗帜,还可以是报纸杂志上的大标题。Banner 主要体现中心意旨,形象鲜明表达最主要的情感思想或宣传中心。...你有没有发现,float,margin这些css样式用得特别频繁呢? 是的,其实我们的css样式表中,充斥着很多这样的重复代码,那么有没有什么办法可以改善这种情况呢?... 接下来,在页面的底部添加script标签块,我们所有的JS...;//右按钮 给右边的按钮添加一个点击事件: rightBtn.on('click',function(){ alert(); }); 我建议初学的话,不要急着往下写,先在点击事件里面alert
购买并下载主题之后,登录网站后台,主题管理,上传刚才下载好的主题,然后点击启用,一般会提示“未登录客户端”或者“授权文件非法”等界面,这时,参考此教程:zblog开启主题或插件显示“授权文件非法”的解决办法...,我这里都有介绍,好了,前奏结束,开始进入正题!...-- 优化主题主题页面模板的og标准化标签。 -- 修复文章目录索引H标签太多导致显示不完整的bug。 -- 文章后台编辑页面,对于SEO接口增加折叠按钮,不再直接显示各接口。...2021/09/16 -- 优化用户中心接口变更导致出错的BUG。 -- 优化文章商品模板部分接口不兼容或者没有用户中心无法点击的问题。 -- 优化图片灯箱效果代码。...2021/07/02 -- 修复用户中心兼容收藏按钮没有样式的问题。 -- 修复右侧侧栏评论模块表情留言图片过大的问题。 -- 优化右侧夜间模式按钮图标。 -- 优化夜间模式兼容代码。
即使开发者增加了“短代码插入按钮”,但在修改短代码参数的时候,往往还是需要手动编辑代码本身。对于普通用户,这种操作是很繁琐并且容易出错的。...“文章Wiki模式”将自动把文章内的“二级”、“三级”标题显示为文章导航并展示在边栏中,点击边栏标题可导航到文章中的指定位置。...没问题,一句话也可以展示【边栏已展示】 相册:提供多图显示的功能【点这里看看】 文章归档:时间轴1【点这里看看】、 时间轴2【点这里看看】 标签云:【点这里看看】 海报式分享 分享时生成带二维码的海报...v1.5.4 1、修复:magic trackpad无法评论 v1.5.3 1、修复:友情链接没有LOGO时,显示首个文字的BUG v1.5.2 1、修复:打开下载按钮时,脚本报的一个错误 2、修复:...随机顺序”,让你的分类文章每次都不一样 v1.4.1 1、防采集功能算法重写:更高的效率、更随机的标签和类 2、修复:开启防采集后,文章内的“轮播图”(滚动相册)出现格式问题 3、友情链接页面使用文章目录
如领英的设置页面 网格式与列表式类似,但排布更紧凑,显示也更直观,可在一页容纳更多选项,常见于一级页面,电商类app一级页面用的比较多,如淘宝的首页 标签式有顶部、底部两大类,底部应用的最广泛,因为底部比较方便大拇指点击...那么,有没有一种方式应用在一级页面,可以集合这些优点: 列表式的结构清晰明了, 网格式的紧凑、直观, 标签式底部导航的便利拇指操作, 抽屉式容纳更多选项,简洁界面。...我们一步步推理下 1、由于需要便于拇指操作,这决定了我们只能在标签式导航中的底部导航栏来进行改造。 2、底部导航栏的功能按钮排布。...这里把抽屉式的汉堡包按钮,变成了“更多",我们可以把一些不常用的功能全部收纳到这里。 3、然后其中居中的一个按钮可以展开更多的选项,把底部导航栏变成网格式或者列表式的导航模式。...“中间功能项突出”模式,主次分明,把最频繁使用的功能置于中间,也有的中间功能键起到收纳作用,点击是开启更多选项。
; 系列文章地址 《Jenkins流水线(pipeline)实战之:从部署到体验》; 《让Jenkins执行GitHub上的pipeline脚本》; 环境信息 为了快速搭建Jenkins环境,我这里用到了...GitHub开放授权 为了让Jenkins顺利地从GitHub下载到pipelien脚本,需要在GitHub上开放授权,具体的方式: 登录GitHub后,在右上角的账号菜单中点击Settings,如下图...设定完毕后,点击底部绿色的Generate token按钮,就会生成一个字符串,这就是授权token,复制下来,稍后会用到; 至此,GitHub上的设置就完成了,接下来在Jenkins上设置流水线任务...点击下图红框中的创建流水线按钮: ? 进入的页面如下图所示,这就是设置流水线的页面,按照序号依次设置,即可完成流水线的新建: ?...点击底部的保存按钮,保存配置: ? 此时Jenkins会自动开始一个扫描GitHub仓库的任务,如果配置无误,该任务会执行成功: ?
主题已经上架Z-Blog应用中心,点击此处前往应用中心购买,也可以直接@我付款购买(有折扣) 主题相关功能: 1.主题自带SEO设置(文章页,列表页,标签页等),主题设置-功能设置-开启自定义SEO 2...--、底部滚动公告调用“推荐文章”(文章推荐功能,如果没有没有推荐则不显示,需要开启自定义缩略图才有效。) --、优化页面加载的流畅度。...回到主题配置-首页设置(如图) PS:红框内设置的就是公告模式,这里取决于伪静态的设置,有些可能需要填写ID,最稳妥的设置方法是:页面管理找到刚才新建的页面,点击前面的曲别针图标,如图 然后在新窗口页面复制链接就可以了...--.修复搜索页面的关键词高亮与可风用户中心搜索记录有冲突的BUG(感谢可风的技术支持,后期还是适配更多关于可风用户中心。) --.优化了H2-H5标签样式表。...首页显示的是(默认侧栏),分类页(包括标签,作者,时间等页面)显示的是(侧栏2),文章页显示的是(侧栏3),搜索页显示的的(侧栏4) 介绍完侧栏,在回来介绍调用侧栏热门标签(数量),这就很简单了,想在侧栏展示多少标签就填写数量就行了
第一次在Raspberry Pi上启动LineageOS时,看到以下屏幕。点击右下角的 "Next >"按钮,开始初始化。 2. 在下一个屏幕上,选择Android设备使用的语言。...应该只需要5次点击就可以启用设置。完成后,点击返回按钮(3.)返回到设置菜单。 5. 再次向下滚动到底部,打开 "系统 "设置页面。 6. 要取消高级设置,请点击本页底部的 "高级 "切换。...取而代之的是,使用一个特殊的bash脚本来重命名分区,以便可以在恢复模式下启动和退出。 1. 首先,需要回到安卓界面的应用库中。同样,可以通过从屏幕底部向上拖动来实现。 2....在这个页面上,会被要求连接你的谷歌账户。在文本框内填入电子邮件或电话号码(1.)。输入账户信息后,点击 "下一步 "按钮(2.),按照提示登录账户。 5....配置好每个服务后,滚动到底部,然后点击 "接受 "按钮。 7. 在此页面上,可以配置您的设备需要使用密码。为了简单起见,继续本教程,选择 "不是现在 "选项。 8.
:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; 第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览;...、HTML5标签的使用 在开始编写webapp时,建议前端工程师使用HTML5,而放弃HTML4,因为HTML5可以实现一些HTML4中无法实现的丰富的WEB应用程序的体验,可以减少开发者很多的工作量,...在iOS中是不自动识别邮件地址的,但在Android平台,它会自动检测邮件地址,当用户touch到这个邮件地址时,Android会弹出一个框提示用户发送邮件,如果你不想Android自动识别页面中的邮件地址...底部工具中的小加号,或者ipad顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会自动增加一个当前页面的启动图标,点击该启动图标就可以快速、便捷的启动你的webapp。...iOS的用户在这个链接的上方长按3秒钟后,iOS会弹出一个列表按钮,用户通过这些按钮仍然可以在新窗口打开页面,这样的话,开发者指定的target属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout
,因为如果页面底部有按钮的话,就会被胡子给挡住,以往我们兼容过 iphone x 的下巴,但现在回想起来不是正确的做法。...效果如下图: 这样只是解决了底部胡子的问题,我们试着横屏看看: 这里有个很明显的问题:页面左边的文字被刘海遮挡。...点击这里了解更多关于 viewport-fit 关于 safe-area-inset-* 各种 iphone x 都是不规则形状,我们如何控制页面元素到安全区域呢?...,initial-scale=1.0,viewport-fit=cover"> 二、让主体内容控制在安全区域内 假设我们的底部按钮高度是50px: body { padding-top: env(safe-area-inset-top...);} 有两个关键点: 1、写在前面的 padding-bottom:50px 为了兼容没有底部胡子的设备,让主体内容偏移出底部按钮的高度,避免按钮遮挡内容。
开始动手 首先打开开发者工具,会看到如下界面,其中需要注意的点有2个: 后端服务:因为是入门体验,这里选择不使用云服务,后续会给大家介绍云开发。...实践真知 结合上面的描述,我们来修改一下这些文件的内容,写点我们自己的东西, app.js 这里会打印一段日志生命周期方法,小程序启动啦! ? app.json 这里会显示底部tab导航栏 ?...至此,等于说是完成了一个简单的小程序页面了,自己怎么搞页面了,但是这一点用都没用,交互呢?按钮呢?一些动态效果呢?...啥啥都没,接下来继续扩展功能,这里将学习小程序的api使用 小程序的事件绑定 在index.wxml文件中,已经定义了标签,在html开发中,要给按钮绑定事件需要使用 onclick属性...,但在小程序的开发中,使用的bindtap属性, 如图所示,分别给这4个按钮绑定了事件函数 ?
你可以直接在页面上点击右键,然后选择审查元素: 或者在Chrome的工具中找到: 或者,你直接记住这个快捷方式: Ctrl+Shift+I (或者Ctrl+Shift+J直接打开控制台),或者直接按F12...这里的CSS文件有一个好玩的特性,你可以直接修改CSS文件,并且修改即时生效哦: Network标签页 Network标签页对于分析网站请求的网络情况、查看某一请求的请求头和响应头还有响应内容很有用,特别是在查看...: Timeline标签页 注意这个Timeline的标签页不是指网络请求的时间响应情况哦(这个在Network标签页里查看),这个Timeline指的JS执行时间、页面元素渲染时间: 点击底部的Record...就可以开始录制页面上执行的内容。...Audits标签页 这个对于优化前端页面、加速网页加载速度很有用哦(相当与Yslow): 点击run按钮,就可以开始分析页面,分析完了就可以看到分析结果了: 它甚至可以分析出页面上样式表中有哪些CSS是没有被使用的哦
这样用户到这一步的时候,注意力会集中在这仅有的一个按钮上,并能够注意到这里的提示信息(如果你想提示警告信息写在弹框内容里,用户极有可能没看就点击了按钮)。...比如apple store就使用了scope bar来对应用进行免费和收费的筛选。 四.按钮设计 按钮是最重要的交互控件,在设计按钮的时候以下的建议可以作为参考。 1.让按钮看上去像一个按钮。...腾讯的应用宝在更新应用的时候,可以直接点击“更新”按钮来下载并安装更新,如果你点击“更新”外面的整张卡片,就会进入该应用的详细介绍。...但这个按钮非常难点,一不小心手指的触摸面积大了,就点到了卡片,进入了应用的详情页面。 必须小心翼翼地触摸,才能保证点击到“更新”按钮来下载APP。 所以,一定要注意按钮的大小!...2.按钮的标签 按钮的标签内容应该清晰地让用户知道点击按钮后会发生的事情。 3.重要按钮 如果一个按钮很重要,那你就必须让它看上去很重要——更突出的颜色,更中心显眼的位置,更强烈的提示,等等。
HTML 中的脚本必须位于 与 标签之间。 脚本可被放置在 HTML 页面的 和 部分中。... JavaScript 函数和事件 上面例子中的 JavaScript 语句,会在页面加载时执行。 通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。...脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。 通常的做法是把函数放入 部分中,或者放在页面底部。...---- 中的 JavaScript 函数 在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 部分。 该函数会在点击按钮时被调用: <!...该函数会在点击按钮时被调用: <!
最近e5订阅很火,但是玄学的续订方式也让人摸不着头脑,有的人说挂个oneindex就续订了,有的人说所有第三方程序都挂了一遍也没续订,所以有人按照微软的官方文档写了一个刷api的脚本,原理很简单,就是重复调用...但是原作者的代码需要在服务器上运行,成本较高。后来又有一位大佬找到了不用服务器也可以运行的的办法。而后者的方法是建立在前者的基础上的,因此我将他们的教程融合了起来,并对其中的个别词语进行了微调。...API里的Microsoft Graph(就是那个蓝色水晶), 点击委托的权限,然后在下面的条例搜索以下12个 最后点击底部添加权限 Calendars.ReadWrite 、 Contacts.ReadWrite...应用程序密码 (第一步获得) CITY 城市 (例如Beijing,自动发送天气邮件要用到) EMAIL 收件邮箱 (自动发送天气邮件要用到) 试运行 点击上栏中间的Action进入运行日志页面,中间应该有个绿色按钮...,点击 enable workflow 按钮,三个流程都要按这个! (不确定是否都需要进行这一步,我自己做视频教程的时候发现有的。
:强制让文档的宽度与设备的宽度保持1:1,并且文档最大的宽度比例是1.0,且不允许用户点击屏幕放大浏览; 第二个meta标签是iphone设备中的safari私有meta标签,它表示:允许全屏模式浏览...为达到适配各种手持设备,我建议前端工程师使用自适应布局模式(支付宝 采用了自适应布局模式),因为这样做可以让你的页面在ipad、itouch、ipod、iphone、android、web safarik...在iOS中是不自动识别邮件地 址的,但在Android平台,它会自动检测邮件地址,当用户touch到这个邮件地址时,Android会弹出一个框提示用户发送邮件,如果你不想 Android自动识别页面中的邮件地址...底部工具中的小加号,或者ipad顶部左侧的小加号,就可以将当前的页面添加到设备的主屏,在设备的主屏会自动 增加一个当前页面的启动图标,点击该启动图标就可以快速、便捷的启动你的webapp。...iOS的用户在这个链接的上方长按3秒钟后,iOS会弹出一个列表按钮,用户通过这些按钮仍然可以在新窗口打开页面,这样的话,开发者指定的 target属性就失效了,但是可以通过指定当前元素的-webkit-touch-callout
HTML 中的脚本必须位于 与 标签之间。 脚本可被放置在 HTML 页面的 和 部分中。...通常,我们需要在某个事件发生时执行代码,比如当用户点击按钮时。 如果我们把 JavaScript 代码放入函数中,就可以在事件发生时调用该函数。...脚本可位于 HTML 的 或 部分中,或者同时存在于两个部分中。 通常的做法是把函数放入 部分中,或者放在页面底部。...---- 中的 JavaScript 函数 在本例中,我们把一个 JavaScript 函数放置到 HTML 页面的 部分。 该函数会在点击按钮时被调用: 实例 <!...该函数会在点击按钮时被调用: 实例 <!
,因为如果页面底部有按钮的话,就会被胡子给挡住,以往我们兼容过 iphone x 的下巴,但现在回想起来不是正确的做法。...这样只是解决了底部胡子的问题,我们试着横屏看看: ? 这里有个很明显的问题:页面左边的文字被刘海遮挡。 ?...点击这里了解更多关于 viewport-fit 关于 safe-area-inset-* 各种 iphone x 都是不规则形状,我们如何控制页面元素到安全区域呢?...); } 有两个关键点: 1、写在前面的 padding-bottom: 50px 为了兼容没有底部胡子的设备,让主体内容偏移出底部按钮的高度,避免按钮遮挡内容。...在 safari 中,页面往上稍滑动一点,出现 safari 的操作栏后,底部按钮依然会紧贴着操作栏,非常有灵性: ? 处理起来一切都显得 简洁优雅细腻。
领取专属 10元无门槛券
手把手带您无忧上云