JavaScript - 教程之家

69浏览

0评论

Vue2.0 UI框架ElementUI使用方法详解

今天来介绍一下ElementUI的使用，在Vue2.0更新之后，很多UI框架也应运而生，这个框架是饿了么团队开发的一款适用于PC的一个UI框架，体验之后给我的个人感觉确实是有助于快速开发的...

2020-05-27

64浏览

0评论

基于JavaScript实现的希尔排序算法分析

本文实例讲述了基于JavaScript实现的希尔排序算法。分享给大家供大家参考，具体如下：通过对直接插入排序的分析，可知其时间复杂度为O（n2），但是，如果待排序序列为正序时，其时间复杂度...

2020-05-27

103浏览

0评论

深入解析js轮播插件核心代码的实现过程

轮播效果在网页中用的很多，swiper是其中最有代表性的作品,它支持水平和竖直滑动，还有反弹效果，兼容移动端和pc端。当然代码量也是相当大的，单是js就有5300行（3.4.0的未缩版本），若不...

2020-05-27

54浏览

0评论

微信小程序中的swiper组件详解

微信小程序中的swiper组件微信小程序中的swiper组件真的是简单方便
提供了页面中图片文字等滑动的效果<swiper> <swiper-item></swiper-item> <swiper-item></swiper-ite...

2020-05-27

70浏览

0评论

基于JavaScript实现的快速排序算法分析

本文实例讲述了基于JavaScript实现的快速排序算法。分享给大家供大家参考，具体如下：首先要介绍一下冒泡排序，冒泡排序的过程很简单，首先将第一个记录的关键字和第二个记录的关键...

2020-05-27

75浏览

0评论

简单实现JS上传图片预览功能

js实现上传图片预览功能思路是获取上传图片本地路径，再加载到页面中实现上传预览
HTML代码<div class="upload"> <input type="button" class="btn" onclick="browerfile...

2020-05-27

51浏览

0评论

JavaScript实现的选择排序算法实例分析

本文实例讲述了JavaScript实现的选择排序算法。分享给大家供大家参考，具体如下：简单选择排序是人们最熟悉的比较方式，其算法思想为：从数组的开头开始，将第一个元素和其他元素进行...

2020-05-27

54浏览

0评论

jQuery插件FusionCharts绘制2D双折线图效果示例【附demo源码】

本文实例讲述了jQuery插件FusionCharts绘制2D双折线图效果。分享给大家供大家参考，具体如下：1、设计思路（1）根据双折线图的特性和共性，设计出双折线图；（2）设置数据源XML格式2、设计...

2020-05-27

69浏览

0评论

JAVA中截取字符串substring用法详解

substringpublic String substring(int beginIndex)返回一个新的字符串，它是此字符串的一个子字符串。该子字符串始于指定索引处的字符，一直到此字符串末尾。例如："unhappy".su...

2020-05-27

73浏览

0评论

微信小程序动态的加载数据实例代码

微信小程序刚出来有很多的东西还在更新，先写些刚开始要做的工作
1、首先要写在js里定义一个全局变量
data: { datalist: [] },2、请求数据加载，获得整个数组信息 wx.request...

2020-05-27

56浏览

0评论

微信小程序 ES6Promise.all批量上传文件实现代码

微信小程序 ES6Promise.all批量上传文件实现代码客户端Page({ onLoad: function() { wx.chooseImage({ count: 9, success: function({ tempFilePaths }) {...

2020-05-27

66浏览

0评论

nodejs和C语言插入mysql数据库乱码问题的解决方法

在这里记录了nodejs过程中的一些乱码情况，这里的乱码主要是由于网页的编码方式与nodejs的默认解码方式（utf8）不一致所造成的。这一次要说一下的是在C语言和nodejs与MySQL进行交...

2020-05-27

39浏览

0评论

JavaScript简单计算人的年龄示例

本文实例讲述了JavaScript简单计算人的年龄的方法。分享给大家供大家参考，具体如下：注意Date()类型转换，否则会出现NaN的错误birth为yyyy-mm-dd的日期格式完整示例代码如下：<!DO...

2020-05-27

56浏览

0评论

AngularJS双向绑定和依赖反转实例详解

AngularJS双向绑定和依赖反转
一、双向绑定：UI<-->数据数据->UI （数据改变UI跟着变）UI->数据（UI改变数据跟着变）数据改变->UI改变原理：监听数据是否改变，如果改变更新UI数据。UI改...

2020-05-27

89浏览

0评论

JavaScript 函数的定义-调用、注意事项

函数定义函数语句定义function(a,b){ return a+b; }表达式定义var add = function(a,b){return a+b};//函数表达式可以包含名称，这在递归时很有用 var f = function fact(x){...

2020-05-27

60浏览

0评论

利用JavaScript在网页实现八数码启发式A*算法动画效果

最近人工智能课老师布置了一个八数码实验，网上看到很多八数码的启发式A*算法，但是大多数都是利用C或者C++在控制台实现的，于是我用js在网页中做了一个类似的。首先八数码就是一...

2020-05-27

66浏览

0评论

JavaScript实现网页头部进度条刷新

本文刷新会头部会出现，因为并没有真正的参与到浏览器加载是否完整这个渲染过程中来，所以只是一个表象，并不是说这个显示完了就浏览器也加载完了所以资源。效果图：先看下html:就...

2020-05-27

63浏览

0评论

vue实现简单表格组件实例详解

本来想这一周做一个关于vuex的总结的，但是由于朋友反应说还不知道如何用vue去写一个组件，所以在此写写一篇文章来说明下如何去写vue页面或者组件。vue的核心思想就是组件，什么...

2020-05-27

63浏览

0评论

老生常谈combobox和combotree模糊查询

First/** * combobox和combotree模糊查询 * combotree 结果显示两级父节点(手动设置数量) * 键盘上下键选择叶子节点 * 键盘回车键设置文本的值 */(function(){ //combobox...

2020-05-27

59浏览

0评论

老生常谈jacascript DOM节点获取

前言：这是笔者学习之后自己的理解与整理。如果有错误或者疑问的地方，请大家指正，我会持续更新！getElementById()obj.getElementById(id) 该方法接收一个参数（该元素的id），若找到则...

2020-05-27

67浏览

0评论

react.js 获取真实的DOM节点实例(必看)

为了获取真实的dom节点，文本输入框必须有一个 ref 属性，然后 this.refs.[refName] 就会返回这个真实的 DOM 节点。var MyComponent = React.createClass({ handleClick: funct...

2020-05-27

68浏览

0评论

浅谈react.js 之批量添加与删除功能

最近做的CMS需要用到批量添加图片的功能：在添加文件的容器盒子内，有两个内容，分别是：添加按钮与被添加的选择文件组件。结构分析：被添加的组件，我们称为：UploadQiNiuFiles(七牛文件...

2020-05-27

61浏览

0评论

Vue分页组件实例代码

当前组件依赖bootstrap样式，使用前请先引用相关css。Vue.component('pagination', { template: `<nav aria-label="Page navigation"> <ul class="pagination"> <li...

2020-05-27

59浏览

0评论

jqPaginator结合express实现分页展示内容效果第1/2页

写在前面的话分页展示内容也是我们在页面开发中经常会遇到的需求
前端页面利用jqPaginator这个jquery插件来编写
后端利用mysql存储数据开始敲代码回顾sql知识首先让我们回...

2020-05-27

50浏览

0评论

jQuery实现动态生成表格并为行绑定单击变色动作的方法

本文实例讲述了jQuery实现动态生成表格并为行绑定单击变色动作的方法。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>jquery表格单击变色</title...

2020-05-27

95浏览

0评论

简单的JS控制button颜色随点击更改的实现方法

先上效果图：默认“今日”是选中状态，是行内样式：<button type="button" id="today" class="btn-link" onclick="todayDate()" style="color: #0062CC;">今日</button>上面的日...

2020-05-27

83浏览

0评论

JS实现二叉查找树的建立以及一些遍历方法实现

二叉查找树是由节点和边组成的。
我们可以定义一个节点类Node，里面存放节点的数据，及左右子节点，再定义一个用来显示数据的方法：//以下定义一个节点类function Node(data,left,...

2020-05-27

122浏览

0评论

react.js CMS 删除功能的实现方法

页面效果图：数据操作分析：在查询表组件的 TableData.js 中操作如下内容：给每一行绑定一个checkbox，且在点击这个 checkbox 时，触发 action 中的一个方法(formatPostCollectionLi...

2020-05-27

106浏览

0评论

Vue.js仿Metronic高级表格（一）静态设计

Metronic高级表格是Metonic框架中自行实现的表格，其底层是Datatables，本教程将主要使用Vue实现交互部分，使用Bootstrap做样式库，jQuery做部分用户交互（弹窗）。使用到的库：Vue 2.0，Bo...

2020-05-27

256浏览

0评论

JS简单获取当前日期和农历日期的方法

本文实例讲述了JS简单获取当前日期和农历日期的方法。分享给大家供大家参考，具体如下：navCal.js文件如下：today=new Date();function initArray(){ this.length=initArray.arg...

2020-05-27

66浏览

0评论

bootstrap select插件封装成Vue2.0组件

因为bootstrap-select功能比较强大，而且样式还不错，所以在项目使用了vue，所以，觉得对bootstrap-select进行封装。html
复制代码代码如下:<my-select :options="input.options"...

2020-05-27

56浏览

0评论

JS与jQuery实现子窗口获取父窗口元素值的方法

本文实例讲述了JS与jQuery实现子窗口获取父窗口元素值的方法。分享给大家供大家参考，具体如下：功能描述：父窗口有一个input，和一个button ，点击button打开子窗口，在子窗口中获取父...

2020-05-27

74浏览

0评论

巧用weui.topTips验证数据的实例

场景一、有一个输入金额的场景，这个金额需要验证，验证说明如下：不能为空格；不能为0；不能为汉字；不能为其它字符；不能大于200；唯一可以的是，只有输入3~199之间的数字，下面的确定按钮才...

2020-05-27

68浏览

0评论

JavaScript实现的商品抢购倒计时功能示例

本文实例讲述了JavaScript实现的商品抢购倒计时功能。分享给大家供大家参考，具体如下：<html><head><meta charset="utf-8"><title>JS抢购倒计时</title></head><body><span id...

2020-05-27

76浏览

0评论

JS简单验证上传文件类型的方法

本文实例讲述了JS简单验证上传文件类型的方法。分享给大家供大家参考，具体如下：function checkType(){ //得到上传文件的值 var fileName=document.getElementById("file_logo...

2020-05-27

62浏览

0评论

Map.vue基于百度地图组件重构笔记分享

Map.vue是为iview组件开发的一个基于百度地图的组件,实现了点是否在框内的判断,画多边形覆盖物,添加自定义富文本标记物等功能.第一步:重构自定义的富文本对象,设置为全局对...

2020-05-27

121浏览

0评论

微信小程序商城项目之侧栏分类效果（1）

在商场项目中，一般都会有分类页面。
分类页面可以给用户快速找到相关的商品，下面以侧栏分类为例，如下图布局分析：
<主盒子>
<左盒子></左盒子>
<右盒子></右盒子>
</主盒子>
左...

2020-05-27

159浏览

0评论

微信小程序商城项目之商品属性分类（4）

续上一篇的文章：微信小程序之购物数量加减 —— 微信小程序实战商城系列（3）
所提及的购物数量的加减，现在说说商品属性值联动选择。为了让同学们有个直观的了解，到电商网截了一个...

2020-05-27

82浏览

0评论

微信小程序商城项目之购物数量加减（3）

我们在购买宝贝的时候，购物的数量，经常是我们需要使用的，如下所示：
在宝贝详情页里：在购物车里：
现在就为大家介绍这个小组件，在小程序中，该如何去写
下图为本项目的图：
wxml：
<!-- 主...

2020-05-27

76浏览

0评论

微信小程序商城项目之淘宝分类入口（2）

分类入口，已经成为了商城项目必须的布局之一，这里以仿照淘宝的分类入口来做案例
下图红框部分，就是本文重点讲解部分，另外本文并没有写点击某个入口跳转页面。
如需学习页面跳转...

2020-05-27

101浏览

0评论

微信小程序教程系列之页面跳转和参数传递（6）

关于页面的跳转，微信小程序提供了3种方法：方法一：使用API wx.navigateTo()函数

示例：首先先新建一个test页面如何新建页面？请到先阅读下面教程微信小程序的新建页面 —— 微信...

2020-05-27

82浏览

0评论

微信小程序教程系列之新建页面（4）

例如在web的开发中，新建一个页面只需要新建一个html文件即可。
但是到在微信小程序中，新建一个页面也不只是新建一个wxml文件，那么该如何做呢？下面我们一起来学习新建一个页面的...

2020-05-27

79浏览

0评论

微信小程序实战之上拉（分页加载）效果（2）

上拉加载（分页加载）
当用户打开一个页面时，假设后台数据量庞大时，一次性地返回所有数据给客户端，页面的打开速度就会有所下降，而且用户只看上面的内容而不需要看后面的内容时，也浪...

2020-05-27

96浏览

0评论

微信小程序实战之顶部导航栏（选项卡）（1）

本文实例为大家分享了微信小程序顶部导航栏的具体代码，供大家参考，具体内容如下需求：顶部导航栏效果图：wxml： <view class="navbar"> <text wx:for="{{navbar}}" d...

2020-05-27

80浏览

0评论

微信小程序实战之轮播图（3）

轮播图是大部分应用的一个常用的功能，常用于广告投放、产品展示、活动展示等等。
漂亮的轮播图效果可以吸引用户的点击，达到推广产品的作用。
废话少说，下面开始动手。
业务需...

2020-05-27

64浏览

0评论

Angularjs根据json文件动态生成路由状态的实现方法

项目上有一个新需求，就是需要根据json文件动态生成路由状态，查阅了一下资料，现在总结一下发出来：首先项目用到的是angular的UI-路由，所以必须引入angular.js和angular-ui-router....

2020-05-27

88浏览

0评论

jacascript DOM节点——元素节点、属性节点、文本节点

元素节点　　元素节点就是HTML标签元素，元素节点主要提供了对元素标签名、子节点及属性的访问；　　元素节点的三个node属性：nodeType：1、nodeName/TagName：元素的标签名大写、nod...

2020-05-27

103浏览

0评论

用 js 的 selection range 操作选择区域内容和图片

先放上最后的效果，这是点击图片以前：这是点击图片以后：非常清晰，一目了然，就算是小白用户也明白发生了什么。挺好的。最近在做编辑器相关的东西，遇到一个需求，用户在编辑器中插入或...

2020-05-27

91浏览

0评论

JavaScript实现前端实时搜索功能

大部分页面都具备搜索功能。而作为前端，我们的目的只是将用户输入的内容返回给后台而后呈现反馈数据给用户，具体实现如下：1.基本布局：<div class="searcher"> <p class="searche...

2020-05-27

104浏览

0评论

微信小程序实战之仿android fragment可滑动底部导航栏（4）

底部3-5个选项的底部导航栏，目前在移动端上是主流布局之一，因此腾讯官方特地做了，可以通过设置，就可以做出了一个底部的导航栏。相关教程：微信小程序教程系列之设置标题栏和导航...

2020-05-27

热门文章