JavaScript - 教程之家

38浏览

0评论

jquery实现用户登陆界面(示例讲解)

实例如下所示：<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <script src="js/jquery-1.8.0.min.js"></script> <script> var...

2020-05-27

45浏览

0评论

javascript如何用递归写一个简单的树形结构示例

现在有一个数据，需要你渲染出对应的列表出来：var data = [ {"id":1}, {"id":2}, {"id":3}, {"id":4}, ];var str="<ul>";data.forEach(function(v,i){ str+="<li><span>"+v.i...

2020-05-27

44浏览

0评论

表格展示利器 Bootstrap Table实例代码

1.Bootstrap Bable 全部数据导出分析在表格导出数据中，发现设置了分页参数，导出的数据仅为表格加载的分页参数数据，于是，针对这样的情况，通过设置分页参数的值，使表格可以加...

2020-05-27

45浏览

0评论

Vue的百度地图插件尝试使用

百度地图插件
安装
CDN全局安装
<script src="https://unpkg.com/vue-baidu-map"></script>插件的引入
Vue.use(VueBaiduMap.default, { ak: 'YOUR_APP_KEY',})ak 是在百度...

2020-05-27

33浏览

0评论

jquery实现限制textarea输入字数的方法

jquery怎么实现限制textarea输入的字数呢？有需要的朋友可以参考一下我写的例子，当然如果有误，也希望大家能及时指出来，大家共同学习进步。<!DOCTYPE html><html lang="en"><head...

2020-05-27

48浏览

0评论

JavaScript 中Date对象的格式化代码方法汇总

JavaScript默认的时间格式我们一般情况下不会用，所以需要进行格式化，下面说说我总结的JavaScript时间格式化方法。很多时候，我们可以利用JavaScript中Date对象的内置方法来格...

2020-05-27

50浏览

0评论

vue mixins组件复用的几种方式（小结）

最近在做项目的时候，研究了mixins，此功能有妙处。用的时候有这样一个场景，页面的风格不同，但是执行的方法，和需要的数据非常的相似。我们是否要写两种组件呢？还是保留一个并且然后...

2020-05-27

36浏览

0评论

轻松玩转BootstrapTable（后端使用SpringMVC+Hibernate）

还是那句老话，好记性不如烂笔头。记得以前的一个Demo项目里面有分页，但是没有用插件，自己手写的分页处理，但是效果并不是很好，最近接触到插件BootstrapTable，风格和Bootstrap统一，...

2020-05-27

55浏览

0评论

详解Vue.js组件可复用性的混合(mixin)方式和自定义指令

混合是什么
混合 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混合对象可以包含任意组件选项。以组件使用混合对象时，所有混合对象的选项将被混入该组件本身...

2020-05-27

42浏览

0评论

JavaScript中运算符规则和隐式类型转换示例详解

前言本文主要给大家介绍了关于JavaScript运算符规则和隐式类型转换的相关内容，分享出来供大家参考学习，下面话不多说了，来一起看看详细的介绍吧。隐式类型转换
在 JavaScript...

2020-05-27

40浏览

0评论

js防刷新的倒计时代码 js倒计时代码

最近在维护考试系统，在进行考试测试时无意中点击了刷新按钮，但是上面的倒计时并没有受到影响，同时在几篇博客中也有这样的例子，所以我想看看它到底是怎样防止刷新的。如果是用cs...

2020-05-27

48浏览

0评论

JavaScript使用FileReader实现图片上传预览效果

FileReader是HTML5 File API的一部分。它实现了一种异步文件读取机制。可以把FileReader想象为XMLHttpRequest，区别只是它读取的是文件系统，而不是远程服务器。为了读取文件中...

2020-05-27

52浏览

0评论

node.js实现的装饰者模式示例

本文实例讲述了node.js实现的装饰者模式。分享给大家供大家参考，具体如下：装饰者模式的实现更强调类的组合而不是通过继承。这样可以增强灵活性。在node.js 中，可以通过call函...

2020-05-27

49浏览

0评论

NodeJS设计模式总结【单例模式,适配器模式,装饰模式,观察者模式】

本文实例讲述了NodeJS设计模式。分享给大家供大家参考，具体如下：1 . 单例模式顾名思义，单例就是保证一个类只有一个实例，实现的方法是，先判断实例是否存在，如果存在则直接返回，若不...

2020-05-27

66浏览

0评论

JavaScript学习笔记之函数记忆

本文讲解函数记忆与菲波那切数列的实现，分享给大家，具体如下
定义
函数记忆是指将上次的计算结果缓存起来，当下次调用时，如果遇到相同的参数，就直接返回缓存中的数据。举个例子：fu...

2020-05-27

60浏览

0评论

jQuery实现的文字逐行向上间歇滚动效果示例

本文实例讲述了jQuery实现的文字逐行向上间歇滚动效果。分享给大家供大家参考，具体如下：运行效果图如下：具体代码如下：<!doctype html><html><head><meta charset="utf-8"><titl...

2020-05-27

79浏览

0评论

JavaScrip数组删除特定元素的几种方法总结

前言
可能一说到删除数组特定元素你估计不止一种方法可以实现，那么下面且来看看我总结的这几种方法，可能会对你有所帮助！话不多说了，来一起看看详细的介绍吧。
源数组
var arr =...

2020-05-27

48浏览

0评论

jQuery实现的弹幕效果完整实例

本文实例讲述了jQuery实现的弹幕效果。分享给大家供大家参考，具体如下：看视频的时候老是会出现一些弹幕，对于这个看着很高大上的特效，其实也不难实现。先来看看运行效果：下面将整...

2020-05-27

49浏览

0评论

vue 2.0项目中如何引入element-ui详解

前言本文主要介绍了关于在vue 2.0项目中引入element-ui的相关内容，从新建vue项目到引入组件Element介绍的非常详细，下面话不多说了，来一起看看详细的介绍吧。
一、新建项目
1....

2020-05-27

41浏览

0评论

js canvas实现简单的图像扩散效果

本文实例为大家分享了canvas实现简单图像扩散的代码，供大家参考，具体内容如下
<!DOCTYPE HTML> <html> <body> <canvas id="myCanvas" width="800" height="800" style="bord...

2020-05-27

51浏览

0评论

详解require.js配置路径的用法和css的引入

前端开发在近一两年发展的非常快，JavaScript作为主流的开发语言得到了前所未有的热捧。大量的前端框架出现了，这些框架都在尝试着解决一些前端开发中的共性问题，但是实现又不...

2020-05-27

44浏览

0评论

node.js实现微信JS-API封装接口的示例代码

Wechat JS-API接口功能：用于管理和获取微信 JSSDK 生产的access_token、jsapi_ticket和签名（signature）Installation
npm i wechat_interaction_jsapiInit
let Jsapi = require...

2020-05-27

41浏览

0评论

Django使用多数据库的方法

有些项目可能涉及到使用多个数据库的情况，方法很简单。1.在settings中设定DATABASE比如要使用两个数据库：DATABASES = { 'default': { 'NAME': 'app_data', 'ENGINE':...

2020-05-27

41浏览

0评论

jQueryUI Sortable 应用Demo(分享)

最近工作用需要设计一个自由布局的页面设计。我选了jQuery UI 的 sortable ，可以拖拽，自由排序使用很方便，写一个demo，做个记录。第一、单项目自由排序下图效果代码段：<script t...

2020-05-27

77浏览

0评论

jQuery UI Draggable + Sortable 结合使用(实例讲解)

工作中需要将一个左边的设计好的控件，拖拽到右边的面板中，同时保持右边面板中的控件自由排序，这时候就需要及支持拖拽又支持排序的操作了，Demo截图：从左边控件拖到右边区域代码段...

2020-05-27

40浏览

0评论

JQuery 获取多个select标签option的text内容(实例)

根据option的id属性，修改text值
$("#sel_div .select_class option[id='-选择省-']").text(data.province).attr("selected",true); $("#sel_div .select_class option[id='-...

2020-05-27

66浏览

0评论

基于vue.js路由参数的实例讲解——简单易懂

vue中，我们构建单页面应用时候，一定必不可少用到vue-routervue-router 就是我们的路由，这个由vue官方提供的插件首先在我们项目中安装vue-router路由依赖第一种，我们提供命令行...

2020-05-27

31浏览

0评论

基于require.js的使用(实例讲解)

本篇文章总结下require.js使用方法。1.为什么使用require.js?使用之前，我的页面的js是这样的<script type="text/javascript" src="/js/jquery.min.js"></script><script...

2020-05-27

72浏览

0评论

基于Cookie常用操作以及属性介绍

概述最近项目要用到cookie存储部分用户信息;研究了一下做一下分享Cookie 是服务器保存在浏览器的一小段文本信息，每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发...

2020-05-27

48浏览

0评论

AngularJS 打开新的标签页实现代码

废话不多说了，直接给大家贴代码了，具体代码如下所示： <!DOCTYPE html> <html ng-app="myPro"> <head> <meta charset="UTF-8"> <title>angularJS-打开新的标签页</ti...

2020-05-27

42浏览

0评论

JavaScript+CSS相册特效实例代码

嗯就是这样一个例子，视频学到的一个特效，实际用处并不大，但是可以帮助理解JS语言和熟悉CSS3样式。设计：观察一张图片的变化，发现：1、图片缩放（随机，并且不是同时运动） 1、从大...

2020-05-27

38浏览

0评论

使用mint-ui开发项目的一些心得(分享)

Mint-ui：1、Cell开发过程中，有时需要修改mt-cell自带的icon和value的标签样式，这时我们可以在<mt-cell></mt-cell>内新添如下标签进行改写：
<si-cell class="user-cell item-cel...

2020-05-27

58浏览

0评论

微信小程序实现轮播图效果

微信小程序实现轮播图，和网站，APP的效果差不多，代码少，效率高。先来看看效果图：主要用swiper + swiper-item来实现 <view class='swiper'>滑块视图容器</view><!-- indicator-dot...

2020-05-27

49浏览

0评论

基于js粘贴事件paste简单解析以及遇到的坑

在用户执行粘贴操作的时候，js能够获得剪切板的内容，本文讨论一下这个问题。目前只有Chrome支持获取剪切板中的图片数据。还好需要这个功能的产品目前只支持Chrome和Safari，一些...

2020-05-27

52浏览

0评论

nodejs创建简易web服务器与文件读写的实例

web服务器至少有以下几个特点：1、24小时不停止的工作，也就是说这个进程要常驻在内存中2、24小时在某一端口监听，如: http://localhost:8080, www服务器默认端口803、要能够处理...

2020-05-27

95浏览

0评论

微信小程序之页面拦截器的示例代码

场景
小程序有52个页面，其中13个页面无需任何身份，另外39个页面需要系统角色。对于这39个页面，如果微信用户没有系统角色，则跳转到登录页。是否有系统角色信息需要通过异步...

2020-05-27

37浏览

0评论

React + webpack 环境配置的方法步骤

本文介绍了React + webpack 环境配置的方法步骤，分享给大家，具体如下：
安装配置Babelbabel-preset-es2015 ES6语法包，使代码可以随意地使用ES6的新特性。
babel-preset-react Re...

2020-05-27

55浏览

0评论

react高阶组件经典应用之权限控制详解

前言所谓高级组件，即：接受一个组件作为参数，并且其返回值也为一个react组件而大家应该都知道，权限控制算是软件项目中的常用功能了。在网站中，权限控制一般分为两个维度：页面级别...

2020-05-27

49浏览

0评论

vue监听scroll的坑的解决方法

最近开始用vue写个小项目，踩了不少坑，这里记录下爬坑过程，给有同样经历的人帮助。问题今天想在vue的项目里面用下拉加载，然后就直接写了:但是我发现我切换路由以后依旧其他页面...

2020-05-27

45浏览

0评论

vue数字类型过滤器的示例代码

需求只能输入数字
输入字母和特殊字符自动过滤掉
输入完成失焦自动加.00 如果输入了小数自动四舍五入为22.22类似这样格式
效果图
可以使用在普通js和angular里面，vue 直接...

2020-05-27

35浏览

0评论

详解vue-cli构建项目反向代理配置

本文介绍了vue-cli构建项目反向代理配置，分享给大家，具体如下：proxyTable: {//配置请求代理'/dlsys':{target:'http://192.168.16.209:81',changeOrigin:true,pathRewrith:{'^/...

2020-05-27

41浏览

0评论

react-native使用react-navigation进行页面跳转导航的示例

首先要确认已经配置好react-native的环境。
# 创建一个native应用，SimpleApp，然后进入项目目录react-native init SimpleAppcd SimpleApp# 通过npm安装最新版本的react-naviga...

2020-05-27

40浏览

0评论

JS实现闭包中的沙箱模式示例

本文实例讲述了JS实现闭包中的沙箱模式。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><bod...

2020-05-27

47浏览

0评论

BootStrap给table表格的每一行添加一个按钮事件

1.在列属性中加入事件 { title:'数据量序号', field:'sjid' // hidden:true },{ field: 'operate', title: '...

2020-05-27

51浏览

0评论

详解React native全局变量的使用(跨组件的通信)

RN中有两种方式使用全局变量1.通过导入导出文件的方式新建constants.js文件const object = { website:'http://www.hao123.com', name:'好123',};export default object;...

2020-05-27

67浏览

0评论

基于Bootstrap table组件实现多层表头的实例代码

在做私活的时候，有一个需求是要在页面上实现多层表头。一开始有点懵，不知道怎么来实现，我回想起在JFTT的时候，曾用过Flex版的多层表头，不过那离现在已经很久远了，久远到Flex已经被...

2020-05-27

39浏览

0评论

react-native-tab-navigator组件的基本使用示例代码

要做的效果很简单，如下图所示：使用基本教程1.引入组件import TabNavigator from 'react-native-tab-navigator';Github上的地址
2.render方法中返回：render() { return (...

2020-05-27

42浏览

0评论

bootstrap-table组合表头的实现方法

最近需要做一个表格样式，需要组合表头，现在把做出来的分享给大家， 1、效果图2、html代码
<table id="table"></table> 3、javascript代码$("#table").bootstrapTable({ d...

2020-05-27

52浏览

0评论

阿里大于短信验证码node koa2的实现代码(最新)

今天给大家分享一下最新版阿里大于的短信验证码在node koa2的实现，还是有很多坑需要注意。首先需要在阿里云注册账号，并获取阿里云访问秘钥，在控制台完成模板与签名的申请获得...

2020-05-27

48浏览

0评论

JS禁止浏览器右键查看元素或按F12审查元素自动关闭页面示例代码

前言很多站长为了仿止别人仿制或扒下自己的网页，都会选择使用禁止浏览器右键查看元素或F12审查元素，一旦查看元素浏览器页面就会自动关闭，下面话不多说了，来一起看看详细的介绍...

2020-05-27

热门文章