lg页面gotop ＃30 修复共享btn风格 修复a：悬停默认颜色＃43 ＃12 修复默认的删除功能＃16 修复标题行夹＃48 ＃45 删除diy资源 删除升级配置 优化默认微信QR图像 优化更改按钮的颜色...│ ├── fontawesome-webfont.eot │ ├── fontawesome-webfont.svg │ ├── fontawesome-webfont.ttf │...├── fontawesome-webfont.woff │ └── fontawesome-webfont.woff2 ├── footer.php ├── functions.php ├── header-abstract.php...bootstrap.min.js │ ├── buttons(has some button pic) │ │ └── more.js │ ├── hoverIntent.min.js │ ├── jquery.easing.min.js...│ ├── jquery.min.js │ ├── jquery.qrcode.min.js │ ├── jquery.stellar.min.js │ ├── jquery.waypoints.min.js
因为这个项目，魔怔了大概半个月，好在那半个月单位工作基本划水。...大概只花了半天摸鱼时间，就基本实现了球形样式UI和悬停变色效果，得益于之前做右半边的经验，不管是构建主体还是引入图标都是顺风顺水。 然后在追番考古时发现左侧菜单还有一个属性面板的界面。OK，话不多说。...嗯，再来一次。Link Start ！ 教程正文 点击查看教程正文 新建： 新建: 修改,引入右键菜单网页元素，注意取消了缓存配置，转为完全默认，需要将改为: 新建,控制右键菜单的显隐。...因为全部都是触发类函数，在监听到相应的点击或悬停事件之前不会执行，所以甚至不会有加载完成后执行脚本的那段阻塞时间。...内附本帖链接，可能的话，希望可以开着帮我做下宣传 3 hoverShow true , false true为开启悬停显示，false为关闭悬停显示。默认开启。控制属性栏和三级菜单的悬停显隐。
这些改变通常由以下事件触发： DOM操作（元素添加、删除、修改或者元素顺序的改变）； 内容变化，包括表单域内的文本改变； CSS属性的计算或改变； 添加或删除样式表； 更改“类”的属性； 浏览器窗口的操作...另一种优化技巧是，在运行几段JavaScript代码时，浏览器会缓存这些改变，在代码运行完毕后再将这些改变经一次通过加以应用。举个例子，下面这段代码只会触发一个reflow和repaint： ?...所有改变都被缓存，只在代码块末尾加以执行。我们需要的是强制性的重排，我们可以通过以下更改加以实现： ? 现在代码如预期那样执行了。...如果你使用jQuery来选择元素，请遵从jQuery选择器最佳实践方案。 为了改变元素的样式，修改“类”的属性是奏效的方法之一。...尽量只给位置绝对或者固定的元素添加动画效果。 在使用滚动时禁用复杂的悬停动效（比如，在中添加一个额外的不悬停类）。
支持自定义用户名和血量，等级等属性。 可以用作打赏榜单或者友链排行。 读者可以通过更改ID来实现排行榜复用，实现多个榜单。 建议配合SAO-Utils-Web 2.0一起使用。...2021-02-03:内测版v0.39 更改配置项，配合等级设定，使用基本血量和升级梯度计算最大血量 新增方案，初版方案，血量百分比自定义，悬停提示语自定义 新增方案，打赏方案，填写等级和打赏金额，自动计算血量...悬停提示语默认使用感谢**打赏￥**字样。 更改打赏二维码分辨率。修复扫一扫无效的bug。...点击查看参考教程 参考方向 教程原贴 UI风格参考，图标、音效资源采集 SAO Utils 图标采集 fontawesome 原生js实现拖拽效果 js拖拽：简单五步实现元素拖拽功能 资源下载 由于本教程涉及的所有修改对缩进格式等有严格要求...悬停提示默认为感谢***打赏的￥**。相对初版方案,只需要修改SAO-ranklist.pug和配置文件中的配置项即可。
title属性 3、新增：博客文章添加版权提醒功能 4、新增：文章字数统计和预计阅读时间功能 5、新增：旧文章底部每个月过时的提示，”本文最后更新于xxxx年xx月xx日，已超过xx个月没更新!”...逻辑：打开页面算1次，若从来没有统计过，那么用点赞数据来显示 5、修复：网络不通畅时，重复多次点赞的问题 6、更改：非登录状态时，请求不再带入nonce信息（缓存未登录状态页面不再报错） 7、更改：使用新的信息通知功能及通知样式...现在改为默认显示标题，鼠标悬停后隐藏标题 2、优化：海报关闭的问题。...2、REST API错误不再清空页面，而是显示错误提示 v1.4.2 1、修复：启用Ajax不刷新加载页面时，文章二维码封面显示后，使用返回按钮不消失的bug；鼠标悬停显示tooltip提示文字后，使用返回按钮不消失的...3、基于jQuery的插件理论上不会再出现问题了 v1.1.4 1、全部文章时间排序模板被加密导致消失，现在找回来了 v1.1.3 1、去掉“相册分类Tab菜单”，无论相册还是文章，都使用“分类菜单”
-- Create an anchor tag --> Back to top 改变scrollTop 的值可以更改你想要放置滚动条的位置。...5、悬停切换类 假设你希望当用户将鼠标悬停在可点击的元素上时，它会改变颜色。...添加 disabled属性到你的输入就可以在你想要的时候才启用它： $('input[type="submit"]').prop('disabled', true); 然后你只需要运行输入的prop 方法就可以了...但是，如果你想要元素在第一次点击的时候出现，然后在第二次点击的时候消失的话，那么可以试试下面的代码： // Fade $('.btn').click(function () { $('.element'...'.content').not(next).slideUp('fast'); return false; }); 通过添加这个脚本，你真正需要做的仅仅是在页面上添加必要的HTML元素，这样它就可以运行工作了
，这意味着： 你不能依赖DOMContentLoaded和jQuery.ready()这两个函数来触发相关事件（这两个事件在刷新整个页面的时候才会触发，但是你可以使用[InstantClick’s events...下面还有一些内容你需要了解： 通过instantclick加载的每个页面的标签里面的样式和脚本应该是相同的（因为instantclick只会加载一次标签里的内容） 如果后预加载，请将延迟（毫秒）作为参数传递给InstantClick.init。...如果你想在页面显示之前改变页面内容，你可以修改这两个参数并返回一个对象（或者只修改其中的一个参数）。...即使页面已经立即加载，也会显示进度条，在将来这将更改。你可以在github讨论。 当访问者缩放页面或旋转其设备时，该栏的大小和位置会自动调整，因此即使您的网站未针对移动设备进行优化，也会正常工作。
本文并非教大家如何取代设计的工作，而是讲解前端如何更快更便捷的实现一些简单的设计任务，在没有设计师的情况下如何利用工具解决UI呈现的问题，让工作事半功倍。 ...2.调整局部颜色 如果我们需要对图片的局部颜色进行更改，比如我想将下方图片的背景变为黑色，我们可以点击“选择” -> “色彩范围” -> 选中背景区域 -> 调整颜色容差即可 （1）选择范围 ?...关于Photoshop的技巧还有很多，以上只列出几个对于前端来说比较常用的三个，只要我们熟悉像这样的一些实用技巧，就可以节省很大的时间和精力。 ...（3）fontawesome图标库：http://fontawesome.io/ fontawesome是一个以导入CSS文件的形式加载的图标库，适合中后台项目的开发使用。...（3）jQuery-ui：http://jqueryui.com/ jQuery-ui是jQuery的官方UI库，其在提高CSS样式美化的同时也提供了一系列的JS组件供开发者使用，同时也支持定制功能
存放皮肤的目录 themes/landscape 默认的皮肤 _config.yml 全局的配置文件 备注： 我们每次用到的就是_posts目录里的文件，而_config.yml文件和themes目录是第一次配置好就行了...静态博客，是只包含html, javascript, css文件的网站，没有动态的脚本。虽然我们是用Node进行的开发，但博客的发布后就与Node无关了。...INFO Generated: fancybox/helpers/jquery.fancybox-thumbs.js INFO Generated: css/fonts/fontawesome-webfont.woff...INFO Generated: css/fonts/fontawesome-webfont.eot INFO Generated: css/fonts/FontAwesome.otf INFO...再来一次hexo deploy： ? 到目前为止这个静态的web网站就被部署到了github，检查一下分支是gh-pages。gh-pages是github为了web项目特别设置的分支: ?
有一些您可能还不知道的小功能，现在给大家分享一下： 在“Elements”面板中拖放 在“Elements”面板中，您可以拖放任何 HTML 元素来更改其位置。 ?...提示：如果您使用jQuery，则可以输入$($0)以访问此元素上的jQuery API。 使用控制台中操作的最后一个值 使用 $_ 引用在控制台执行的前一操作的返回值 ?...第一个 + 号可以添加一个新的 CSS 属性，也可以修改原本的 CSS 属性： ? 第二个 :hov 可以查看所选元素触发的状态，这样就可以看到当它处于活动状态，悬停状态，焦点状态的样式。 ?...保存到修改后的CSS文件 点击您编辑的 CSS 文件的名称。会将其打开到“Sources”窗格，然后可以使用您应用的实时编辑进行保存。...Watch 操作 不需要一次又一次地写一个变量名或一个表达式，您可以在调试会话期间检查很多变量名或表达式，将它添加到 Watch 表列表中就行了。 ?
到目前为止，我只使用了这个框架的一小部分。...jQuery JavaScript库作为Bootstrap的依赖项加载，因此我将利用它。当使用jQuery时，你可以用$(...)封装来注册一个函数，函数将会在页面加载完毕后运行。...例如，ID = 123的用户动态中具有id="post123"属性。然后使用jQuery，在JavaScript中使用表达式$('#post123')在DOM中定位此元素。...一个引起我注意的是manual模式，在这种模式下，可以通过JavaScript调用手动显示或删除弹出窗口，这种模式可以让我自由地实现悬停逻辑，所以我将使用该选项并实现我自己的悬停事件处理程序，并以我需要的方式工作...setTimeout()的效果是函数在给定的延迟后被调用。所以我添加了一个函数（现在是空的），将在悬停事件的一秒钟后被调用。
前端是一个很繁杂的工作，在工作中会考虑到很多细节，也许有时候一个细节没有处理好，就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手，即使掌握一个小技巧都能够节省很多时间。...以下几个 jQuery 技巧，也许你工作中能够用上。 1....悬停切换类 假设你希望当用户将鼠标悬停在可点击的元素上时，它会改变颜色。...添加 disabled 属性到你的输入就可以在你想要的时候才启用它： $('input[type="submit"]').prop('disabled', true); 然后你只需要运行输入的 prop...但是，如果你想要元素在第一次点击的时候出现，然后在第二次点击的时候消失的话，那么可以试试下面的代码： // Fade $('.btn').click(function () { $('.element
预览并下载这个主题，或者通过 NPM 来下载安装： npm i startbootstrap-sb-admin-2 --save-dev 2、初始化前端资源文件 JavaScript 部分 安装完成后，.../vendor/jquery-easing/jquery.easing') require('startbootstrap-sb-admin-2/js/sb-admin-2') 由于 SB Admin...2 依赖 Bootstrap 和 jQuery，所以需要先引入它们。...提供的 Sass 源代码即可： @import "~startbootstrap-sb-admin-2/scss/sb-admin-2"; 通过 Laravel Mix 编译前端资源 做好以上准备工作后...-w1424 你会看到 FontAwesome 图标都没有正常显示出来，需要手动将 node_modules/@fortawesome/fontawesome-free/webfonts 目录拷贝到项目根目录下的
/npm/jquery@1.12.4/dist/jquery.min.js"> 只加载单个插件。...-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) --> jquery.js"> 只加载单个插件。...initial-scale：初始缩放比例，也即是当页面第一次 load 的时候缩放比例。 maximum-scale：允许用户缩放到的最大比例。
前端是一个很繁杂的工作，在工作中会考虑到很多细节，也许有时候一个细节没有处理好，就会造成很大的麻烦。但是一些小技巧就能够避免。作为一个新手，即使掌握一个小技巧都能够节省很多时间。...以下几个 jQuery 技巧，也许你工作中能够用上。 1....悬停切换类 假设你希望当用户将鼠标悬停在可点击的元素上时，它会改变颜色。...添加 disabled 属性到你的输入就可以在你想要的时候才启用它： $('input[type="submit"]').prop('disabled', true); 然后你只需要运行输入的...但是，如果你想要元素在第一次点击的时候出现，然后在第二次点击的时候消失的话，那么可以试试下面的代码： // Fade $('.btn').click(function () { $('.element
一、属性操作1、固有属性（1）获取：选中元素.prop('属性名')console.log($('img').prop('src'));（2）设置：选中元素.prop('属性名','值')后，之前存储就会消失（1）获取：选中元素.data('属性名')$('img').data('a',5)（2）设置：选中元素.data('属性名','值')更改DOM结构），但是该属性是存在的，且可以获取输出②attr()：在元素本身是可以看到设置的属性，也可以获取输出二、遍历操作1、区别（1）隐式迭代：给同一类元素做同样的操作（2）遍历操作：给同一类元素做不同的事情...'); } }) $('button').off()（2）移除某一个事件：ele.off('类型')$('button').off('click')4、事件只触发一次...jQuery插件库-收集最全最新最好的jQuery插件小伙伴可以在这个网站找喜欢的作品，下载压缩包后，可以直接看效果，而且都有源码的哦
('lodash'); window.$ = window.jQuery = require('jquery') require('bootstrap/dist/js/bootstrap.bundle...') 主要是 jQuery 和 Bootstrap 框架。.../bootstrap') require('startbootstrap-clean-blog/js/clean-blog') 至此，我们就完成了前端 JavaScript 脚本文件的预处理工作，要让这些...4、CSS 样式处理 我们先不做任何处理，等到样式文件处理完成之后一起执行编译打包工作。...当然，你可以像调用 copy 方法那样另起一行单独调用，该方法的作用是将 fontawesome 的样式文件 all.css 拷贝到 public/css/fontawesome.css 以便在 HTML
还有一种就是我们的jQuery中的加载方式$(function(){}) window.onload方式 window.onload：在整个月面中所有内容加载完成后，才会执行事件。...window.οnlοad=function(){ console.info("window.onload"); } jQuery方式 $(function(){})：页面结构回执完成后，就会执行...，点击一次后再点击就无效 案例:按钮只能点击一次 $("#myBtn").click(function(){ console.info("试试就试试"); //上面代码执行后 就移除按钮的点击事件 $(..."#myBtn").unbind("click"); }) 这样，按钮就只能点击一次。...50，top属性本身加50，移动本元素
然后我开始在 Kasta 工作，那里的 web 前端完全就是一团 jQuery 式的玩意儿。没人想要碰那些代码，因为你会花费数小时，甚至数天，来做一些最小的改动。...例如悬停用 JS（而不是用 CSS），下拉菜单用 JS，不渲染（在悬停时）隐藏的文本（谷歌对此会不高兴），奇怪的复杂逻辑等等。...这一次，它引起了我的注意。 其理念是，所有的 HTML 都在服务器端渲染。而客户端根据元素的属性，更新部分 HTML。基本上类似 HTML+XHR。...最值得一提的就是，它不依赖 jQuery。它只支持现代浏览器（不支持 IE 和 Opera Mini）而抛弃掉了 88kb 的兼容性怪代码。 它还有以下优点： 没有继承——这点再强调也不过分！...指令有明确的扩展点 支持对服务器的批量请求 更严格的属性命名规范（这是我的观点，但ic-get和ic-post使我烦恼：别让我改变观点啊！） 负载更小（多亏了没有 jQuery！）
云服务器
ICP备案
云直播
实时音视频
即时通信 IM
