JavaScript - 教程之家

88浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

46浏览

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

49浏览

0评论

javascript 面向对象实战思想分享

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

2020-05-27

69浏览

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

55浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

75浏览

0评论

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

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

2020-05-27

74浏览

0评论

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

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

2020-05-27

56浏览

0评论

js HTML5 canvas绘制图片的方法

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

40浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

60浏览

0评论

JavaScript实现图片拖曳效果

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

47浏览

0评论

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

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

2020-05-27

31浏览

0评论

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

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

250浏览

0评论

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

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

2020-05-27

78浏览

0评论

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

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

QQ

2020-05-27

66浏览

0评论

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

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

2020-05-27

48浏览

0评论

JavaScript实现开关等效果

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

2020-05-27

43浏览

0评论

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

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

41浏览

0评论

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

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

2020-05-27

29浏览

0评论

Express + Session 实现登录验证功能

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

2020-05-27

33浏览

0评论

详解vue2 $watch要注意的问题

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

2020-05-27

34浏览

0评论

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

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

2020-05-27

40浏览

0评论

js实现音乐播放控制条

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

2020-05-27

53浏览

0评论

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

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

2020-05-27

60浏览

0评论

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

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

2020-05-27

48浏览

0评论

jQuery事件对象的属性和方法详解

jQuery事件对象的属性和方法，供大家参考，具体内容如下
事件对象的属于与方法有很多，但是我们经常用的只有那么几个，这里我主要说下作用与区别event.type：获取事件的类型触发元素...

2020-05-27

45浏览

0评论

深入理解ES7的async/await的用法

在最开始学习ES6的Promise时，曾写过一篇博文《promise和co搭配生成器函数方式解决js代码异步流程的比较》，文章中对比了使用Promise和co模块搭配生成器函数解决js异步的异同...

2020-05-27

99浏览

0评论

使用JS动态显示文本

本文实例为大家分享了JS动态显示文本的具体代码，供大家参考，具体内容如下index.html：<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8" > <title>页面（HTM...

2020-05-27

58浏览

0评论

Vue2几种常见开局方式详解

在SF问题中看到了一个关于vue-cli中的template问题，问题是这样的：
用vue-cli工具生成的main.js中：import Vue from 'vue'import App from './App'import router from './router...

2020-05-27

94浏览

0评论

weex里Vuex state使用storage持久化详解

在weex里使用Vuex作为state管理工具，问题来了，如何使得state可以持久化呢？weex官方提供store模块，因此我们可以尝试使用该模块来持久化state。先看下该模块介绍：storage...

2020-05-27

36浏览

0评论

vue组件学习教程

在学习vue时，组件学习比较吃力，尤其是组件间的通信，所以总结一下，官方文档的组件部分。注册组件
全局组件
语法如下，组件模板需要使用一个根标签包裹起来。data必须是一个方法Vue...

2020-05-27

55浏览

0评论

浅谈Express异步进化史

1、导言在 Javascript 的世界里，异步（由于JavaScript的单线程运行，所以JavaScript中的异步是可以阻塞的）无处不在。Express 是 node 环境中非常流行的Web服务端框架，有很大比例的...

2020-05-27

42浏览

0评论

关于vue-router的beforeEach无限循环的问题解决

最近在使用vue-router的beforeEach钩子时候遇到了一个问题，就是在beforeEach()中设置好判断条件后出现了无限循环的问题
代码如下：router.beforeEach((to, from, next) => { i...

2020-05-27

37浏览

0评论

Angular4学习笔记之根模块与Ng模块

根模块 (root module)每个应用都至少有一个根模块用来引导并运行应用。根模块通常命名为 AppModule。示例 src/app/app.module.tsimport { NgModule } from '@angular/cor...

2020-05-27

41浏览

0评论

JS获取字符对应的ASCII码实例

有时候会需要用到字符的ASCII码，一时之间调试时可能会忘记字符与ASCII码对应的数字。最近喜欢用浏览器控制台直接跑JS代码，将这个代码直接贴到浏览器控制台，即可调试（谷歌浏览器...

2020-05-27

46浏览

0评论

基于AngularJS的简单使用详解

Angular Js 的初步认识和使用一：1.模块化定义模块和控制器 ng-app="myapp" controller="myctrl"指定模型 ng-model=""获取的属性值: ng-bind="属性名"或者{{属性名}}2.初始化...

2020-05-27

79浏览

0评论

深入浅出webpack教程系列_安装与基本打包用法和命令参数详解

webpack，我想大家应该都知道或者听过，Webpack是前端一个工具,可以让各个模块进行加载,预处理,再进行打包。现代的前端开发很多环境都依赖webpack构建，比如vue官方就推荐使用web...

2020-05-27

36浏览

0评论

基于node.js的fs核心模块读写文件操作(实例讲解)

node.js 里fs模块
常用的功能实现文件的读写目录的操作- 同步和异步共存，有异步不用同步- fs.readFile 都不能读取比运行内存大的文件，如果文件偏大也不会使用readFile方法-...

2020-05-27

46浏览

0评论

node.js 发布订阅模式的实例

实例如下：//导入内置模块let EventEmitter = require('events');let util=require('util');//Man继承EventEmitterutil.inherits(Man,EventEmitter); //创建一个函数function...

2020-05-27

54浏览

0评论

js 发布订阅模式的实例讲解

废话不多说，直接上代码//发布订阅模式class EventEmiter{ constructor(){ //维护一个对象 this._events={ } } on(eventName,callback){ if( this._events[ev...

2020-05-27

56浏览

0评论

cocos creator Touch事件应用(触控选择多个子节点的实例)

最近参与了cocos creator的研究，开发小游戏，结果被一个事件坑得不行不行的。现在终于解决了，分享给大家。原理1.触控事件是针对节点的2.触控事件的冒泡，是直接关系冒泡，父子可以，...

2020-05-27

81浏览

0评论

vue系列之动态路由详解【原创】

开题最近用vue来构建了一个小项目，由于项目是以iframe的形式嵌套在别的项目中的，所以对于登录的验证就比较的麻烦，索性后端大佬们基于现在的问题提出了解决的方案，在看到他们的...

2020-05-27

热门文章