编程开发 - 教程之家

52浏览

0评论

vue实现密码显示隐藏切换功能

先给大家分享效果图：具体实现代码如下所示：html：<group> <span>设置密码</span> <x-input :type="this.registration_data.pwdType" placeholder="请填写密码" @on-change="...

2020-05-27 08:09:48

193浏览

0评论

Vue父组件调用子组件事件方法

Vue父组件向子组件传递事件/调用事件不是传递数据（props）哦，适用于 Vue 2.0方法一：子组件监听父组件发送的方法方法二：父组件调用子组件方法子组件：export default { mounted: fu...

2020-05-27 08:09:47

63浏览

0评论

Nodejs模块载入运行原理

前言使用Nodejs，就不可避免地引用第三方模块，它们有些是Nodejs自带的（例：http，net...），有些是发布在npm上的（例：mssql，elasticsearch...）本篇章聚焦3个问题： Nodejs模块的加载过程。...

2020-05-27 08:09:46

51浏览

0评论

浅谈vuejs实现数据驱动视图原理

什么是数据驱动数据驱动是vuejs最大的特点。在vuejs中，所谓的数据驱动就是当数据发生变化的时候，用户界面发生相应的变化，开发者不需要手动的去修改dom。比如说我们点击一个but...

2020-05-27 08:09:44

65浏览

0评论

angularjs中$http异步上传Excel文件方法

1.文件上传框html代码如下<form id="fileForm" enctype="multipart/form-data"> <button id="import_asset" type="button" ng-click="import_asset()">上传文件</button> <...

2020-05-27 08:09:43

65浏览

0评论

angular动态表单制作

源码：https://github.com/Karin001/ngx-dynamic-form动态表单使用场景有时候我们需要一个灵活的表单，这个表单可以根据用户的选择，或者服务器返回的信息进行重新配置，比如：增加或...

2020-05-27 08:09:42

62浏览

0评论

ES6下子组件调用父组件的方法(推荐)

出于某些目的，最近又开始研究起了RN，看着教程一步步的学习，在最近却是碰到了一个问题，那就是父子组件的方法调用的问题。这个问题我百度了很久，JS的ES6语法下，用class创建组件，子组...

2020-05-27 08:09:40

71浏览

0评论

Vue-cli Eslint在vscode里代码自动格式化的方法

编辑器另外一个很重要的功能就是代码格式化了，VS Code默认提供常见文件的格式化，如.js,.html等。添加对.vue文件的格式化支持这里我们添加对 .vue 文件的格式化支持。
1. 安...

2020-05-27 08:09:39

51浏览

0评论

Vue 创建组件的两种方法小结(必看)

创建组件的两种方法小结1.全局注册 2.局部注册var child=Vue.extend({})var parent=Vue.extend({})Vue.extend() 全局方法生成构造器，创建子类使用基础 Vue 构造器，创建一个...

2020-05-27 08:09:38

52浏览

0评论

Vue2 模板template的四种写法总结

如下所示：<div id="app"> <h1>我是直接写在构造器里的模板1</h1> </div> <template id="demo3"> <h1 style="color:red">我是选项模板3</h1> </template> <script type="...

2020-05-27 08:09:37

62浏览

0评论

使用Vue.js和Element-UI做一个简单登录页面的实例

最近了解到Vue.js挺火的，有同学已经学习了，那我心里痒痒的也学习了一点，然后也学了一点Element组件，就做了简单的登录页面。效果很简单：代码如下：前端页面<!DOCTYPE html><html><h...

2020-05-27 08:09:36

91浏览

0评论

搭建element-ui的Vue前端工程操作实例

一、安装npm镜像（1）下载node.js，配置node.js的环境变量检测PATH环境变量是否配置了Node.js，点击开始=》运行=》输入"cmd" => 输入命令"path"检查Node.js版本在命令窗口输入：npm...

2020-05-27 08:09:35

82浏览

0评论

angular基于ng-alain定义自己的select组件示例

1、首先是my-select2.component.html页面,这里是在ng-alain的select基础上根据业务需求添加新的功能;代码如下：
<nz-select #select style="width:100%;" [(ngModel)]="selec...

2020-05-27 08:09:34

41浏览

0评论

详解plotly.js 绘图库入门使用教程

本文介绍了plotly.js 绘图库入门使用教程，分享给大家，具体如下：Plotly缘起这两天想在前端展现数学函数图像，猜测应该有成熟的 js 库。于是，简单的进行了尝试。最后决定使用plotly...

2020-05-27 08:09:33

55浏览

0评论

elementui的默认样式修改方法

今天用element ui ，做了个消息提示，发现提示的位置总是在上面，如图：可是我想让提示的位置到下面来，该怎么办？最后还是看了官方的api原来有个自定义样式属性 customClass 设置下就...

2020-05-27 08:09:32

118浏览

0评论

Vue的elementUI实现自定义主题方法

使用vue开发项目，用到elementUI，根据官网的写法，我们可以自定义主题来适应我们的项目要求，下面来介绍一下两种方法实现的具体步骤，（可以参考官方文档自定义主题官方文档），先说项目中...

2020-05-27 08:09:31

219浏览

0评论

使用puppeteer破解极验的滑动验证码

基本的流程：1. 打开前端网，点击登录。2. 填写账号，密码。3. 点解验证按钮，通过滑动验证，最后成功登陆。代码实现：github上可以checkout。具体代码如下所示：run.jsconst puppeteer =...

2020-05-27 08:09:30

76浏览

0评论

jQuery动态添加li标签并添加属性和绑定事件方法

代码如下：<%@page import="java.util.ArrayList"%><%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%><!DOCTYPE html PUBLIC "-//W3...

2020-05-27 08:09:21

123浏览

0评论

node.js中fs文件系统目录操作与文件信息操作

目录操作如果存在该目录，就创建失败同步创建目录fs.mkdirSync(path, [mode])const fs = require('fs');let mkdir = './mkdir';fs.mkdir(mkdir, (err) => { if (err) {...

2020-05-27 08:09:20

50浏览

0评论

jquery动态添加带有样式的HTML标签元素方法

如下所示：<table class="exhibit_table" style="font-size:13px; text-align:left;"> <tr> <td style="width:80px;" align="right">上传计划单</td> <td style="paddi...

2020-05-27 08:09:19

61浏览

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 08:09:18

52浏览

0评论

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

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

2020-05-27 08:09:17

84浏览

0评论

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

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

2020-05-27 08:09:16

64浏览

0评论

JS改变页面颜色源码分享

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

2020-05-27 08:09:15

47浏览

0评论

JS中常用的消息框总结

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

2020-05-27 08:09:14

43浏览

0评论

JS随机数产生代码分享

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

2020-05-27 08:09:12

58浏览

0评论

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

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

2020-05-27 08:09:11

69浏览

0评论

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

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

2020-05-27 08:09:10

86浏览

0评论

jQuery 改变P标签文本值方法

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

2020-05-27 08:09:09

56浏览

0评论

JS处理一些简单计算题

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

2020-05-27 08:09:08

52浏览

0评论

vue-cli常用设置总结

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

2020-05-27 08:09:07

52浏览

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 08:09:06

64浏览

0评论

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

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

2020-05-27 08:09:05

52浏览

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 08:09:03

54浏览

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 08:09:02

115浏览

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 08:09:01

84浏览

0评论

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

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

2020-05-27 08:09:00

102浏览

0评论

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

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

2020-05-27 08:08:59

54浏览

0评论

JS抛物线动画实例制作

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

2020-05-27 08:08:58

82浏览

0评论

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

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

2020-05-27 08:08:56

53浏览

0评论

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

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

2020-05-27 08:08:55

49浏览

0评论

Es6 Generator函数详细解析

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

2020-05-27 08:08:54

41浏览

0评论

node.js基础知识小结

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

2020-05-27 08:08:53

79浏览

0评论

详解Node 定时器

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

2020-05-27 08:08:52

70浏览

0评论

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

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

2020-05-27 08:08:51

42浏览

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 08:08:50

61浏览

0评论

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

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

2020-05-27 08:08:47

124浏览

0评论

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

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

2020-05-27 08:08:46

49浏览

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 08:08:43

70浏览

0评论

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

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

2020-05-27 08:08:42

热门文章