JavaScript - 教程之家

75浏览

0评论

解决OneThink中无法异步提交kindeditor文本框中修改后的内容方法

最近在使用OneThink中自带的kindeditor编辑器的时候，保存草稿的时候，输入的内容总是不能够保存到后台。如下图
通过分析URL，发现原来content值为空
明明有值，为什么是空呢？但是如...

2020-05-27

76浏览

0评论

javascript 中关于array的常用方法详解

javascript 中关于array的常用方法最近总结了一些关于array中的常用方法，其中大部分的方法来自于《JavaScript框架设计》这本书，如果有更好的方法，或者有关于string的别的常用...

2020-05-27

81浏览

0评论

微信小程序开发图片拖拽实例详解

微信小程序开发图片拖拽实例详解1.编写页面结构:moveimg.wxml
<view class="container"> <view class="cnt"> <image class="image-style" src="../uploads/foods.jpg...

2020-05-27

77浏览

0评论

Angular directive递归实现目录树结构代码实例

整理文档，搜刮出一个Angular directive递归实现目录树结构代码实例代码，稍微整理精简一下做下分享。效果图：
重点：1. 整棵目录树的实现，通过嵌套完成，主要在于对treeItem.html的递...

2020-05-27

74浏览

0评论

Vue中使用vux的配置详解

Vue中使用vux的配置，分为两种情况：一、根据vux文档直接安装，无需手动配置npm install vue-cli -g // 如果还没安装vue init airyland/vux2 my-project // 创建名为 my-projec...

2020-05-27

88浏览

0评论

vue.js之vue-cli脚手架的搭建详解

相比于主流的angular和react前端框架，vue在近年来也变得非常火热。他吸取了前两者的优点，同时学习曲线也更加平缓。所以本魔王准备入坑了~~首先从vue的脚手架搭建开始吧。这里...

2020-05-27

92浏览

0评论

移动端web滚动分页的实现方法

本文实例为大家分享了移动端web滚动分页展示的具体代码，供大家参考，具体内容如下方法一：前端代码：<script type="text/javascript"> var page = 2; //当前页的页码 var fl...

2020-05-27

77浏览

0评论

xmlplus组件设计系列之网格（DataGrid）(10）

这一章我们要实现是一个网格组件，该组件除了最基本的数据展示功能外，还提供排序以及数据过滤功能。数据源
为了测试我们即将编写好网格组件，我们采用如下格式的数据源。此数据...

2020-05-27

92浏览

0评论

xmlplus组件设计系列之图标（ICON）(1）

网页上使用的图标分可为三种：文件图标、字体图标和 SVG 图标。对于文件图标，下面仅以 PNG 格式来说明。PNG 图标
对于 PNG 图标的引用，有两种方式。一种是直接由 HTML 元素 img...

2020-05-27

112浏览

0评论

微信小程序实现登录页云层漂浮的动画效果

前言
2017年前端火了，微信小程序、weex、reactnative，就连支付宝也搞起了小程序，总感觉这是原生要毁灭的节奏啊，我也乘热上车万一波。上效果图(GIF动态图)当我看到这张背景图的...

2020-05-27

55浏览

0评论

微信小程序图片上传实例详解

一.了解wx.chooseImage(OBJECT)
二.代码编程在pages文件里面创建uploadimg文件夹
1.编写页面结构:uploadimg.wxml<view class="container" style="padding:1rem;"> <butto...

2020-05-27

67浏览

0评论

jquery实现tab选项卡切换效果（悬停、下方横线动画位移）

本文实例为大家分享了jquery实现tab选项卡切换展示的具体代码，供大家参考，具体内容如下同时实现悬停、下方横线动画位移：代码：<sytle>　　*{margin:0;padding:0; }　　.box{posi...

2020-05-27

69浏览

0评论

微信小程序开发之全局配置

一.app.json 使用app.json文件来对微信小程序进行全局配置，决定页面文件的路径、窗口表现、设置网络超时时间、设置多 tab 等.

注意在.json不能注释，否则会出错。...

2020-05-27

81浏览

0评论

微信小程序中多个页面传参通信的学习与实践

前言
微信小程序越来越火，不少公司都在将原生代码转为微信小程序代码。在开发过程中，由于微信小程序wx.navigateBack方法并不支持返回传参，导致一些页面，尤其是从列表页面跳入详...

2020-05-27

72浏览

0评论

值得分享和收藏的xmlplus组件学习教程

xmlplus 介绍
xmlplus 是一个设计非常独特 JavaScript 框架，用于快速开发前后端项目。基于组件设计在 xmlplus 中，组件是基本的构造块。评价组件设计好坏的一个重要标准是封装...

2020-05-27

57浏览

0评论

js和jquery中获取非行间样式

样式又分为了行间样式和非行间样式。一般来说行间样式用的是比较少的，因为它能够作用的范围就只有一个元素，而非行间样式的作用范围可以是一类元素（即拥有相同德标签，或者说是有...

2020-05-27

86浏览

0评论

js实现数字递增特效【仿支付宝我的财富】

上周五应着公司临时需求，一天的时间解决掉官网（ps：比较简单哈哈），需求里面有一个特效就是数字递增到指定的数值，其实JS写也不复杂的，但是我发现一个js小插件，这个插件轻巧简单，用起来...

2020-05-27

68浏览

0评论

jquery dataTable 获取某行数据

DataTable API table.row（rowSelector [，modifier]）注table是dataTable的对象该方法有两个默认参数第一个是选择器第二个是可选的请注意，如果选择器匹配多个行，则此方法将截断...

2020-05-27

78浏览

0评论

fullPage.js和CSS3实现全屏滚动效果

首先说一下fullpage，它是一个jquery的插件，用来实现鼠标向上向下滑动，就会自动切换到上一屏或者下一屏，对于要做一些高大上的效果确实是一个很好的插件。首先先展示一下基本的效...

2020-05-27

115浏览

0评论

JavaScript仿微信打飞机游戏

本文实例为大家分享了js微信打飞机游戏的具体代码，供大家参考，具体内容如下首先实现微信打飞机游戏，首先会有自己和敌机，采用canvas绘图来生成自己和敌人。1、生成自己，且可以通...

2020-05-27

67浏览

0评论

jquery中each循环的简单回滚操作

话不多说，请看代码：var ispass = true;var obj = new Object();$.each(data,function(i,td){　　var sum=data[i].sum;　　var num=data[i].num;　　var id=data[i].num;　　i...

2020-05-27

98浏览

0评论

jQuery实现简单的抽奖游戏

今天要写的是，利用jQuery写一个抽奖的案例，页面包含四个组件，两个按钮分别是开始和停止的按钮。两个box，分别盛放人员和奖品。当点击开始按钮时，人员不停地进行切换。抽奖的box中...

2020-05-27

102浏览

0评论

详解node HTTP请求客户端 - Request

Request是一个Node.jsNPM模块，它是一个HTTP客户端，使用简单功能确十分强大。我们可以用它来实现HTTP响应流的转接、模拟Form表单提交、支持HTTP认证、OAuth登录、自定义请求头...

2020-05-27

70浏览

0评论

Jquery获取radio选中的值

先给大家分享一篇关于Jquery获取radio选中的值的实例内容Jquery获取radio选中值实例总结https://www.freexyz.cn/article/154831.htm话不多说，请看代码：<!DOCTYPE html PUBLIC "...

2020-05-27

74浏览

0评论

jquery实现提示语淡入效果

效果图：话不多说，请看代码：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http...

2020-05-27

62浏览

0评论

Angularjs2不同组件间的通信实例代码

AngualrJs2官方方法是以@Input,@Output来实现组件间的相互传值，而且组件之间必须父子关系，下面给大家提供一个简单的方法，实现组件间的传值，不仅仅是父子组件，跨模块的组件也可以...

2020-05-27

63浏览

0评论

JavaScript实现无穷滚动加载数据

首先实现滚动要借助onscroll事件处理程序。
无穷滚动就是滑动滚动条，实现数据块的无穷加载。
我们以瀑布流的布局来实现无穷加载。瀑布流就是一些等宽不等高的数据块布局。...

2020-05-27

68浏览

0评论

javascript编写简易计算器

本文实例为大家分享了js简易计算器的具体代码，供大家参考，具体内容如下
代码如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>简易计算器</title>...

2020-05-27

65浏览

0评论

简单实现jQuery弹幕效果

在要写一个弹幕案例的时候，首先要清楚每一步要干什么。
首先搭好框架之后在要发送弹幕时应该准备进行如下步骤：获取到要发送到弹幕上的内容，即获取到文本框输入的内容。通过...

2020-05-27

176浏览

0评论

JavaScript实现打地鼠小游戏

在写这个打地鼠的游戏开始首先要清楚每一步该做什么然后再一步一步搭好框架再完善功能。1.创建table三行三列，用来存放坑（图片）
2.获得所有的图片标签
3.老鼠的动作有①.冒出...

2020-05-27

77浏览

0评论

Javascript实现页面滚动时导航智能定位

常见的开发页面中可能会有这么一个需求，页面中会有多个模块，每个模块对应一个导航，当页面滚动到某个模块时，对应的模块导航需要加上一个类用于区分当前用户所浏览区域。假设结构...

2020-05-27

91浏览

0评论

jquery仿微信聊天界面

首先看一下我们的效果图。
这个颜色可能搭配的有些不合适，但基本功能大都实现了。就是你和你同桌对话，你发的消息在你的左侧，而在他设备的右侧。首先先写好整体的框架，在一个大...

2020-05-27

120浏览

0评论

jQuery extend()详解及简单实例

jQuery extend()详解及简单实例使用jQuery的时候会发现，jQuery中有的函数是这样使用的：
$.get(); $.post(); $.getJSON(); 有些函数是这样使用的：
$('div').css(); $('ul').fin...

2020-05-27

174浏览

0评论

jquery点赞功能实现代码点个赞吧!

要实现的点赞功能比较简单，就是实现点击按钮，有心向上飘，一直飘出屏幕外。首先只需要在body中定义一个button。和盛放心的盒子<div id = "demo"></div><input type = "button"...

2020-05-27

146浏览

0评论

JavaScript瀑布流布局实现代码

先说一下什么是瀑布流布局。就是一堆等宽不等高的数据块组成的页面，如图：
现在好多网站都采用这种瀑布流布局，如蘑菇街。美丽说等等。
首先要实现它就要明白它是怎样排列的。...

2020-05-27

97浏览

0评论

AngularJS封装$http.post()实例详解

AngularJS封装$http.post()实例详解用了不是很长的时间跟了一个移动APP项目，用的是ionic + AngularJS + cordova框架，其间遇到过挺多问题，其中一个就是对Ajax的封装问题。...

2020-05-27

81浏览

0评论

jQuery动态追加页面数据以及事件委托详解

我们要执行的任务是页面起初有一部分图片，我们在底下有一个More Photos的链接，点击后，向当前页面后加载一部分图片，再点击该链接，继续加载，直到将我们列出的页面加载完成，此时该链...

2020-05-27

72浏览

0评论

使用nodejs爬取前程无忧前端技能排行

最近准备换工作，需要更新一下技能树。为做到有的放矢，想对招聘方的要求做个统计。正好之前了解过nodejs，所以做了个爬虫搜索数据。具体步骤：1．先用fiddler分析请求需要的header...

2020-05-27

72浏览

0评论

Vue 进阶教程之v-model详解

Vue 官网教程上关于 v-model 的讲解不是十分的详细，写这篇文章的目的就是详细的剖析一下，并介绍 Vue 2.2 v-model改进的地方，然后穿插的再说点 Vue 的小知识。在 Vue 中，有许...

2020-05-27

107浏览

0评论

vue2.0多条件搜索组件使用详解

本文为大家分享了vue2.0多条件搜索组件的实现方法，供大家参考，具体内容如下搜索条件为死数据，通过select下拉，选取多个条件；同时可点击加号增加搜索条件，点击减号减少搜索条件；temp...

2020-05-27

62浏览

0评论

JavaScript的继承实现小结

最近在忙前端的工作，因为之前做.net和php的开发比较多，前端开发喜欢把库拿来就用，几次事实证明，不懂原理，连改代码也改不好，所以还是下定决心研究下JavaScript的几个技术难点。0x1...

2020-05-27

74浏览

0评论

Angular.js中ng-include用法及多标签页面的实现方式详解

前言大家在平时的项目开发中，应该会经常遇到上图所示的需求，就是在一个页面中有多个标签，被选中的标签颜色会高亮显示，切换不同标签显示相应的不同内容。如果内容代码过多则写在...

2020-05-27

110浏览

0评论

Angular.Js中ng-include指令的使用与实现

前言大家如果想在angularjs动态加载一个内容，那我们就可以使用ng-include来实现。今天Insus.NET就在ASP.NET MVC环境中，举个例子来演示它的功能。示例介绍你可以在一个视图动...

2020-05-27

118浏览

0评论

Angular.JS中指令ng-if、ng-show/ng-hide和ng-switch的使用教程

前言最近在做一个项目改版，第一次在项目中真正使用Angular,和平时自己写写小demo,做做练习的感觉还是非常不同的，感觉非常的新鲜。有几个指令是经常用到的，这里由于这几个有点...

2020-05-27

102浏览

0评论

Angular2中select用法之设置默认值与事件详解

本文主要给大家介绍了Angular2中select用法之设置默认值与事件的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、设置默认值：
现在有三个学生小明，小红，小黑，对双向绑...

2020-05-27

158浏览

0评论

angular2中router路由跳转navigate的使用与刷新页面问题详解

本文主要介绍的是angular2中router路由跳转navigate的使用与刷新页面问题的相关内容，分享出供大家参考学习，下面来看看详细的介绍：一、router.navigate的使用navigate是Router...

2020-05-27

75浏览

0评论

Angular.JS内置服务$http对数据库的增删改使用教程

本文主要介绍的是Angular.JS内置服务$http对数据库的增删改操作的相关内容，分享出来供大家参考学习，下面来看看详细的介绍：一、使用$http查询MySQL数据
angular.module('app',[...

2020-05-27

68浏览

0评论

jQuery中hover方法搭配css的hover选择器,实现选中元素突出显示方法

今天做帮一个师姐做网页遇到一个这样的要求：鼠标不移动进表格，表格透明度不变。鼠标移动进表格，hover到的单元格透明度不变，没hover到的单元格透明度改变。先贴我已经实现好的效...

2020-05-27

117浏览

0评论

完美解决浏览器跨域的几种方法(汇总)

1、什么是跨域问题在页面中使用js访问其他网站的数据时，就会出现跨域问题，比如在网站中使用ajax请求其他网站的天气、快递或者其他数据接口时，以及hybrid app中请求数据，浏览器...

2020-05-27

114浏览

0评论

js实现点击切换checkbox背景图片的简单实例

在制作网页的过程中，经常需要实现点击切换背景图片的效果，本文关注的是表单中checkbox背景图片切换的实现。如图，在输入用户名和密码后，用户需要选择是否记住密码图片背景为白色...

2020-05-27

热门文章