JavaScript - 教程之家

61浏览

0评论

详解用webpack的CommonsChunkPlugin提取公共代码的3种方式

Webpack 的 CommonsChunkPlugin 插件，负责将多次被使用的 JS 模块打包在一起。CommonsChunkPlugin 能解决的问题
在使用插件前，考虑几个问题：对哪些 chunk 进行提取，这决定了...

2020-05-27

55浏览

0评论

webpack中CommonsChunkPlugin详细教程(小结)

本文介绍了webpack中CommonsChunkPlugin详细教程(小结)，分享给大家，也给自己留个笔记，具体如下：1.demo结构：2.package.json配置：
{ "name": "webpack-simple-demo", "version": "1...

2020-05-27

52浏览

0评论

jQuery.Sumoselect插件实现下拉复选框效果

简单介绍jquery.sumoselect是一款跨设备、跨浏览器的jQuery下拉列表框插件。该jQuery下拉列表框插件可以单选，也可以多选。它的样式可以通过CSS文件来自定义。它的最大特点是...

2020-05-27

57浏览

0评论

微信小程序获取手机号授权用户登录功能

小程序中有很多地方都会用到注册用户信息的地方，用户需要填写手机号等，有了这个组件可以快速获取微信绑定手机号码，无须用户填写。1.getPhoneNumber这个组件通过button来实现（别...

2020-05-27

43浏览

0评论

js与jQuery实现的用户注册协议倒计时功能实例【三种方法】

本文实例讲述了js与jQuery实现的用户注册协议倒计时功能。分享给大家供大家参考，具体如下：方法一：<html xmlns="http://www.w3.org/1999/xhtml"><head> <title>www.freexyz.cn...

2020-05-27

336浏览

0评论

微信小程序倒计时功能实现代码

倒计时功能是一个比较常见的功能，比如用户获取验证码就需要用到。这里记录一下在微信小程序里面倒计时功能的简单实现。直接看看代码吧//倒计时60秒function countDown(that,...

2020-05-27

74浏览

0评论

基于vue配置axios的方法步骤

axios 简介axios 是一个基于Promise 用于浏览器和 nodejs 的 HTTP 客户端，它本身具有以下特征：从浏览器中创建 XMLHttpRequest 从 node.js 发出 http 请求支持 Promise A...

2020-05-27

54浏览

0评论

使用ef6创建oracle数据库的实体模型遇到的问题及解决方案

解决方案中的数据层项目最初使用的是oracle 11g + ef5 创建的实体模型，在分页时遇到了skip参数为0报错的问题，没有找到相关资料。于是决定升级到ef6，在oracle官网中得知，Oracle...

2020-05-27

77浏览

0评论

angular2系列之路由转场动画的示例代码

Angular2的动画系统赋予了制作各种动画效果的能力，致力于构建出与原生CSS动画性能相同的动画。
Angular2的动画主要是和@Component结合在了一起。
animations元数据属性在...

2020-05-27

48浏览

0评论

nodejs操作mongodb的增删改查功能实例

本文实例讲述了nodejs操作mongodb的增删改查功能。分享给大家供大家参考，具体如下：安装相关模块如果使用这个的话，你需要先自己安装一下他需要的模块，在根目录输入npm install m...

2020-05-27

68浏览

0评论

nodejs使用express获取get和post传值及session验证的方法

本文实例讲述了nodejs使用express获取get和post传值及session验证的方法。分享给大家供大家参考，具体如下：获取get和post传值get的传值被放入了一个对象中req.querypost的传值...

2020-05-27

61浏览

0评论

node.js基于express使用websocket的方法

本文实例讲述了node.js基于express使用websocket的方法。分享给大家供大家参考，具体如下：这个效果我也是翻了好长时间的资料，测试才成功的，反正成功，大家看看吧首先你需要安装soc...

2020-05-27

67浏览

0评论

深入理解Vue 单向数据流的原理

单向数据流是什么单向数据流指只能从一个方向来修改状态。下图是单向数据流的极简示意：单向数据流的极简示意
与单向数据流对对应的是双向数据流（也叫双向绑定）。在双向数据流...

2020-05-27

75浏览

0评论

angular之ng-template模板加载

本文介绍了angular之ng-template模板加载，分享给大家，具体如下：
html5中的templatetemplate标签的含义：HTML <template>元素是一种用于保存客户端内容的机制，该内容在页面加载时...

2020-05-27

55浏览

0评论

浅谈Node.js CVE-2017-14849 漏洞分析（详细步骤）

0x00 前言早上看Sec-news安全文摘的时候，发现腾讯安全应急响应中心发表了一篇文章，Node.js CVE-2017-14849 漏洞分析（https://security.tencent.com/index.php/blog/msg/121），然...

2020-05-27

62浏览

0评论

js定时器+简单的动画效果实例

1.向下滑动<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>向下滑动</title> <style> body { margin: 0px; } #show { width: 200px; /*...

2020-05-27

50浏览

0评论

浅谈jquery中ajax跨域提交的时候会有2次请求的问题

我们平时在同域中请求页面什么的时候不会有这种情况，这种情况大多发生在移动端的跨域请求中发生的。解决方法就是在服务端中加一层过滤HTTP请求的类型，把OPTION等不用的类型过...

2020-05-27

97浏览

0评论

nodejs判断文件、文件夹是否存在及删除的方法

本文实例讲述了nodejs判断文件、文件夹是否存在及删除的方法。分享给大家供大家参考，具体如下：判断文件、文件夹是否存在需要使用nodejs的fs模块
引入var fs= require("fs")判...

2020-05-27

72浏览

0评论

javascript实现电脑和手机版样式切换

本文实例为大家分享了javascript实现电脑和手机版样式切换的具体代码，供大家参考，具体内容如下
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></t...

2020-05-27

46浏览

0评论

JS+Canvas绘制动态时钟效果

本文实例为大家分享了Canvas绘制动态时钟效果展示的具体代码，供大家参考，具体内容如下<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> <style>...

2020-05-27

50浏览

0评论

node.js基于fs模块对系统文件及目录进行读写操作的方法详解

本文实例讲述了node.js基于fs模块对系统文件及目录进行读写操作的方法。分享给大家供大家参考，具体如下：如果要用这个模块，首先需要引入，fs已经属于node.js自带的模块，所以直接引...

2020-05-27

64浏览

0评论

vue2 router 动态传参,多个参数的实例

这个是用vue-cli生成的项目下使用比如有个路由跳转时需要带两个参数：<router-link to='/tr'>查看</router-link>可以这样写： <router-link to='/tr/uid/pid'>查看</router-lin...

2020-05-27

54浏览

0评论

js+html获取系统当前时间

本文实例为大家分享了html获取系统当前时间的具体代码，供大家参考，具体内容如下<html><head><STYLE>TD {FONT-SIZE: 12px; COLOR: #ffffff; FONT-FAMILY: Verdana, Arial, Hel...

2020-05-27

67浏览

0评论

vue-router2.0 组件之间传参及获取动态参数的方法

1.标签<li v-for=" el in hotLins" > <router-link :to="{path:'details',query: {id:el.tog_line_id}}"> <img :src="el.image_list[0]"> <h3>{{el.tourism_name}}...

2020-05-27

67浏览

0评论

vue router-link传参以及参数的使用实例

1.路径：http://localhost:8081/#/test?name=1<router-link :to="{path:'/test',query: {name: id}}">跳转</router-link>(id是参数)使用：this.$route.query.id2.路径：http:...

2020-05-27

63浏览

0评论

three.js加载obj模型的实例代码

three.js是一款webGL框架，由于其易用性被广泛应用。如果你要学习webGL，抛弃那些复杂的原生接口从这款框架入手是一个不错的选择。好了，下面通过一段代码给大家介绍three.js加载...

2020-05-27

59浏览

0评论

vue2导航根据路由传值,而改变导航内容的实例

在项目中，一般我们的导航都是长的基本一致，只是内容会根据上个页面的内容而改变。那么我们只需要把顶部导航作为独立的公共组件，这样方便哪里需要哪里引入组件即可。公共导航代...

2020-05-27

92浏览

0评论

Three.js加载外部模型的教程详解

1. 首先我们要在官网: https://threejs.org/ 下载我们three.js压缩包,并将其中的build文件夹下的three.js通过script标签对的src属性导入到我们的页面中2. 创建three.js核...

2020-05-27

64浏览

0评论

JS实现移动端整屏滑动的实例代码

基本思路：1）检测手指滑动方向：获取手指抬起时的位置，减去手指按下时的位置，得正即为向下滑动了2）手指抬起后，向对应反向操作改变当前页的位置具体代码如下：html<div id="wrap"> <di...

2020-05-27

53浏览

0评论

十分钟带你快速了解React16新特性

前段时间React的16版本发布了，采用了MIT开源许可证，新增了一些新的特性。 Error Boundary render方法新增返回类型 Portals 支持自定义DOM属性 setState传入null时不会再...

2020-05-27

87浏览

0评论

微信小程序实现多宫格抽奖活动

最近闲来无事，做了一个多宫格抽奖的例子，有什么需要改进或者错误的地方，请留言，谢谢首先看效果：思路是先让其转动2圈多，然后再进行抽奖，格子运动用的是setTimeout，让其运行的时间间...

2020-05-27

86浏览

0评论

微信小程序实现选项卡功能

本文实例为大家分享了微信小程序选项卡功能展示的具体代码，供大家参考，具体内容如下首先看看微信小程序上的选项卡的效果：原理呢，就是先布局好（这就不必说了吧），然后在上面的每一个...

2020-05-27

50浏览

0评论

微信小程序异步处理详解

本文实例为大家分享了微信小程序异步处理的具体方法，供大家参考，具体内容如下直接看问题：然后看打印的结果：根据上面两图可以看出，代码上先执行的网络请求，再执行打印的变量，但是从...

2020-05-27

77浏览

0评论

详解Vue如何支持JSX语法

通常开发vue我们使用的是模板语法，其实还有和react相同的语法，那就是render函数，同样支持jsx语法。
Vue 的模板实际是编译成了 render 函数。1.传统的createElement方法create...

2020-05-27

79浏览

0评论

vue父组件向子组件动态传值的两种方法

在一些项目需求中需要父组件向子组件动态传值，比如我这里的需求是，父组件动态通过axios获取返回的图片url数组然后传给子组件，上传图片的子组件拿到该数组后进行遍历并展示图片...

2020-05-27

57浏览

0评论

vue jsx 使用指南及vue.js 使用jsx语法的方法

vue jsx 语法与 react jsx 还是有些不一样，在这里记录下。let component = null// if 语句if (true) { component = ( <div></div> );} else { component = ( <div></d...

2020-05-27

71浏览

0评论

AngularJS遍历获取数组元素的方法示例

本文实例讲述了AngularJS遍历获取数组元素的方法。分享给大家供大家参考，具体如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>获取数组的元素...

2020-05-27

64浏览

0评论

AngularJS使用ng-repeat遍历二维数组元素的方法详解

本文实例讲述了AngularJS使用ng-repeat遍历二维数组元素的方法。分享给大家供大家参考，具体如下：问题：最近在做报表的项目，有一种情况是后台返回给我的是一个二维数组，在前台将数...

2020-05-27

71浏览

0评论

fetch 使用及如何接收JS传值

使用fetch基本方式：fetch('https://mywebsite.com/endpoint/', { method: 'POST', headers: { 'Accept': 'application/json', 'Content-Type': 'application/json'}, body:...

2020-05-27

80浏览

0评论

JS Input里添加小图标的两种方法

我们在做网页的时候，经常需要在input里面添加小图标，那么这里就介绍比较常见的两种方法。方法一将小图标当做input的背景来插入，直接上代码吧：<style type="text/css"> *{...

2020-05-27

77浏览

0评论

解决vue组件中使用v-for出现告警问题及v for指令介绍

在项目中运行v-for代码段时，<flexbox v-if="roleShow" style="padding:15px; box-sizing: border-box;"> <flexbox-item v-for="role in roles " > <x-button mini :ty...

2020-05-27

54浏览

0评论

jQuery实现checkbox即点即改批量删除及中间遇到的坑

最近要用jQuery实现一个批量删除操作，效果如下图最终页面page.html，此页面使用了bootstrap和jQuery，如果没有需要下载一下<!DOCTYPE html><html> <head> <meta charset="UTF-...

2020-05-27

64浏览

0评论

JS实现小球的弹性碰撞效果

一、HTML代码（body部分） <body>  <div id="main"> <div></...

2020-05-27

68浏览

0评论

JQ图片文件上传之前预览功能的简单实例(分享)

1、先准备一个divonchange触发事件<input type="file" onchange="preview(this)" ></span><div id="preview"></div>2、写JS代码//上传图片之前预览图片function preview(fi...

2020-05-27

44浏览

0评论

浅谈webpack下的AOP式无侵入注入

说起来, 面向切面编程(AOP)自从诞生之日起，一直都是计算机科学领域十分热门的话题，但是很奇怪的是，在前端圈子里，探讨AOP的文章似乎并不是多，而且多数拘泥在给出理论，然后实现个片...

2020-05-27

83浏览

0评论

基于js中style.width与offsetWidth的区别(详解)

作为一个初学者，经常会遇到在获取某一元素的宽度（高度、top值...）时，到底是用 style.width还是offsetWidth的疑惑。1. 当样式写在行内的时候，如 <div id="box" style="width:100p...

2020-05-27

64浏览

0评论

AngularJS 表单验证手机号的实例(非必填)

代码如下所示：<form ng-app="myApp" ng-controller="validateCtrl" name="myForm" novalidate><p>电话:<br><input type="text" name="phone" ng-model="phone" ng-pattern="...

2020-05-27

73浏览

0评论

js设置随机切换背景图片的简单实例

实例如下：<script> var imgs =["http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112236/o_2.jpg", "http://images.cnblogs.com/cnblogs_com/xiaobo-Linux/1112...

2020-05-27

75浏览

0评论

React通过父组件传递类名给子组件的实现方法

React 教程React 是一个用于构建用户界面的 JAVASCRIPT 库。
React主要用于构建UI，很多人认为 React 是 MVC 中的 V（视图）。
React 起源于 Facebook 的内部项目，用来架设 Instag...

2020-05-27

73浏览

0评论

Vue2 配置 Axios api 接口调用文件的方法

前情回顾在上一篇中，我们通过配置基本的信息，已经让我们的项目能够正常的跑起来了。但是，这里还没有涉及到 AJAX 请求接口的内容。vue 本身是不支持 ajax 接口请求的，所以我们需...

2020-05-27

热门文章