为什么要拿 MIUI 负一屏开刀呢,因为我不想看到广告,仅此而已。 可以先看一下负一屏长啥样,然后再决定是否要干掉它(MIUI 并没有提供关闭它的入口)。 ?...貌似一下子找到一个 MinusOneScreenView,简单翻译一下就是『负一屏』嘛,这中国式英文真好理解,直接双击进这个类,发现它是一个 View,那就找一下谁用了它。 ?...答案是肯定的,但是我突然想到,某些机型同样升级了,但是并没有出现负一屏,是否 MIUI 做了其他控制呢,不把这个找出来心里不安啊。...如果是 MIUI 对负一屏做了控制,那只有三种方法,一是直接写死负一屏,这个显然不符合现象,有部分机型升级后没有负一屏;二是判断机型,对于特定机型把负一屏删掉,但是感觉这也不科学,至少在 MinusOneScreenView...果然又找到一个名为 launcher_without_minus_screen.xml 的文件,顾名思义就是没有负一屏的布局了,马上再搜一下这个布局在哪里使用了。 ?
://datamaps.github.io/ datepicker.js 日期选择器 http://jqueryui.com/datepicker/ datatable.js jquery表格插件.../easy-pie-chart/ flot.js jquery的图表插件 fooTable.js bootstrap的table插件 http://fooplugins.github.io/FooTable.../index.html Gritter.js jquery的提醒插件 https://github.com/jboesch/Gritter i18next.js 应用国际化的js插件 https:/...https://github.com/IonDen/ion.rangeSlider jasny 给bootstrap添加一些新的特性 http://www.jasny.net/bootstrap/getting-started.../ morris.js 图标插件 http://morrisjs.github.io/morris.js/
前言 我们平时在逛一些电商网站时,无论是首页还是详情页,通常会有一个导航菜单石红跟随着页面,无论是页面滚动到中间还是底部 这是为了方便用户查看商品的各类信息或提交订单购物 也就是吸顶盒效果,那这个效果是怎么实现的...原生Js 如下是原生js // 初始化函数 function init() { // 获取顶部元素的DOM var wrap = document.getElementById("wrap...wrap" class="wrap"> 总结 要想实现一个层始终固定在屏幕的顶部或底部...css的positon样式,其次,在来控制网页是不是需要把导航菜单置顶,因为当网页内容的浏览没有滑出导航菜单的可见范围时,是没有必要把导航菜单置顶的,因此,在代码中就需要监听网页的滚动跳滑动事件 当超过一定的范围以后...,才有必要为导航菜单设置固定的position样式 其实也有另外一种解决办法,就是导航栏始终是固定在顶部,当拉动滚动条时到一定的范围,就改变背景色,也是一种解决办法
1、背景 在许多推荐场景中,我们都需要一次性推荐一屏(论文中用到的词是card,这里我们暂且翻译为屏)的物品给用户,如下图: 文中将这种场景称之为exact-K recommendation问题,这种问题的首要目标是提升这一屏被点击或者满足目标用户需求的概率...同时,同一屏中的物品往往要满足一定的限制,比如推荐物品之间需要具有一定的多样性。 相比于传统的top-K推荐问题,exact-K推荐可以被视作一种多目标优化问题。...2、模型介绍 2.1 问题定义 对于给定的包含N个物品的候选集合S={si},我们的目标是从中选择K个物品集合A={ai},并将这K个物品作为一屏推荐给用户。...假设我们希望推荐的一屏结果中,两两物品之间的相关性没有那么高,也就是说多样性尽量多一些,此时我们的限制C定义为: 上图中的NED代表两个物品的名称之间的归一化编辑距离(normalized edit distance...3、模型训练 3.1 整体思路 先说说整体的思路,首先我们的优化目标是整个一屏的推荐结果集合A的点击概率最高,但按照监督学习的思路的话,由于Decoder阶段使用的是RNN的结构,我们只能计算每个阶段的交叉熵损失或者平方损失
;我为了方便都写到一个html中了;请把这个script标签中的内容单独写在一个js文件里 //整个插件写在一个立即执行函数里;就是function(){}();函数自执行;保证里面的变量不会与外界互相影响...号(叹号)或者;(分号)这不是写错了,为了防止那个二货写的js结束没有分号;而可能发生报错 /* ;function(win,doc,$,undefined){ }(window...//我们随便写一个插件吧 比如你要点击按钮 添加input的值到 div里 var addHtml = function(demo,btn){//插件名,调用的时候直接new一下插件名就行了并传参数或者传对象...= {//给函数写方法;这里可能不止一个函数;你还记得你在全局里写一个个的function吗;贼乱; //找也不好找;把一个个函数都写到对象的属性里;调用函数就直接调用对象的属性;...--这里是最简单的插件写法;当然还有传对象参数的插件等等。。。。-->
分享一个js的拖拽框选插件 官网:https://dragselect.com/ 源码:https://github.com/ThibaultJanBeyer/DragSelect.git 使用: pnpm...i dragselect 有前端大佬翻译了部分,并编写了一个html的demo https://gitee.com/ovsexia/DragSelect-Doc-Cn 我在使用过程中发现反选有点问题,...所以如果是跟我一样pnpm i下载下的版本,应该也会有这个问题,因此反选自己实现即可,这是我按照上面链接中的demo在vue模块化项目中的组件: TagDragSelect.vue <!
1.Chart.js 官网地址:http://chartjs.cn/ 2.优秀的bootstrap模板推荐 官网地址:http://bootswatch.com 3.wow+animate+js插件库
瀑布流布局中的图片有一个核心特点 —— 等宽不定等高,瀑布流布局在国内外网站都有一定规模的使用,比如pinterest、花瓣网等等。那么接下来就基于这个特点开始瀑布流探索之旅。...这时候要考虑一个点,是滚动到什么位置时触发加载函数呢?...使用发布-订阅模式和继承实现监听绑定 既然以开发插件为目标,不能仅仅满足于功能的实现,还要留出相应的操作空间给开发者自行处理。...waterfall.on("load", function () { // 此处进行 ajax 同步/异步添加图片 }) 观察调用方式,不难联想到使用发布/订阅模式来实现它,关于发布/订阅模式,之前在 Node.js...new Waterfall({}) waterfall.on("load", function () { // 异步/同步加载图片 waterfall.done() }) 项目地址 项目地址 此插件在
本文作者:IMWeb 结一 原文出处:IMWeb社区 未经同意,禁止转载 一般来说我们的footer是跟着内容走的,所以当内容较少不足一屏的时候,footer也会跟着内容往上走,导致下面一段空白...所以这里我们来探讨下当内容不足一屏时footer也要紧贴底部的情况,因为比较难以描述,所以干脆使用了英文标题,要实现的效果如下: 第一个和第三个为正常不处理的情况,第二个和第三个是我们要实现的情况 ?
一般来说我们的footer是跟着内容走的,所以当内容较少不足一屏的时候,footer也会跟着内容往上走,导致下面一段空白。...所以这里我们来探讨下当内容不足一屏时footer也要紧贴底部的情况,因为比较难以描述,所以干脆使用了英文标题,要实现的效果如下: 第一个和第三个为正常不处理的情况,第二个和第三个是我们要实现的情况 ?
有时候我们会有让内容恰好占一屏,并且适配各种尺寸的设备的需求。我们先不谈这样做会导致在一些设备上的显示不尽人意,直接谈如何实现。...我们会第一个想到的可能是,页面内所有块级元素的宽度,高度,边距值(margin,padding)都用百分数呗。...用 JS 来实现 原理是,在元素上设置高度用 data-style-height 属性,其值为在父元素高度中占的份数。...页面初始化时,JS 会根据该值,父元素的高度,父元素的高度的总份数,给该元素的高度赋值。...页面初始化时,JS 会根据属性值给元素的对应的间距赋值。 具体实现代码见这里。 用 flex 实现 原理和用 JS 实现基本一致。
之前我在自己的博客里发表了一篇用angularJs自定义指令实现的分页插件,今天简单改造了一下,改成了原生JavaScript版本的分页插件,可以自定义一些简单配置,特此记录下来。...自己实现的简单小插件,把分页部分的css样式写在了插件paging.js中,以动态创建style标签的方式,加入到页面中。...1、代码部分: 1.1、插件 - paging.js 分页的css样式写在插件中,动态创建style标签,加载到页面中。在该js中有一个Paging构造函数。...在构造函数中有两个参数,第一个是自定义分页参数的js对象,第二个是回调函数。 在构造函数中有一个initPage()方法。用来渲染分页DOM结构。...DOCTYPE html> js版分页插件 <style
html,js,css轮播插件 2016-9-9 今天帮一人写了个简单的轮播,工作不紧张,就顺便传上来分享给大家吧。源码,带部分注释。。。 //html Title $(function(){ Carousel.init($(".carouselBody")); });.../img/btn_r.png") no-repeat center center;} 注意事项,设置carouselBody的宽高时一定要考虑到图片的宽高,最好是宽高都是图片相同
摘要: 各位Fundebug老用户,请尽快更换JS插件域名!!!将og6593g2z.qnssl.com替换为js.fundebug.cn。...Chrome 66拉黑Symantec证书 Google一向比较任性,于是,Chrome宣布,它们将拉黑Symantec的证书: Starting with Chrome 66, Chrome will...请尽快更换JS插件域名 为了保证服务质量,我们果断更换了CDN厂商,绑定了js.fundebug.cn域名,并且申请了新的HTTPS证书。...各位Fundebug老用户,如果您是采用script接入插件的,请尽快更换JS插件域名!!!...但是,新版本的插件都将使用js.fundebug.cn域名。 由于更换插件域名所造成的困扰,Fundebug团队深表歉意!
1)概念: 懒加载也叫延迟加载:JS图片延迟加载,延迟加载图片或符合某些条件时才加载某些图片。 预加载:提前加载图片,当用户需要查看时可直接从本地缓存中渲染。...2)区别: 两种技术的本质:两者的行为是相反的,一个是提前加载,一个是迟缓甚至不加载。懒加载对服务器前端有一定的缓解压力作用,预加载则会增加服务器前端压力。...class="progress">0% var imgs = ['http:...'/' + len; $('img').attr('src', imgs[index]); }); 插件
status string 一定返回 评论状态。创建评论时,可能的状态:approved:已经通过;pending:待审核;spam:垃圾评论。 source string 一定返回 评论来源。...author_name string 一定返回 作者显示名。有可能为空。 author_url string 一定返回 作者网址。有可能为空字符串。...message string 一定返回 评论的内容。 created_at string 一定返回 评论创建日期,格式示例:2012-07-13T21:58:13+08:00。...likes int 一定返回 评论被点【赞】的次数。 reports int 一定返回 评论被【举报】的次数。 type string 一定返回 类型。现在均为空。...畅言:http://changyan.kuaizhan.com/ PC端 通用代码接入 畅言支持各种类型的Web网站接入,网站只需要粘贴、复制JS代码到网页的任意位置,或者复制代码到模板中,畅言评论框将在所有网页自动出现
分享一个非常简单的图片预览插件viewer 首先引入js和css viewer.js:下载链接 jquery1.11.3.js:下载链接 jquery-viewer.min.js:下载链接 viewer.css...viewer.css" rel="external nofollow" rel="external nofollow"> <img id="image" src="http://p16.qhimg.com/bdm/960_593_0/t01ba97d26345750c04...//缩放等级(1倍) $image.viewer('zoomTo', 1); } }); // 初始化后获取Viewer.<em>js</em>
原文地址:https://github.com/lianxiaozhuang/blog 转载请注明出处 js 写插件教程深入 1.介绍具有安全作用域的构造函数 function Fn(name...(this instanceof Fn)){ //只要不是new的,用Fn()直接调用的,这里的this绝对不指向Fn;让它从 //新new一下;直到下一次代码走else里的内容...Fn.prototype = { constructor:Fn, getF:function(){ console.log(1); } } 2.默认参数 //我们用过一些插件...,getC不需要开辟新的内存 //故,可以把一些纯计算的方法,写原型上,如果方法和实例本身有关,应该写道this中 4.方法名防止冲突处理 //如果在引入你的插件之前,window下已经有Fn的变量...typeof define === 'function') define(function() { return MyPlugin; }); //注册全局变量,兼容直接使用script标签引入该插件
jQuery Form插件是一个优秀的Ajax表单插件,可以非常容易地、无侵入地升级HTML表单以支持Ajax。...另外,插件还包括其他的一些方法: formToArray()、formSerialize()、fieldSerialize()、fieldValue()、clearForm()、clearFields(...,轻易地将表单的提交方式升级为Ajax提交方式 ajaxForm() 和 ajaxSubmit() 都能接受0个或1个参数,当为单个参数时,该参数既可以是一个回调函数,也可以是一个options对象,上面的例子就是回调函数...; 15 return false; 16 } 17 18 //方式三:利用fieldValue()方法,fieldValue 是表单插件的一个方法...,它能找出表单中的元素的值,返回一个集合。
SweetAlert是一款神奇的javascript弹出消息警告框插件。...来通过一张gif图片看看SweetAlert的效果:图片使用方法要使用该插件,首先要在html的header中引入以下文件:</script..., "error");一个带有确认按钮的警告框,点击确认按钮可触发动画:sweetAlert({ title: "Are you sure?"...可以通过对象的”title”属性或第一个参数进行传递。textnull窗口的描述。可以通过对象的”text”属性或第二个参数进行传递。typenull窗口的类型。...confirmButtonColor“#AEDEF4”该参数用来改变确认按钮的背景颜色(必须是一个HEX值)。cancelButtonText“Cancel”该参数用来改变取消按钮的文字。
领取专属 10元无门槛券
手把手带您无忧上云