JavaScript - 教程之家

55浏览

0评论

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

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

2020-05-27

69浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

61浏览

0评论

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

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

2020-05-27

53浏览

0评论

vue监听scroll的坑的解决方法

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

2020-05-27

51浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

45浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

66浏览

0评论

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

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

2020-05-27

73浏览

0评论

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

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

107浏览

0评论

SelectPage v2.4 发布新增纯下拉列表和关闭分页功能

下拉分页选择插件 SelectPage v2.4 发布了，插件更新内容：增加pagination参数，指定稿件是否使用分页加载数据，以及显示分页栏增加listSize参数，指定了不使用分页的列表，显示的...

2020-05-27

53浏览

0评论

vue使用drag与drop实现拖拽的示例代码

在功能中有一项是需要实现拖拽的。虽然最终项目没有采取这样的拖拽方式，但是，当初也是费了九牛二虎之力完成了这个功能。增加了对函数的更深理解。下面就再重现一下代码。下面...

2020-05-27

57浏览

0评论

用js实现before和after伪类的样式修改的示例代码

本文介绍了使用javascript,jQuery实现修改before,after伪类的样式，分享给大家，具体如下：最近遇到一个需要改变:before,:after 伪类的样式，发现css中并不能直接选择某一个元素的:...

2020-05-27

59浏览

0评论

vue 封装自定义组件之tabal列表编辑单元格组件实例代码

vue 封装自定义组件tabal列表编辑单元格组件<template> <div class="editable-cell"> <div class="editable-cell-input-wrapper" v-if='editable'> <el-input class="ed...

2020-05-27

53浏览

0评论

javascript 面向对象实战思想分享

一直以来，很多新手都会经常问，我学完了基础知识，如何做项目？平时在公司工作都是做些什么？其实我想说，只要你找对方法，随便打开一个网站，都能是你的项目。这里指的面向对象不单单适用...

2020-05-27

74浏览

0评论

原生js实现简单的模态框示例

html部分：<img src="images/8.jpg" alt=""> <button class="btn" id="showMax">显示大图</button> <div id="modalBox" class="modalBox"> <div class="modalBox-matter">...

2020-05-27

69浏览

0评论

javascript获取指定区间范围随机数的方法

如下所示：//获取指定区间范围随机数，包括lowerValue和upperValuefunction randomFrom(lowerValue,upperValue){ return Math.floor(Math.random() * (upperValue - lowerValue...

2020-05-27

84浏览

0评论

nodejs 图解express+supervisor+ejs的用法(推荐)

通过node js自带的http模块搭建了一个简易的服务器，实际在开发中，一般用的是express框架，本文我们就来讲讲项目开发中必备不可少的几样东西：•服务器( express )•路...

2020-05-27

85浏览

0评论

React如何将组件渲染到指定DOM节点详解

前言众所周知React优点之一就是他的API特别简单。通过render 方法返回一个组件的基本结构，如同一个简单的函数，就可以得到一个可以复用的react组件。但是有时候还是会有些限制...

2020-05-27

84浏览

0评论

WebStorm ES6 语法支持设置&babel使用及自动编译(详解)

一、语法支持设置
Preferences > Languages & Frameworks > JavaScript二、Babel安装1、全局安装 npm install -g babel-cli2、当前项目，适用于使用不同babel版本的情况 npm...

2020-05-27

67浏览

0评论

js HTML5 canvas绘制图片的方法

本文实例为大家分享了HTML5 canvas绘制图片的具体代码，供大家参考，具体内容如下demo.jswindow.onload=function() { createcanvas(); drawImage();} function createcanvas...

2020-05-27

53浏览

0评论

js匿名函数使用&传参(实例)

如下所示：function () { alert("error");} //报错：匿名函数不能直接调用使用0x01(function () { alert("Success");})()//直接使用0x02var anonymous=function () { alert("su...

2020-05-27

52浏览

0评论

浅谈Angular4实现热加载开发旅程

本文介绍了Angular4实现热加载开发，分享给大家，具体如下：
安装插件
npm install @angularclass/hmr -D配置插件
// main.tsif (environment.production) { enableProdMode();}...

2020-05-27

84浏览

0评论

javascript将list转换成树状结构的实例

如下所示：/** * 将list装换成tree * @param {Object} myId 数据主键id * @param {Object} pId 数据关联的父级id * @param {Object} list list集合 */ function...

2020-05-27

103浏览

0评论

Vue.js移动端左滑删除组件的实现代码

左滑删除在移动端很常见。下面我们一起来封装一下这个简单的小组件。我们想要是：当滑块没有超过删除按钮的一半时自动回到起点位置。滑动距离超过一半滑动到最大值（删除按...

2020-05-27

70浏览

0评论

JavaScript实现图片拖曳效果

本文实例为大家分享了js实现图片拖曳效果的具体代码，供大家参考，具体内容如下<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style>...

2020-05-27

72浏览

0评论

Vue 多层组件嵌套二种实现方式(测试实例)

最近在研究vue组件的学习，给自己留个笔记，也分享给大家，希望能对大家有所帮助
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Vue 测试实例-组件嵌套二种方式</t...

2020-05-27

57浏览

0评论

通过button将form表单的数据提交到action层的实例

form表单中不需要写action的路径，需要给form表单一个唯一的id，将你要提交的信息的表单中的标签name="action中的javabean对象.javabean属性"。给button按钮添加一个onclick()...

2020-05-27

49浏览

0评论

jQuery选择器中的特殊符号处理方法

一般情况下，在jQuery选择器中，我们很少会用到诸如“.”、“#”、“(”、“[”等特殊字符，因为根据W3C规定，HTML文档中属性的值是不能包含有这些个特殊字符的，但是在实际应用中，偶...

2020-05-27

62浏览

0评论

vue父子组件的嵌套的示例代码

本文介绍了vue父子组件的嵌套的示例代码，分享给大家，具体如下：
组件的注册：先创建一个构造器
var myComponent = Vue.extend({ template: '...'})用Vue.component注册，将构造器...

2020-05-27

286浏览

0评论

关于Ajax的原理以及代码封装详解

前言其实AJAX内部实现并不麻烦，主要通过一个叫XMLHttpRequest的对象，而这个对象在现有的浏览器均被支持。可以说，它是整个AJAX实现的基础，是浏览器用于后台与服务器交换数据的对...

2020-05-27

114浏览

0评论

Vue仿手机qq的实例代码(demo)

vue简介Vue.js（读音 /vjuː/, 类似于 view）是一套构建用户界面的渐进式框架。
Vue 只关注视图层，采用自底向上增量开发的设计。
Vue 的目标是通过尽可能简单的 API 实现...

QQ

2020-05-27

76浏览

0评论

浅谈React Native 中组件的生命周期

概述就像 Android 开发中的 View 一样，React Native（RN）中的组件也有生命周期（Lifecycle）。所谓生命周期，就是一个对象从开始生成到最后消亡所经历的状态，理解生命周期，是合理开发...

2020-05-27

53浏览

0评论

JavaScript实现开关等效果

废话不多说了，直接给大家贴代码了，具体代码如下所示：<!DOCTYPE html><html><head> <meta charset="UTF-8"> <title>开关灯</title> <style type="text/css"> html, body { m...

2020-05-27

51浏览

0评论

详解jquery插件jquery.viewport.js学习使用方法

介绍
Viewport 是一个简单的jQuery插件，为元素添加自定义伪选择器和处理程序，以便在可视窗口内外进行简单的元素检测。使用方法
<script src="jquery.js" type="text/...

2020-05-27

65浏览

0评论

Vue中组件之间数据的传递的示例代码

Vue中组件的作用域是隔离的，父组件中的数值子组件看不到！也就是说，用angular作比喻，组件的scope天生是scope:()的！
如果父组件需要往子组件中传数据，此时应该使用标签属性：<div id=...

2020-05-27

50浏览

0评论

nodejs对express中next函数的一些理解

最近公司在使用node做前后端分离，采用的web框架是express，所以对express框架进行了深入的了解，前段时间写了篇关于express路由的文章，但是在那篇文章中貌似少了一个很重要的内容...

2020-05-27

40浏览

0评论

Express + Session 实现登录验证功能

1. 写在前面当我们登录了一个网站，在没有退出登录的情况下，我们关闭了这个网站，过一段时间，再次打开这个网站，依然还会是登录状态。这是因为，当我们登录了一个网站，服务器会保存我...

2020-05-27

45浏览

0评论

详解vue2 $watch要注意的问题

使用$watch监听的时候，监听的数据是一个对象的时候，要注意几点：
监听组件内某个对象里面的某项属性时，不要监听对象，直接监听对象里面的属性（深度监听），只有直接监听这个对象里面的...

2020-05-27

42浏览

0评论

Vue2.0用 watch 观察 prop 变化(不触发)

本文介绍了Vue2.0用 watch 观察 prop 变化(不触发)，分享给大家，具体如下：
A 组件：export default { props:{ name:{ type:String } }, data () { return { author: "Jinkey" }...

2020-05-27

50浏览

0评论

js实现音乐播放控制条

前言html5中提供audio标签, 该标签实现音频的播放，之前就一直对于音频以及视频播放比较感兴趣，一直想要自己实现一个音频和视频播放的模块，这也是本文章撰写的初衷，最近花了些时...

2020-05-27

64浏览

0评论

React-Native中禁用Navigator手势返回的示例代码

在React-Native开发中，经常会用到导航。导航做什么用的呢，简单点说就是页面跳转。
个项目中，肯定有很多的页面要跳来跳去的，RN就给我们提供了Navigator组件，可以很好的管理页面的...

2020-05-27

74浏览

0评论

微信通过页面(H5)直接打开本地app的解决方法

简述微信中通过页面直接打开app分为安卓版和IOS版，两个的实现方式是完全不同的。安卓版实现：使用腾讯的应用宝，只要配置了“微下载”之后，打开链接腾讯会帮你判断本地是否已经安...

2020-05-27

热门文章