编程开发 - 教程之家

51浏览

0评论

在小程序/mpvue中使用flyio发起网络请求的方法

Fly.js 一个基于Promise的、强大的、支持多种JavaScript运行时的http请求库. 有了它，您可以使用一份http请求代码在浏览器、微信小程序、Weex、Node、React Native、快应用中...

2020-05-27 04:46:01

46浏览

0评论

Angularjs之ngModel中的值验证绑定方法

众所周知，在Angular中ngModel为动态双向绑定，存在两种方式。例如，方式一：在html中，<input type="text" ng-model="searchText" /><button ng-click="check(searchText)">Check!</...

2020-05-27 04:46:00

50浏览

0评论

Vue中使用 setTimeout() setInterval()函数的问题

在vue点击事件调用函数的过程中，想通过 setTimeout() setInterval()函数来延迟修改参数时，发现函数没有执行，控制台也没有报错，代码如下：var vm_target = new Vue({ el: '...

2020-05-27 04:45:59

46浏览

0评论

nodejs中express入门和基础知识点学习

初始化新建一个目录myapp，项目初始化$ npm init安装express $ npm install express --save创建一个hello world实例进入myapp目录，创建一个名为app.jsvar express = require(...

2020-05-27 04:45:58

67浏览

0评论

详解webpack 热更新优化

前言随着项目的界面越来越多，webpack的热更新越来越慢，有时会达到5,7s之久，这对于开发效率影响是非常巨大的。分析过程于是今天就针对这个分析了一下热更新慢的原因，步骤如下首...

2020-05-27 04:45:57

38浏览

0评论

详解react内联样式使用webpack将px转rem

背景
在开发react项目时，很多时候我们把style写在css、less、scss里，经过像postcss这样的配置处理，但有没有这样一种需求呢，像有些样式我们直接写在xml标签上style里，然后也能进...

2020-05-27 04:45:56

36浏览

0评论

vue项目开发中setTimeout等定时器的管理问题

一、问题来源。在项目中，我们经常有这样的需求，一个页面初始化后，需要不断的去请求后端，来获取当前某个记录的最新状态。显然，这个可以用setTimeout以及回调中继续setTimeout来实...

2020-05-27 04:45:55

78浏览

0评论

webpack实现一个行内样式px转vw的loader示例

需求
自从有了postcss来处理css文件，我们可以快速进行网站适配的开发，只需要改改参数，样式按照设计稿的px写，webpack编译自动转换成rem或者vw等。但是，标签内的px怎么办呢？postcss...

2020-05-27 04:45:54

64浏览

0评论

解决angularjs WdatePicker ng-model的问题

假设我们在项目中需要用到WdatePicker以及angularjs，并有如下的代码：<div> <div class="h4">ddd</div> <input class="form-control" type="text" ng-model="text.ddd" readon...

2020-05-27 04:45:53

40浏览

0评论

javascript将非数值转换为数值

以下三个函数将非数值转换为数值：Number() 、parseInt()和 parseFloat()Number()的转换规则1.Boolean值 true会被转换为1 false会被转换为0var correct = trueNumber(correct...

2020-05-27 04:45:51

42浏览

0评论

解决angularJS中input标签的ng-change事件无效问题

出现这个问题是因为input的type是file，这时如果用ng-change="()"是无效的。解决方法：用onchange事件。<input onchange="angular.element(this).scope().change()" type="file...

2020-05-27 04:45:51

65浏览

0评论

JSONP原理及应用实例详解

JSONP 被用于跨域获取数据。在讲解它之前，先讲讲它与 JSON 之间的区别什么是JSON？
JSON 是一种基于文本的数据交换方式，或者叫做数据描述格式。其优点是：1、基于纯文本，跨平台传...

2020-05-27 04:45:49

57浏览

0评论

更改BootStrap popover的默认样式及popover简单用法

下面通过一段代码给大家介绍更改BootStrap popover的默认样式，具体代码如下所述：.popover { position: absolute; top: 0; left: 0; z-index: 1060; display: none; max...

2020-05-27 04:45:48

33浏览

0评论

vue实现动态列表点击各行换色的方法

只是模拟一练习 v-for v-on v-bind的一个简单demo代码思路：遍历出data里面的数据 v-for给li加点击事件绑定class样式怎么控制样式的显示通过 class的控制 v:bind:class={cla...

2020-05-27 04:45:47

278浏览

0评论

vue2.0获取鼠标位置的方法

如下所示：<!DOCTYPE html><html><head><meta charset="UTF-8"><title></title><script type="text/javascript" src="js/vue.js" ></script><style>#canvas{width: 500px;hei...

2020-05-27 04:45:46

47浏览

0评论

如何解决vue2.0下IE浏览器白屏问题

公司新开发的项目需要兼容到IE9+就在index.html页面加入<meta http-equiv="X-UA-Compatible" content="IE=edge">不起作用总结方法：
1、兼容IE9/IE10可能会遇到语法或者 Prom...

2020-05-27 04:45:45

74浏览

0评论

vue删除html内容的标签样式实例

安装依赖包cnpm install js-striphtml使用：删除标签样式：var striphtml = require('js-striphtml');striphtml.striptags('<body>I am a <b>HTML</b> string.<div class="clea...

2020-05-27 04:45:44

41浏览

0评论

javacript replace 正则取字符串中的值并替换【推荐】

replace() 方法用于在字符串中用一些字符替换另一些字符，或替换一个与正则表达式匹配的子串。问题：在使用ueditor 富文本编辑器，给字体颜色时，发现getCent后的内容颜色为rgb如...

2020-05-27 04:45:43

59浏览

0评论

react项目实践之webpack-dev-serve

模块热替换(Hot Module Replacement)
HMR是webpack最令人兴奋的特性之一，当你对代码进行修改并保存后，webpack 将对代码重新打包，并将新的模块发送到浏览器端，浏览器通过新的模...

2020-05-27 04:45:42

68浏览

0评论

关于在vue 中使用百度ueEditor编辑器的方法实例代码

1. 安装 npm i vue-ueditor --save-dev2.从nodemodels 取出ueditor1_4_3_3 这整个目录，放入vue 的 static 目录 3.配置 ueditor.config.js 的 21行代码更改路径 var U...

2020-05-27 04:45:41

82浏览

0评论

详解webpack2异步加载套路

webpack提供的一个非常强大的功能就是code spliting(代码切割)。在webpack 1.x中提供了 require.ensure([], () => { let module = require('./page1/module'); // d...

2020-05-27 04:45:40

46浏览

0评论

JS 实现微信扫一扫功能

具体代码如下所示：let para = { opentoken : token, currUrl : location.href };$.ajax({ type: "POST", url: url, d...

2020-05-27 04:45:39

79浏览

0评论

详解webpack-dev-server使用方法

记录下webpack-dev-server的用法.首先，我们来看看基本的webpack.config.js的写法 module.exports = { entry: './src/js/index.js', output: { path: './dist/js'...

2020-05-27 04:45:38

54浏览

0评论

在vue项目中引用Iview的方法

关于 iViewiView 是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。
特性 # 高质量、功能丰富友好的 API ，自由灵活地使用空间细致、漂亮的 UI 事...

2020-05-27 04:45:37

84浏览

0评论

在vue项目中使用md5加密的方法

npm安装：npm install --save js-md51.在需要使用的项目文件中引入：import md5 from 'js-md5';使用：md5('hello world') // 5eb63bbbe01eeed093cb22bb8f5acdc3 2.或者在main.js...

2020-05-27 04:45:36

58浏览

0评论

vue3.0 CLI - 2.6 - 组件的复用入门教程

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。==========================定义一个基础组件这个基础组件，是导航条中可以复用的基础组件单个导航。基础组...

2020-05-27 04:45:35

51浏览

0评论

vue-cli脚手架build目录下utils.js工具配置文件详解

此文章用来解释vue-cli脚手架build目录中的utils.js配置文件
1.此配置文件是vue开发环境的wepack相关配置文件，主要用来处理css-loader和vue-style-loader
2.关于注释 &#8226...

2020-05-27 04:45:34

55浏览

0评论

详解Vue CLI3配置解析之css.extract

大家还记得我们在老版本中，对于线上环境配置中会把所有的 css 多打成一个文件：核心是使用了插件 extract-text-webpack-plugin，方式如下：第一步都是加载插件const ExtractTextPl...

2020-05-27 04:45:33

43浏览

0评论

vue3.0 CLI - 1 - npm 安装与初始化的入门教程

node 开发环境请先自行准备npm install -g @vue/cli 安装完成之后命令行则存在 vue 命令vue -V 查看本地 vue 版本 vue -h 输出帮助vue create <project-name> 进入工程文件...

2020-05-27 04:45:32

54浏览

0评论

vue3.0 CLI - 2.1 - component 组件入门教程

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。进入 src 文件夹，这是实际都工程文件夹，其他文件夹以及文件以后在了解。3个文件夹 assets - 各类静态资源文件...

2020-05-27 04:45:31

62浏览

0评论

node中的session的具体使用

前言在上一篇中node中的cookie，对cookie进行了相关介绍，本篇将继续前行，对session进行说明。session是什么session不就是会话嘛，那什么是会话呢？
会话是一个比连接粒度更大的概念...

2020-05-27 04:45:30

72浏览

0评论

Element-ui之ElScrollBar组件滚动条的使用方法

在使用vue + element-ui 搭建后台管理页面的时候，做了一个头部、侧栏、面包屑固定的布局，导航栏和主要内容区域当内容超出时自动滚动。使用的原因：原来是采用优化浏览器样式的...

2020-05-27 04:45:28

58浏览

0评论

vue3.0 CLI - 2.2 - 组件 home.vue 的初步改造

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。helloworld.vue 都挪到 about 路由当中。<template><div class="about"><HelloWorld msg="vue 官方相关资料...

2020-05-27 04:45:27

66浏览

0评论

vue3.0 CLI - 2.3 - 组件 home.vue 中学习指令和绑定

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。首先美化一下界面 - 相关的界面代码不粘贴，可从我的 github 分支中看到。下面最终的实现效果图：改造下 data 中...

2020-05-27 04:45:26

58浏览

0评论

vue3.0 CLI - 2.4 - 新组件 Forms.vue 中学习表单

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。新组件 - 新路由 Forms.vue ( 下面仅介绍如何创立, 不进行介绍 ) ：<template><div class="form"> <input v-mo...

2020-05-27 04:45:25

62浏览

0评论

vue3.0 CLI - 2.5 - 了解组件的三维

我的 github 地址 - vue3.0Study - 阶段学习成果都会建立分支。问答1、vue 组件有什么？为什么要加上 vue，因为不同的 MVC 框架，东西不一样，不过基本的功能都有。组件有 data、co...

2020-05-27 04:45:24

74浏览

0评论

详解Vue项目中出现Loading chunk {n} failed问题的解决方法

最近有个Vue项目中会偶尔出现Loading chunk {n} failed的报错，报错来自于webpack进行code spilt之后某些bundle文件lazy loading失败。但是这个问题的根本原因没有被找到，因为...

2020-05-27 04:45:23

55浏览

0评论

react 国际化的实现代码示例

背景楼主最近新接了一个项目，从0开始做，需要做多语言的国际化，今天搞了一下，基本达到了想要的效果，在这里简单分享下：一些探索也说不上是探索吧，就Google了一波，去gayHub 上找了一...

2020-05-27 04:45:22

67浏览

0评论

纯javascript前端实现base64图片下载(兼容IE10+)

背景
在项目开发过程中，经常会有图片导出的需求，尤其是带有图表类的应用，通常需要将图表下载导出。
在chrome等新版浏览器中实现base64图片的下载还是比较容易的：创建一个a标...

2020-05-27 04:45:21

247浏览

0评论

微信小程序框架wepy之动态控制类名

本文为大家分享了微信小程序框架wepy之动态控制类名的具体实现方法，供大家参考，具体内容如下控制类名style
<style lang="less" scoped> .liBkgCor { background-color: re...

2020-05-27 04:45:20

51浏览

0评论

Javascript 之封装（Package）

一、构造函数（Constructor）模式的封装
为了解决从原型对象生成实例的问题，Javascript提供了一个构造函数（Constructor）模式。
所谓"构造函数"，其实就是一个普通函数，但是内部使用...

2020-05-27 04:45:19

50浏览

0评论

解决vue 格式化银行卡(信用卡)每4位一个符号隔断的问题

问题在做银行卡输入框时有一个需求如题，这里举例用-隔断调查查看了很多大公司网站的银行卡输入，发现还有有很多缺陷的：
有的是在中间删除，光标会跳到最后；
有的是能删除掉中间...

2020-05-27 04:45:18

78浏览

0评论

vue中Element-ui 输入银行账号每四位加一个空格的实现代码

一、问题描述：我们在输入银行账号会设置每四位添加一个空格，输入金额，每三位添加一个空格。那么，在vue，element-ui 组件中，如何实现呢？二、效果图：三、实现代码：<el-table-column...

2020-05-27 04:45:17

89浏览

0评论

微信小程序动态增加按钮组件

这里的微信小程序动态加载是以按钮为例，主页面点击不同的按钮进入不同的子页面中，根据主页面的title来动态加载子页面按钮的数量以及值。效果图：wxml文件（注意wx:key="item"要写...

2020-05-27 04:45:15

65浏览

0评论

浅谈vue方法内的方法使用this的问题

如下所示：locapos(){//定位方法if (navigator.geolocation) { navigator.geolocation.getCurrentPosition(function(position) { var pos = { lat: position.coords....

2020-05-27 04:45:15

157浏览

0评论

vue绑定事件后获取绑定事件中的this方法

使用$event传递参数(事件本身)<input v-model="checknames" @change="changecheckbox(item,$event)" style="float: right" type="checkbox" :value="index" >changecheckbo...

2020-05-27 04:45:14

61浏览

0评论

对Vue.js之事件的绑定(v-on: 或者 @ )详解

1、Vue.js事件绑定的一般格式v-on:click='function'v-on:click/mouseout/mouseover/@click2、Vue.js事件绑定的实现2.1 JavaScript代码<script type="text/javascript" src=...

2020-05-27 04:45:13

114浏览

0评论

vue 的点击事件获取当前点击的元素方法

首先 vue的点击事件是用 @click = “clickfun()” 属性在html中绑定的,在点击的函数中添加$event 参数就可以比如<button @click = “clickfun($event)”>点击</button>m...

2020-05-27 04:45:12

94浏览

0评论

js事件on动态绑定数据,绑定多个事件的方法

一.on('clcik')与$('').clcik()方法的区别：on('clcik')：事件委托机制// 在body元素上绑定click事件处理函数handler，如果这个click事件是由其后代的P元素触发的，就执行handler
$...

2020-05-27 04:45:11

125浏览

0评论

解决vue中虚拟dom,无法实时更新的问题

碰到的问题：使用jq获取元素节点的个数时一直为0解决方法：使用vue的nextTick()函数即可解决原理：nextTick可以在下一次更新dom之后进行回调，我的问题在于，在页面加载完成时无法获...

2020-05-27 04:45:10

热门文章