在网页做查询以前都是这么做的表单获取关键字 –> 传入后端SQL语句处理 –>数据返回给前端显示 今天突然到游览器的Ctrl+F的这个功能怎么实现的，把数据一次放在页面上，然后在用JS 去匹配页面的内容。 不管怎么样，现在完成了功能，然后在做优化代码如下:$(function(){ var UserArray = new Array(); var TurenameArray = new Array(); var table = $("table>tbody"); table.children().each(function(){ u...
1.jQuery鼠标悬停文字渐隐渐现动画效果 这是一款基于JQuery实现的鼠标悬停文字渐隐渐现动画效果源码，是一款鼠标悬停后图片渐渐有一层透明遮罩层，同时说明文字从左侧滑入，鼠标离开后文字从右侧滑出，整体效果美观自然，用户体验较好。是一款比较优秀的特效源码。该源码兼容目前最新的各类主流浏览器。在线演示 源码下载 2.jquery基于small2big实现的图片突出显示特效 这是一款基于Jquery的small2big插件实现的图片突出显示特效源...
下面是我整理和收集的一些前端开发常用的 插件、工具、软件等不为别的，相当于给电脑做个小备份，至于使用方法，以后我会总结，目前的话还是自行google吧。 【FireFox插件】 1. Firefbug —— 页面调式工具 2. YSlow —— 网页评级工具 3. pixel Perfect —— HTML与设计稿对比 4. CSS Usage —— CSS使用效率优化工具 5. Page Speed —— 快速优化网页类似于YSlow 6. Measureit —...
一张关于Web前端方面的思维导图，留下来备用：
本文给大家展示50个jquery代码片段，这些代码能够给你的javascript项目提供帮助。其中的一些代码段是从jQuery1.4.2才开始支持的做法，另一些则是真正有用的函数或方法，他们能够帮助你又快又好地把事情完成。这些都是我尽量记住的有着最佳性能的代码段，因此如果你发现你任何可以做得更好的地方的话，欢迎把你的版本粘贴在评论中！我希望你在这一文章中能找到有帮助的东西。 1. 如何创建嵌套的过滤器//允许你减少集合中的匹配元素的...
一个简单技巧的集合，帮你提升 jQuery 技能。目前小编给大家整理了14个jquery小技巧。目录结构 1回到顶部按钮 2预加载图片 3检查图片是否加载完毕 4自动修复损坏的图片 5Hover 上的 Class 开关 6禁用 input 字段 7停止链接加载 8淡入淡出/滑动开关 9简单的折叠效果 10将两个 Div 设为相同高度 11在新窗口打开外部链接 12找到文本元素 13切换可视与隐藏的触发器 下面给大家介绍每个小技巧的具体含义。 1.回到顶部按钮 通过使用 jQue...
在介绍 jQuery.i18n.properties 之前，我们先来看一下什么是国际化。国际化英文单词为：Internationalization，又称 i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这个单词的最后一个字母。在计算机领域，国际化是指设计能够适应各种区域和语言环境的软件的过程。 jQuery.i18n.properties 是一款轻量级的 jQuery 国际化插件。与 Java 里的资源文件类似，jQuery.i18n.properties 采用.propertie...
在 HTML5的崛起、JavaScript要一统天下之际，有一个名为【跨平台】的技术越来越火。为什么会这么火？因为软件开发者只需一次编写程序，即可在 Windows、Linux、Mac、IOS、Android 等平台运行，大大降低了程序员的工作量，也使公司的产品可以快读迭代。曾经跨平台技术的不被看好，如今随着手机、电脑硬件的发展而快速发展。这一切，几乎由HTML5技术推动，当然，JavaScript 这个语言，是最大的功臣。基于 HTML5 的跨平台技术比较出名...
vue的过滤器通常用在一些常见的文本格式化，过滤器可以用在两个地方：双花括号插值和 v-bind 表达式。 比如给价格自动加上中文的钱的字符“￥”或者是给一个时间段或（时间戳）相互之间的转换过滤。 在javascript和jquery的年代！时间段的显示或者是提交，都是要在显示的时候要转换下或者提交的时候转换下，这样就有点繁琐了（个人用了vue后的感觉繁琐了）。 不多说直接看例子如下： filter定义的过滤器可以局部，可以全局的下面就...
Vuex 是什么？ Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。 上次我用了一个加减的例子为大家讲解vuex的基本的使用方式，和在什么样的情况下使用。上次还是在一个组件内把这个例子简单的展示...
多列布局 多列布局在web前端开发中也是较为常见的，比如常见的三列、四列及以上，列的布局使得单一的页面可以展示更多分门别类的内容。这里会提到的多列布局有两列定宽加一列自适应、多列不定宽加一列自适应、多列等分三种。 两列定宽加一列自适应布局 本布局模式一共分为三列，其中两列宽度固定，一列宽度随内容宽度而改变。简易实现代码如下：两列定宽加一列自适应 本案例中每一列高度为自适应，即高度和内容高度一致，左列和中列...
JavaScript 要学的内容实在很多，如果没有其他编程语言的基础的话，学起来可能要费些力，还是建议先通过在线教程学习一些基本语法和定义。最重要的是你必须要看书，然后实践。 相关推荐：TIOBE编程语言排行榜前20的语言入门书籍推荐 以下内容都是结合我自己的学习路线与经验，再整理汇总了网络各路大神的资料，希望能帮助源源不断入坑的新人更好的学习。 第1本： 《JavaScript权威指南（第6版）》（点击 下载链接） 《JavaScript权...
十个免费的web前端开发工具网络技术发展迅速，部分技术难以保持 每年都有新的工具出现，这同时也意味着许多旧的工具倒在了新技术的发展之路上。 前端开发占据了web很大一部分，而且也成为了一种职业路径。如果你将前端开发当做自己的又一新技术或者作为一个可发展事业，你需要为这个工作准备合适的工具。 我将要分享我的十大现代必备的前端开发工具。它们都完全免费而且大多数工具能帮助你建立令人惊叹的网站。 1. Grid Guide 特性...
一、什么是旭日图 旭日图是在Excel 2016中新增的一种图表。有些类似饼图，饼图的优势是可以显示占比。但是饼图只能显示单级数据。旭日图用来表示多层级数据的占比。旭日图以一种分层方式显示，非常适合用来显示层级数据。层次结构中每个级别的比例通过1个圆环表示，离原点越近代表圆环级别越高，最内层的圆表示顶级结构，然后一层一层去看数据的占比情况。 我们通过一个简单的示例，初步感受一下旭日图的魅力。季度月份周销量Q11月...
引言 关于幻灯轮播图，想必大家都不陌生，尤其是基于 jQuery 的，插件、代码网上一搜一大堆，但是真正符合自己需求的几乎没有，所以我要打造一个符合自身需求，经得起广大网民考验的 jQuery 轮播图！ 思路 为什么说网上其他一些轮播图不符合我的要求？我的需求又是什么呢？ 现在网上可以找到的多数幻灯轮播图的 jQuery 插件的作法是，先把图片和链接的 HTML 写好，然后控制隐藏和显示来轮流展示当前的幻灯图片。但是对用户而言，我...