JavaScript - 教程之家

71浏览

0评论

js实现悬浮窗效果(支持拖动)

经常可以看到大部分的官网有右侧悬浮在线客服。今天来写写！效果图：代码如下：<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8...

2020-05-27

53浏览

0评论

100行代码理解和分析vue2.0响应式架构

分享前啰嗦
我之前介绍过vue1.0如何实现observer和watcher。本想继续写下去，可是vue2.0横空出世..所以直接看vue2.0吧。这篇文章在公司分享过，终于写出来了。我们采用用最精简...

2020-05-27

49浏览

0评论

jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D柱状图、折线图和饼图的组合图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8...

2020-05-27

77浏览

0评论

js实现时间轴自动排列效果

效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>timeline</title> <script src="http://7xnlea.com2.z0.glb.qiniucdn.com/jquery.mi...

2020-05-27

81浏览

0评论

微信小程序遇到修改数据后页面不渲染的问题解决

微信小程序遇到修改数据后页面不渲染的问题解决前言：去年从小程序一开始出来到现在，我一直是比较看好和保持一定的关注度的，小程序的掀起的波浪我觉得一开始是在前端及其他技术...

2020-05-27

55浏览

0评论

react性能优化达到最大化的方法 immutable.js使用的必要性

一行代码胜过千言万语。这篇文章呢，主要讲述我一步一步优化react性能的过程，为什么要用immutable.js呢。毫不夸张的说。有了immutable.js（当然也有其他实现库）。。才能将react的...

2020-05-27

152浏览

0评论

微信小程序合法域名校验出错详解及解决办法

微信小程序合法域名校验出错详解及解决办法看下出现错误：微信小程序开发，遇到这个问题怎么办？
产生原因是因为发起了wx.request请求
而请求的域名没有在微信公众平台后台设...

2020-05-27

64浏览

0评论

jQuery插件HighCharts绘制2D金字塔图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D金字塔图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

2020-05-27

53浏览

0评论

使用bootstrap-paginator.js 分页来进行ajax 异步分页请求示例

使用bootstrap-paginator.js 分页来进行ajax 异步分页请求具体的做法如下：
首先定义一个异步提交请求的ajax 函数，其完整的函数如下：var nid= $("#lbnid").val(); // 获取当前...

2020-05-27

56浏览

0评论

react实现pure render时bind(this)隐患需注意!

pure render 我就不多说了，附上我另一片文章链接 react如何性能达到最大化(前传)
不论你用不用immutable，只要你想达到pure render，下面值得你注意！一天我和往常一样，开开心心得...

2020-05-27

58浏览

0评论

javascript 秒表计时器实现代码

javascript 秒表计时器实例代码：<html lang="en"><head><meta charset="UTF-8"><title>js计时器</title></head><body><input type="text" value="00:00"><input type="butto...

2020-05-27

57浏览

0评论

jQuery插件HighCharts绘制2D半圆环图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D半圆环图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts...

2020-05-27

55浏览

0评论

js实现显示手机号码效果

效果图：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>telephone number</title><style>*{ margin:0; padding:0;}form{ width:300px; posi...

2020-05-27

74浏览

0评论

jQuery插件HighCharts绘制2D圆环图效果示例【附demo源码下载】

本文实例讲述了jQuery插件HighCharts绘制2D圆环图效果。分享给大家供大家参考，具体如下：1、实例代码：<!DOCTYPE html><html><head><meta charset="UTF-8"><title>HighCharts 2D...

2020-05-27

78浏览

0评论

基于jQuery实现一个marquee无缝滚动的插件

基于jQuery，实现一个marquee无缝滚动的插件，已经发布到 git.oschina.net，演示稍后更新（更新到 http://git.oschina.net/mqycn/jQueryMarquee ）。代码如下：/** * 类库名称：jQuery.ma...

2020-05-27

54浏览

0评论

Node.js通过身份证号验证年龄、出生日期与性别方法示例

前言大家如果想要知道自己的年龄，出生日期和性别，或者是别人的，给我个身份证号，我就可以知道，其实很简单的，看下面代码。node.js实现static validateIdNumberToAgeYear(str){ let...

2020-05-27

64浏览

0评论

Vue监听数组变化源码解析

上一篇的代码中，忽略了对数组的处理，只关心了需要关心的部分，假装数组不存在。这一篇开始考虑数组的问题。从最简单的入手先考虑一个问题，如何监听数组中的对象变化？忽略掉数组本...

2020-05-27

74浏览

0评论

js实现3D图片环展示效果

可对整体进行拖拽效果图：代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{padding:0;margin:0; font-family:...

2020-05-27

61浏览

0评论

bootstrap实现的自适应页面简单应用示例

本文实例讲述了bootstrap实现的自适应页面简单应用。分享给大家供大家参考，具体如下：<!DOCTYPE html><html><head> <meta charset='utf-8'> <meta http-equiv='X-UA-Compati...

2020-05-27

64浏览

0评论

Bootstrap学习笔记之进度条、媒体对象实例详解

1.基础进度条要写在<div class="progress"></div>里面。<div class="col-md-6"> <div class="progress"> <div class="progress-bar" style="width:30%;"></div> </div></d...

2020-05-27

50浏览

0评论

Bootstrap笔记之缩略图、警告框实例详解

1. 基础缩略图给a标签添加类class="thumbnail"如下：<div class="row"> <div class="col-md-3 col-sm-6"> <a href="#" rel="external nofollow" rel="external nofollow...

2020-05-27

271浏览

0评论

搭建简单的nodejs http服务器详解

搭建简单的nodejs服务器通过一些简单配置我们就可以搭建一台基于nodejs的http服务器通过switch配置url路由的方法// 这是一个简单的Node HTTP服务器,能处理当前目录的文件//...

2020-05-27

55浏览

0评论

canvas压缩图片转换成base64格式输出文件流

昨天研究了一下canvas压缩图片的方法，上传上来给大家分享一下  <canvas id="canvas"></canvas>  <img src="" class="preview"...

2020-05-27

60浏览

0评论

JavaScript编写一个贪吃蛇游戏

写的比较乱，有个逻辑错误：蛇吃了果果后应该是蛇尾加一节，写成了蛇头部增加一节- -。可用键盘的上下左右键操作；效果图：代码如下：<html><head><title>贪吃蛇</title><style type="t...

2020-05-27

64浏览

0评论

Vue中fragment.js使用方法详解

大部分内容源自 jQuery，当然，同时也参考了 component/domify ，如果有兴趣去这翻阅原始的代码，可以到 jQuery 中查找 wrapMap；至于 domify，直接到 github 搜索即可，相关项目类容很...

2020-05-27

75浏览

0评论

Vue实现自带的过滤器实例

一过滤器写法{{ message | Filter}}二 Vue自带的过滤器:capitalize功能:首字母大写<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue自带的过滤器<...

2020-05-27

64浏览

0评论

详解Vue方法与事件

一 vue方法实现<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Vue方法与事件</title> <meta name="viewport" content="width=device-width,initi...

2020-05-27

83浏览

0评论

JavaScript实现弹窗效果代码分析

效果图：话不多说，请看代码：每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ ID不重复 idzt[x] = "zhuti"+x; 弹窗ID 初始化，接收参数 this.conf...

2020-05-27

80浏览

0评论

jQuery弹出窗口简单实现代码

今天讲了Jquery的弹出窗口的组成和用法：先把引用文件的代码写好：// 每个弹窗的标识var x =0;var idzt = new Array();var Window = function(config){ //ID不重复 idzt[x] =...

2020-05-27

55浏览

0评论

原生javascript移动端滑动banner效果

本文实例为大家分享了移动端滑动banner效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" conte...

2020-05-27

113浏览

0评论

JavaScript组件开发之输入框加候选框

1.兼容ie8 主要是事件兼容var EventUtil = { on:function(elem,type,handler){ if(elem.addEventListener){ elem.addEventListener(type,handler,false); }els...

2020-05-27

70浏览

0评论

Vue.js bootstrap前端实现分页和排序

写之前先抱怨几句。本来一心一意做.net开发的，渐渐地成了只做前端。最近项目基本都用java做后台，我们这些.net的就成了前端，不是用wpf做界面，就是用html写web页面。
深知自己前...

2020-05-27

72浏览

0评论

js获取ip和地区

这个接口是搜狐的目前是可用的, 就是不知道以后会不会失效效果图：代码如下：<!doctype html><html><head><meta charset="utf-8"><title>t1</title><meta content="width=devic...

2020-05-27

61浏览

0评论

Vue.js结合bootstrap实现分页控件

本文为大家分享了使用vue.js结合bootstrap 开发的分页控件，供大家参考，具体内容如下
效果如下

实现代码：
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <meta...

2020-05-27

76浏览

0评论

Node.js中.pfx后缀文件的处理方法

前言nodejs中，在做加密解密的时候，会得到第三方的各种各样的加密文件，其后缀也就那么几种吧，.key/.pem/.pfx等，是不是可以自定义，反正就是一个文件。但是今天我看了很多的nodejs库...

2020-05-27

106浏览

0评论

Bootstrap栅格系统使用方法及页面调整变形的解决方法

如果你以前使用过Bootstrap2或者了解过响应式技术，那么肯定对Bootstrap栅格系统并不陌生，由于栅格系统的引入，使得Bootstrap的跨设备布局显示变得可能。什么是栅格系统栅格系统...

2020-05-27

71浏览

0评论

Bootstrap fileinput组件封装及使用详解

介绍通过本文，你可以学习到如何封装或者开发一个前端组件，同时学习Bootstrap-fileinput组件的使用，封装后使用更加简单方便。
BaseFile是AdminEAP框架中基于Bootstrap-fileinpu...

2020-05-27

83浏览

0评论

BootstrapValidator实现注册校验和登录错误提示效果

使用BootstrapValidator进行注册校验和登录错误提示，具体内容如下
1、介绍在AdminEAP框架中，使用了BootstrapValidator校验框架，本文以注册校验的用户名、登录名、密码、确认密...

2020-05-27

106浏览

0评论

微信小程序出现47001 data format error原因解决办法

微信小程序出现47001 data format error原因解决办法看下错误：主要原因是请求的数据不是json格式引起的分享下我用的代码和函数：发送模板消息
public function sendmessage...

2020-05-27

76浏览

0评论

微信小程序 wx.login解密出现乱码的问题解决办法

微信小程序 wx.login解密出现乱码的问题解决办法最近在给公司开发微信小程序，需要用到微信登录，根据文档要求需要把获取的用户信息按照AES进行解密。我使用的是官方提供的PHP...

2020-05-27

61浏览

0评论

jQuery表格(Table)基本操作实例分析

本文实例讲述了jQuery表格(Table)基本操作。分享给大家供大家参考，具体如下：Jquery 操作 Html Table 是很方便的，这里对表格的基本操作进行一下简单的总结。首先建立一个通用的...

2020-05-27

60浏览

0评论

详解Vue生命周期的示例

一 vue的生命周期如下图所示(很清晰) 二 vue生命周期的栗子注意触发vue的created事件以后,this便指向vue实例,这点很重要<!DOCTYPE html><html> <head> <meta charset=...

2020-05-27

83浏览

0评论

微信小程序页面传值详解

微信小程序页面传值详解一. 跨页面传值.
1 . 用 navigator标签传值或 wx.navigator, 比如

这里将good_id=16 参数传入detail页面, 然后detail页面的 onload方法内接受.
如...

2020-05-27

108浏览

0评论

微信小程序图片加载（本地，网路）实例详解

在微信小程序中，要显示一张图片，有两种图片加载方式：
加载本地图片
加载网络图片加载本地图片
<image class="widget__arrow" src="/image/arrowright.png" mode="aspect...

2020-05-27

72浏览

0评论

Node.js如何响应Ajax的POST请求并且保存为JSON文件详解

实现目的使用D3.js开发的前端应用，用户与图交互更改图的内容后，如何在下一次加载的显示上一次最后交互的内容？本文提供通过后端的Node.js程序提供一种最小化方案，作为参考。开发...

2020-05-27

68浏览

0评论

Vue.directive自定义指令的使用详解

很多教程都是在讲自定义指令的概念和语法,看的相当蛋疼.本文不讲语法和概念,只讲用法.
自定义指令基本就是用来操作DOM的,虽然官方推荐数据驱动视图,有时候还是需要自定义指...

2020-05-27

70浏览

0评论

js实现返回顶部效果

话不多说，请看代码：<!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

72浏览

0评论

Angular.js基础学习之初始化

一、绑定初始化，自动加载通过绑定来进行angular的初始化，会把js代码侵入到html中。ng-app是angular的一个指令，代表一个angular应用（也叫模块）。使用ng-app或ng-app=""来标记一个...

2020-05-27

67浏览

0评论

BootStrap表单宽度设置方法

用bootstrap的栅格“ coll-md- ”命令设置宽度总是不尽人意，有时上下框对不齐，有时上下宽度又不齐，这时建议用“style="width:100px" "<div class="page-header"> <form clas...

2020-05-27

69浏览

0评论

微信小程序弹框和模态框实现代码

微信小程序弹框和模态框实现代码实现效果图：实现代码： <view class="wxapp-modal" style="{{modal_style}}"> <view class="content"> </view> <...

2020-05-27

热门文章