JavaScript - 教程之家

68浏览

0评论

javaScript动态添加Li元素的实例

html代码块<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>**javaScript动态添加Li元素**</title> <style type="text/css"> ul li{list-style:none;dis...

2020-05-27

57浏览

0评论

AngularJS创建一个上传照片的指令实例代码

angularJS在近几年发展火热，也无疑是目前市面上来说比较牛逼且成熟的框架，在单页面前端应用当中应该可以说是王者，双向绑定省去了大量的前端代码，控制器在其作用于方面的控制也...

2020-05-27

89浏览

0评论

jquery 给动态生成的标签绑定事件的几种方法总结

经常遇到给动态生成的标签绑定事件不好用，自己简单测试总结了下，结论如下了： <body>  <div id="d2"> 生成a标签 </div> <div id="d3...

2020-05-27

68浏览

0评论

JS改变页面颜色源码分享

我们先来看下具体的演示效果图以下就是完整的HTML页面代码，大家可以测试下。<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title>...

2020-05-27

58浏览

0评论

JS中常用的消息框总结

首先来看下运行效果加下来分享一下全部代码：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascri...

2020-05-27

46浏览

0评论

JS随机数产生代码分享

我们先来看下本次源码的效果图大家可以灵活运用，我们把具体JS代码分享给大家：<!doctype html> <html> <head> <meta charset="utf-8"> <title>Document</title> <style> #co...

2020-05-27

61浏览

0评论

通过js动态创建标签,并设置属性方法

当我们在写jsp页面时，往往会遇到这种情况：从后台获取的数据个数不确定，此时在前端写jsp页面时也就不确定怎么设计了。这个时候就需要通过js动态创建标签：1.创建某个标签：如下在bo...

2020-05-27

74浏览

0评论

jQuery实现标签子元素的添加和赋值方法

一、在jsp页面中定义<select>标签，如下：<div><span>科室:</span><select class="dept-name-show" style="width: 70%;"></select></div>二、编写js语句：
<script>$(function ()...

2020-05-27

91浏览

0评论

jQuery 改变P标签文本值方法

Web前台页面中有一P标签值，<p id="p1" >该用户名已被注册</p>想通过jquery改变该P标签的内容。开始时使用val()属性，发现达不到目标。val()可以用来改变类似于文本框的输入内...

2020-05-27

59浏览

0评论

JS处理一些简单计算题

我们先来看下运行后的效果：接下来我们分享给大家全部代码：<!doctype html> <html> <head> <meta charset="utf-8"> <title>document</title> <style type="text/...

2020-05-27

57浏览

0评论

vue-cli常用设置总结

基于vue-cli做了好几个项目了，想把一些自己的常用设置写出来，磨了好久，一看vue-cli3.0都快出来了，不能再磨了。。路径相关css内引用的资源build -> utils.js // generate loader...

2020-05-27

59浏览

0评论

vue cli webpack中使用sass的方法

1：安装依赖npm install sass-loader node-sass --save-dev2：html中修改style<style lang="sass"> /* write sass here */</style>3: 使用正常sass 语法//但是会报错<style la...

2020-05-27

69浏览

0评论

jQuery实现碰到边缘反弹的动画效果

先上效果图：录出来有点卡顿的赶脚，实际上还是挺顺畅的。1.HTML:<div class="box"></div>2.CSS:body{ background:skyblue }.box{ position: absolute; top: 10px; left:...

2020-05-27

58浏览

0评论

vue将对象新增的属性添加到检测序列的方法

vue中将对象中新增的属性增加到检测序列中deepCopy(o1, o2) { // 将o2的内容拷贝给data中的o1 var key, i if (o2 instanceof Array) { for (i = 0; i < o2.length;...

2020-05-27

57浏览

0评论

解决Vue不能检测数组或对象变动的问题

来看一个实例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>vue</title> <script src="https://unpkg.com/vue@2.3.3/dist/vue.js"></script> <sty...

2020-05-27

121浏览

0评论

vue watch监听对象及对应值的变化详解

如下所示：var vm=new Vue({ data:{ a:1, b:{ c:1 } }, watch:{ a(val, oldVal){//普通的watch监听 console.log("a: "+val, oldVal); }, b:{...

2020-05-27

87浏览

0评论

使用watch监听路由变化和watch监听对象的实例

一、watch监听路由变化解决办法：export default{data(){return{}},watch:{"$route":"getPath" // 监听事件},methods:{getPath(){let path = this.$roune.path; //或得当前路...

2020-05-27

106浏览

0评论

浅谈VUE监听窗口变化事件的问题

Vuejs 本身就是一个 MVVM 的框架。但是在监听 window 上的事件时，往往会显得力不从心。比如这次是 window.resize恩，我做之前也是百度了一下。看到大家伙都为这个问题而发...

2020-05-27

57浏览

0评论

JS抛物线动画实例制作

在做无人便利小程序的项目中，某一天产品说要像某产商产品学习，给添加购物车增加抛物线小球动画。好吧，产品你最大，做！先给大家看下效果图分析
这种不固定起始位置的动画，自然不能...

2020-05-27

87浏览

0评论

解决VUE框架导致绑定事件的阻止冒泡失效问题

前面遇到了一个问题就是VUE框架内部做了一些处理，使得在我们通过v-for渲染DOM的时候添加新元素的时候，绑定事件也能对新增的元素有效。而这次遇到的问题则是，原本绑定事件中（该...

2020-05-27

56浏览

0评论

JavaScript中利用Array filter() 方法压缩稀疏数组

什么是稀疏数组数组元素的索引不一定要连续的，它们之间可以有空缺。每个javaScript数组都有一个length属性。针对非稀疏数组，该属性就是数组元素的个数；针对稀疏数组，length...

2020-05-27

55浏览

0评论

Es6 Generator函数详细解析

ECMAScript 6 （简称 ES6 ）作为下一代 JavaScript 语言，将 JavaScript 异步编程带入了一个全新的阶段。Generator函数跟普通函数的写法有非常大的区别：一是，function关键字与函数...

2020-05-27

44浏览

0评论

node.js基础知识小结

javascript之前一般用于web前段开发，然而由于node.js的出现，用javascript开发后端程序也不再是一件复杂的事情。node.js中js引擎来自于chrome v8浏览器，配合node.js额外开发的...

2020-05-27

82浏览

0评论

详解Node 定时器

JavaScript 是单线程运行，异步操作特别重要。只要用到引擎之外的功能，就需要跟外部交互，从而形成异步操作。由于异步操作实在太多，JavaScript 不得不提供很多异步语法。这就好比...

2020-05-27

73浏览

0评论

浅谈ajax请求不同页面的微信JSSDK问题

问题场景：我在A页面有一个表单内容需要使用蓝牙打印机打印，填完表单信息，并通过ajax请求发送到 B文件（PHP）中处理信息，正常通过form表单跳转到B页面后，是可以打印出来的，因为B页面中...

2020-05-27

45浏览

0评论

Vue.js 2.0和Cordova开发webApp环境搭建方法

HTML5开发APP技术文档一、环境参数1、技术语言：HTML、CSS、ES6、Node.js等；2、框架：Vue.js 2.x、Cordova；3、开发系统：mac、windows等；4、环境配置： node 6+ npm 3+ （最好下载Node.j...

2020-05-27

64浏览

0评论

vue实现模态框的通用写法推荐

在看了element组件的源码后发现，所有模态框其实实现方法都差不多，主要用到了vue在组件化上的双向绑定。代码：<template lang="html"> <transition name="...

2020-05-27

131浏览

0评论

基于 D3.js 绘制动态进度条的实例详解

D3 是什么
D3 的全称是（Data-Driven Documents），顾名思义可以知道是一个被数据驱动的文档。听名字有点抽象，说简单一点，其实就是一个 JavaScript 的函数库，使用它主要是用来做数据...

2020-05-27

51浏览

0评论

vue中简单弹框dialog的实现方法

效果如下，dialog中内容自行添加<template> <div> <div class="dialog-wrap"> <div class="dialog-cover" v-if="isShow" @click="closeMyself"></div> <transition name="d...

2020-05-27

73浏览

0评论

element ui 对话框el-dialog关闭事件详解

通常会有需求，在关闭弹框后需要清空填写的数据，这时候就需要关闭事件了<el-dialog title="标题" :visible.sync="bind" size="small" @close='closeDialog'></el-dialog>在标...

2020-05-27

57浏览

0评论

Vue 中的compile操作方法

在 Vue 里，模板编译也是非常重要的一部分，里面也非常复杂，这次探究不会深入探究每一个细节，而是走一个全景概要，来吧，大家和我一起去一探究竟。初体验我们看了 Vue 的初始化函数就...

2020-05-27

54浏览

0评论

element ui里dialog关闭后清除验证条件方法

关闭dialog触发事件//vue  <el-dialog title="编辑用户" :visible.sync="dialogFormVisible" custom-class="editDialog" :close-on-...

2020-05-27

60浏览

0评论

element-ui 表格实现单元格可编辑的示例

如下所示：<template> <el-table :data="tableData" border @cell-mouse-enter="handleMouseEnter" @cell-mouse-leave="handleMouseOut" style="width: 100%"> <el-table-col...

2020-05-27

63浏览

0评论

使用ngrok+express解决本地环境中微信接口调试问题

在微信项目的开发的时候，经常需要对微信jssdk提供的接口进行调试，比如说录音, 分享 ,上传图像等接口，但是微信jssdk要求绑定安全域名才能使用其提供的一系列功能 , 而在开发环...

2020-05-27

75浏览

0评论

使用vue-cli编写vue插件的方法

利用vue组件创建模板，使用webpack打包生成插件再全局使用1、vue init webpack-simple 生成项目目录2、调整目录结构3、修改webpack.config.jsvar path = require('path')var...

2020-05-27

88浏览

0评论

vue-cli下的vuex的简单Demo图解(实现加1减1操作)

1.vue-cli搭建好项目之后，使用npm安装vuex npm install vuex --save2.在项目目录中构建vuex目录（这里我新建了store的文件夹，里面新建了store.js文件）
3.在vue项目中的入口文件m...

2020-05-27

70浏览

0评论

Bootstrap4如何定制自己的颜色和风格

Bootstrap是现在最流行的CSS框架，有许多网站、后台管理系统的样式都是基于Bootstrap设计的。然而，Bootstrap 始终保持着那蓝色 + 浅灰色彩基调，最新的 Bootstrap4 也是如此，看久...

2020-05-27

74浏览

0评论

详解Angular系列之变化检测(Change Detection)

概述
简单来说变化检测就是Angular用来检测视图与模型之间绑定的值是否发生了改变，当检测到模型中绑定的值发生改变时，则同步到视图上，反之，当检测到视图上绑定的值发生改变时，则...

2020-05-27

65浏览

0评论

vue bus全局事件中心简单Demo详解

1.vue-cli搭建好项目之后，使用npm安装vue-bus npm install vue-bus2.在入口文件main.js中全局注册 import Vue from 'vue'; import VueBus from 'vue-bus'; Vue.use(VueBus);...

2020-05-27

54浏览

0评论

angular组件继承的实现方法第1/2页

Angular 2.3 版本中引入了组件继承的功能，该功能非常强大，能够大大增加我们组件的可复用性。
组件继承涉及以下的内容：
Metadata：如 @Input()、@Output()、@ContentChild/Childr...

2020-05-27

81浏览

0评论

vue cli构建的项目中请求代理与项目打包问题

在上篇文章给大家介绍了vue-cli webpack模板项目搭建及打包时路径问题的解决方法，可以点击查看。vue-cli构建的项目中，生产模式下的打包路径、与生产模式下的请求代理简单示意...

2020-05-27

80浏览

0评论

Angular4 ElementRef的应用

Angular 的口号是 - "一套框架，多种平台。同时适用手机与桌面 (One framework.Mobile & desktop.)"，即 Angular 是支持开发跨平台的应用，比如：Web 应用、移动 Web 应用、原生移...

2020-05-27

90浏览

0评论

vue的全局提示框组件实例代码

这篇文章给大家介绍一个vue全局提示框组件，具体代码如下所示：<template>  <div v-show="visible" class="dialog-tips dialog-center"> <div>{{me...

2020-05-27

66浏览

0评论

vue使用$emit时,父组件无法监听到子组件的事件实例

vue使用$emit时，父组件无法监听到子组件的事件的原因是$emit传入的事件名称只能使用小写，不能使用大写的驼峰规则命名<div id="counter-event-example"> <p>{{ total }}</p>...

2020-05-27

49浏览

0评论

vue2 前端搜索实现示例

项目数据少的时候，搜索这样的小事情就要交给咱们前端来做了，重要声明，适用于小项目！！！！！其实原理很简单，小demo是做搜索市区名称或者按照排名搜索。<div> <input type="text" v-mod...

2020-05-27

76浏览

0评论

vue 子组件向父组件传值方法

子组件注册触发事件，父组件注册触发子组件事件后的方法写在method里面父组件这么写<component-a v-on:child-say="listenToMyBoy"></component-a><p>Do you like me? {{...

2020-05-27

72浏览

0评论

angular2中使用第三方js库的实例

本文以jquery 为例第一种：有对应的声明文件的1、用命令安装jQuery的声明文件。（声明文件是为了ide完美智能提示）npm install -D @types/jquery2、引入jqueryimport * as $ from...

2020-05-27

50浏览

0评论

Angular5中调用第三方js插件的方法

话不多说直入主题，最常见的有三种方式来引用第三方插件，下面以jquery插件及基于JQuery的两款插件：nicescroll和rangeSlider为例。一、第一种方式：在.angular-cli.json文件中配置...

2020-05-27

74浏览

0评论

解决Angular.js中使用Swiper插件不能滑动的问题

我们都知道swiper是交互体验十分好的轮播插件但是通过angular（ng-repeat）循环出来的swiper不能轮播的解决方案通常我们都是通过以下方法来执行：html<div class="swiper-contain...

2020-05-27

51浏览

0评论

swiper 解决动态加载数据滑动失效的问题

两种解决方法1、数据加载后进行swiper初始化success:function(result){var resultdata =eval("("+result+")");if(resultdata.status == 1){ var dataList = resultdata.dat...

2020-05-27

热门文章