JavaScript实现打地鼠小游戏
在写这个打地鼠的游戏开始首先要清楚每一步该做什么然后再一步一步搭好框架再完善功能。1.创建table三行三列，用来存放坑（图片）
2.获得所有的图片标签
3.老鼠的动作有①.冒出...
2020-05-27
Javascript实现页面滚动时导航智能定位
常见的开发页面中可能会有这么一个需求，页面中会有多个模块，每个模块对应一个导航，当页面滚动到某个模块时，对应的模块导航需要加上一个类用于区分当前用户所浏览区域。假设结构...
2020-05-27
jquery仿微信聊天界面
首先看一下我们的效果图。
这个颜色可能搭配的有些不合适，但基本功能大都实现了。就是你和你同桌对话，你发的消息在你的左侧，而在他设备的右侧。首先先写好整体的框架，在一个大...
2020-05-27
jQuery extend()详解及简单实例
jQuery extend()详解及简单实例使用jQuery的时候会发现，jQuery中有的函数是这样使用的：
$.get(); $.post(); $.getJSON(); 有些函数是这样使用的：
$('div').css(); $('ul').fin...
2020-05-27
jquery点赞功能实现代码 点个赞吧!
要实现的点赞功能比较简单，就是实现点击按钮，有心向上飘，一直飘出屏幕外。首先只需要在body中定义一个button。和盛放心的盒子<div id = "demo"></div><input type = "button"...
2020-05-27
JavaScript瀑布流布局实现代码
先说一下什么是瀑布流布局。就是一堆等宽不等高的数据块组成的页面，如图：
现在好多网站都采用这种瀑布流布局，如蘑菇街。美丽说等等。
首先要实现它就要明白它是怎样排列的。...
2020-05-27
AngularJS封装$http.post()实例详解
AngularJS封装$http.post()实例详解用了不是很长的时间跟了一个移动APP项目，用的是ionic + AngularJS + cordova框架，其间遇到过挺多问题，其中一个就是对Ajax的封装问题。...
2020-05-27
jQuery动态追加页面数据以及事件委托详解
我们要执行的任务是页面起初有一部分图片，我们在底下有一个More Photos的链接，点击后，向当前页面后加载一部分图片，再点击该链接，继续加载，直到将我们列出的页面加载完成，此时该链...
2020-05-27
使用nodejs爬取前程无忧前端技能排行
最近准备换工作，需要更新一下技能树。为做到有的放矢，想对招聘方的要求做个统计。正好之前了解过nodejs，所以做了个爬虫搜索数据。具体步骤：1． 先用fiddler分析请求需要的header...
2020-05-27
Vue 进阶教程之v-model详解
Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下， 并介绍 Vue 2.2 v-model改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许...
2020-05-27
vue2.0多条件搜索组件使用详解
本文为大家分享了vue2.0多条件搜索组件的实现方法，供大家参考，具体内容如下搜索条件为死数据，通过select下拉，选取多个条件；同时可点击加号增加搜索条件，点击减号减少搜索条件；temp...
2020-05-27
JavaScript的继承实现小结
最近在忙前端的工作，因为之前做.net和php的开发比较多，前端开发喜欢把库拿来就用，几次事实证明，不懂原理，连改代码也改不好，所以还是下定决心研究下JavaScript的几个技术难点。0x1...
2020-05-27
Angular.js中ng-include用法及多标签页面的实现方式详解
前言大家在平时的项目开发中，应该会经常遇到上图所示的需求，就是在一个页面中有多个标签，被选中的标签颜色会高亮显示，切换不同标签显示相应的不同内容。如果内容代码过多则写在...
2020-05-27
Angular.Js中ng-include指令的使用与实现
前言大家如果想在angularjs动态加载一个内容，那我们就可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中，举个例子来演示它的功能。示例介绍你可以在一个视图动...
2020-05-27
Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程
前言最近在做一个项目改版，第一次在项目中真正使用Angular,和平时自己写写小demo,做做练习的感觉还是非常不同的，感觉非常的新鲜。有几个指令是经常用到的，这里由于这几个有点...
2020-05-27
Angular2中select用法之设置默认值与事件详解
本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、设置默认值：
现在有三个学生小明，小红，小黑，对双向绑...
2020-05-27
angular2中router路由跳转navigate的使用与刷新页面问题详解
本文主要介绍的是angular2中router路由跳转navigate的使用与刷新页面问题的相关内容，分享出供大家参考学习，下面来看看详细的介绍：一、router.navigate的使用navigate是Router...
2020-05-27
Angular.JS内置服务$http对数据库的增删改使用教程
本文主要介绍的是Angular.JS内置服务$http对数据库的增删改操作的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、使用$http查询MySQL数据
angular.module('app',[...
2020-05-27
jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法
今天做帮一个师姐做网页遇到一个这样的要求：鼠标不移动进表格，表格透明度不变。鼠标移动进表格，hover到的单元格透明度不变，没hover到的单元格透明度改变。先贴我已经实现好的效...
2020-05-27
完美解决浏览器跨域的几种方法(汇总)
1、什么是跨域问题在页面中使用js访问其他网站的数据时，就会出现跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时，以及hybrid app中请求数据，浏览器...
2020-05-27
js实现点击切换checkbox背景图片的简单实例
在制作网页的过程中，经常需要实现点击切换背景图片的效果，本文关注的是表单中checkbox背景图片切换的实现。如图，在输入用户名和密码后，用户需要选择是否记住密码图片背景为白色...
2020-05-27
JS将unicode码转中文方法
原理，将unicode的 \u 先转为 %u，然后使用unescape方法转换为中文。<script type="text/javascript"> var str = "\u7434\u5fc3\u5251\u9b44\u4eca\u4f55\u5728\uff0c\u6c38\u...
2020-05-27
js下载文件并修改文件名
用js下载文件，使用<a>标签，添加download属性即可。var a = document.createElement("a");a.href = "http://XXX.com/audioStream/8a9dbae9d0859e48fc1f590fcf6d4ccc.mp3"；a.dow...
2020-05-27
关于foreach循环中遇到的问题小结
1.列表页面用"foreach循环"的时候数据没有显示，此时需要检查你对象模型中属性的首字母是否大写，切记不能大写（本人在做一个项目的时候，对象模型是别人建立的，属性首字母大写了，导...
2020-05-27
如何使用angularJs
本期更新，博主将给大家分享一些AngularJs常用的一些属性和方法，AngularJS 是由 Google 的员工 Miško Hevery 从 2009 年开始着手开发。这是一个非常好的构想，该项目目前已...
2020-05-27
详解JavaScript中return的用法
最近，跟身边学前端的朋友了解，有很多人对函数中的return的用法和意思理解的比较模糊，这里写一篇文章跟大家一起探讨一下return的用法。 1定义
return，从...
2020-05-27
canvas简单快速的实现知乎登录页背景效果
前言打开知乎的登录页，就可以看到其背景有一个动效，看起来好像蛮不错的样子：这个效果使用canvas是不难实现的，接下来就一步一步地讲解并实现这个效果。分析在动工之前先分析这个...
2020-05-27
Angular.Js中过滤器filter与自定义过滤器filter实例详解
本文主要给大家介绍了Angular.Js过滤器filter与自定义过滤器filter的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、AngularJS的filter过滤器：
uppercase|lowerc...
2020-05-27
angular实现IM聊天图片发送实例
IM聊天图片发送有两种方式 截图粘贴到信息框后点击发送 选择本地图片发送图片剪切粘贴，使用QQ或者其他平台的截图功能，截图后粘贴 Ctrl+V ，这个过程需要获取粘贴板上的图片数...
2020-05-27
vue.js中Vue-router 2.0基础实践教程
前言Vue.js的一大特色就是构建单页面应用十分方便，既然要方便构建单页面应用那么自然少不了路由，vue-router就是vue官方提供的一个路由框架。本文主要介绍了Vue-router 2.0的...
2020-05-27
详解用node-images 打造简易图片服务器
Edit:2016-5-11 修正了代码里面一些明显的错误，并发布在 ajaxjs 库之中，源码在这里。Edit:2016-5-24 加入 HEAD 请求，检测图片大小。如果小于 80kb 则无须压缩，返回 302 重定向...
2020-05-27
node.js中EJS 模板快速入门教程
Node 开源模板的选择很多，但推荐像我这样的老人去用 EJS，有 Classic ASP/PHP/JSP 的经验用起 EJS 来的确可以很自然，也就是说，你能够在 <%...%> 块中安排 JavaScript 代码，利用最...
2020-05-27
vue 2.0路由之路由嵌套示例详解
前言vue一个重要的方面就是路由，下面是自己写的一个路由的例子分享给大家供大家参考学习，下面来看看详细的介绍。方法如下：1、引入依赖库就不必再说2、创建组件两种写法第一种：...
2020-05-27
jQuery中的deferred对象和extend方法详解
1 deferred对象deferred对象是jQuery的回调函数解决方案，它是从jQuery1.5.0版本开始引入的功能deferred对象的方法（1） $.Deferred() 生成一个deferred对象。（2） deferred.done()...
2020-05-27
JQuery实现图片轮播效果
用JQuery操作DOM确实很方便，并且JQuery提供了非常人性化的API应付我们的各种需求，大大简化了js的代码。制作原理：这里大概说一下整个流程：1，将除了第一张以外的图片全部隐藏，2，获取...
2020-05-27
html5+canvas实现支持触屏的签名插件教程
前言大家在日常开发中使用该jQuery插件来制作在线签名，用户绘制的东西以图片的形式保存下来，非常方便实用。下面将实现支持的方法分享给大家，供大家参考学习，下面来一起看看详细...
2020-05-27
jQuery实现在HTML文档加载完毕后自动执行某个事件的方法
本文实例讲述了jQuery实现在HTML文档加载完毕后自动执行某个事件的方法。分享给大家供大家参考，具体如下：原来onchange=“fucntionname（parms）”；<select name="country" id="sel...
2020-05-27
jquery replace方法去空格
话不多说，请看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www...
2020-05-27
vue2.0实现导航菜单切换效果
本文实例为大家分享了vue2.0实现导航菜单切换的具体代码，供大家参考，具体内容如下css*{ margin:0; padding: 0; } ul li{ list-style: none; } .navul{ margin:100px...
2020-05-27
jQuery实现select下拉框获取当前选中文本、值、索引
话不多说，请看代码：//直接保存后缀.htnl用谷歌浏览器打开，亲测有效<head><script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script><script> $(function(){...
2020-05-27
H5上传本地图片并预览功能
最近工作中需要H5上传显示图片的功能，如图：直接上代码：html部分<div class="works-wrap"> <div class="figure-box" id="figure_box"></div> <div class="add-btn"> <input...
2020-05-27
jquery平滑滚动到顶部插件使用详解
点击一个固定按钮，平滑的滚动到窗口顶部的这种功能，在前端开发是相当常见的，如图：关键代码：$.fn.scrollTo = function(options) { var defaults = { toT: 0, //滚动目标位...
2020-05-27
PHP实现记录代码运行时间封装类实例教程
前言本文介绍的是利用php记录代码运行时间测量的相关内容，分享给大家供大家参考学习。一般在要求性能的代码中， 会加入测试代码进行计算。不过每次都要写microtime, end – st...
2020-05-27
将input框中输入内容显示在相应的div中【三种方法可选】
例题一枚：在input框中输入内容，会相应的显示在下面的div中的不同做法：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" type="t...
2020-05-27
nodejs处理图片的中间件node-images详解
Cross-platform image decoder(png/jpeg/gif) and encoder(png/jpeg) for Node.js
node.js轻量级跨平台图像编解码库var images = require("images");images("input.jpg")...
2020-05-27
bootstrap table表格插件使用详解
bootstrp-table学习，具体内容如下
$table.bootstrapTable({ url: '../data/data1.json', striped: true, minimumCountColumns: 2, clickToSelect: true, detailView: t...
2020-05-27
JS正则表达式验证中文字符
正则表达式："^[\u4e00-\u9fa5]{0,}$" 、 "/^[\u4E00-\u9FA5]{1,5}$/" 的含义：在JS里，\uXXXX 是转义字符,"XXXX"对应的是16进制Unicode编码；^ 匹配一行的开始。例如正则表达式^12...
2020-05-27
Webpack实现按需打包Lodash的几种方法详解
前言在数据操作时，Lodash 就是我的弹药库，不管遇到多复杂的数据结构都能用一些函数轻松拆解。ES6 中也新增了诸多新的对象函数，一些简单的项目中 ES6 就足够使用了，但还是会有例...
2020-05-27
微信小程序 <swiper-item>标签传入数据
微信小程序 <swiper-item>标签传入数据在<swiper-item>中用for循环传入多个成对不同数据时的实现方法。看下效果图：遍历实现方法：wxss省略：wxml中代码：<!--导航部分轮播图--><sw...
2020-05-27
jquery.uploadifive插件怎么解决上传限制图片或文件大小问题
jQuery.uploadifive插件可以很好的解决上传限制图片或文件大小问题，具体方法如下所示：插件是可以用 但遇到问题如何提示是否超过限制呢没办法研究插件js 发现网上给的提示...
2020-05-27
