JavaScript - 教程之家

47浏览

0评论

javascript将非数值转换为数值

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

2020-05-27

54浏览

0评论

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

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

2020-05-27

76浏览

0评论

JSONP原理及应用实例详解

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

2020-05-27

67浏览

0评论

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

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

2020-05-27

37浏览

0评论

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

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

2020-05-27

294浏览

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

58浏览

0评论

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

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

2020-05-27

79浏览

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

45浏览

0评论

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

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

2020-05-27

65浏览

0评论

react项目实践之webpack-dev-serve

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

2020-05-27

74浏览

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

88浏览

0评论

详解webpack2异步加载套路

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

2020-05-27

50浏览

0评论

JS 实现微信扫一扫功能

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

2020-05-27

87浏览

0评论

详解webpack-dev-server使用方法

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

2020-05-27

58浏览

0评论

在vue项目中引用Iview的方法

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

2020-05-27

93浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

57浏览

0评论

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

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

2020-05-27

65浏览

0评论

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

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

2020-05-27

47浏览

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

61浏览

0评论

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

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

2020-05-27

72浏览

0评论

node中的session的具体使用

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

2020-05-27

77浏览

0评论

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

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

2020-05-27

64浏览

0评论

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

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

2020-05-27

70浏览

0评论

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

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

2020-05-27

62浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

82浏览

0评论

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

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

2020-05-27

59浏览

0评论

react 国际化的实现代码示例

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

2020-05-27

71浏览

0评论

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

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

2020-05-27

265浏览

0评论

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

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

2020-05-27

59浏览

0评论

Javascript 之封装（Package）

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

2020-05-27

56浏览

0评论

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

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

2020-05-27

85浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

68浏览

0评论

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

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

2020-05-27

190浏览

0评论

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

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

2020-05-27

67浏览

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

120浏览

0评论

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

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

2020-05-27

101浏览

0评论

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

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

2020-05-27

129浏览

0评论

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

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

2020-05-27

104浏览

0评论

swiper在vue项目中loop循环轮播失效的解决方法

长话短说，在vue(2.5.x)中使用swiper(4.3.3)，轮播加了autoplay和loop、observer、observeParents等参数还是很诡异的无法循环轮播；那么可以这样写代码试试：this.$api.queryImages...

2020-05-27

77浏览

0评论

vue-cli webpack 引入swiper的操作方法

1：下载需要 swiper 的js文件和css文件http://www.swiper.com.cn/2：下载好swiper相关的js和css，js放在static目录下，css放在assets目录下。3：安装runtime：npm install babel-runtim...

2020-05-27

104浏览

0评论

对vue下点击事件传参和不传参的区别详解

如下所示：<div id = 'app'> <p><button @click = 'test_click1'>{{btn_text1}}</button></p> <br> <p><button @click = 'test_click2("123")'>{{btn_text2}}</button></p...

2020-05-27

100浏览

0评论

在vue中实现点击选择框阻止弹出层消失的方法

在vue项目中，选择性别是用的一个弹出层，<div class="sex" v-show="showed" transition='fade' @click="unshow"> <ul @click.stop="stophidden"> <li class="...

2020-05-27

91浏览

0评论

vue-cli 使用vue-bus来全局控制的实例讲解

讲真，我写标题的时候不知道怎么写的好，之前写过一篇关于vue-bus的，不过是基础版本的，今天讲的是用脚手架来搭建的环境下的使用
与使用路由相似，我们需要先倒入这个vue-bus指令如...

2020-05-27

108浏览

0评论

vue--点击当前增加class,其他删除class的方法

如下所示：<div id="app"><p v-for='(data,key,index) in datas' v-on:click="addClassFun(index)" v-bind:class='{class1:index==qwerqwre}'>{{data.data}}</p></div> <scri...

2020-05-27

113浏览

0评论

vue 监听某个div垂直滚动条下拉到底部的方法

如下所示：this.$nextTick(() => {const el = document.querySelector('.act-not');const offsetHeight = el.offsetHeight;el.onscroll = () => {const scrollTop = el.scrol...

2020-05-27

120浏览

0评论

Vue实现调节窗口大小时触发事件动态调节更新组件尺寸的方法

需求： 1. 页面部分元素的尺寸需要根据实际打开时浏览器尺寸进行设置；2. 页面打开后，调节浏览器窗口大小时需要动态调节部分元素的尺寸；需要注意的点： window.onresize只能在项目...

2020-05-27

84浏览

0评论

解决VUE中document.body.scrollTop为0的问题

Vue中document.body.scrollTop的值总为零的解决办法最近在做vue的时候监听页面滚动发现document.body.scrollTop一直为0但是发现document.body.scrollTop一直是0。查资料发...

2020-05-27

热门文章