JavaScript - 教程之家

63浏览

0评论

angularjs下ng-repeat点击元素改变样式的实现方法

1.一个angularjs的学习，了解ng-class的使用技巧；2.代码：html： <div ng-repeat='myimg in myimgs'> <img ng-src="{{myimg}}" ng-click="fabricChoose($index)" ng-class="{fa...

2020-05-27

55浏览

0评论

Angularjs Ng_repeat中实现复选框选中并显示不同的样式方法

页面代码：<section class="popup-bg" ng-if="IsActive"> <div class="popup-box phone-detail"> <div class="popup-title popup-detail-title">通讯录 <i...

2020-05-27

145浏览

0评论

详解js中Array的方法及技巧

JS Array的一些方法在实际中很常用，这里整理记录下来，一是为了常常回顾，二也是方便大家Mapmap():返回一个新的Array，每个元素为调用function的结果语法: array.map(function(cur...

2020-05-27

60浏览

0评论

区别JavaScript函数声明与变量声明

今天，又由一到题目引发了一场我跟JS基础的较量：首先是var getName = function(){alert(1)};function getName(){alert(2)};getName();// 1orfunction getName(){alert(2)};var...

2020-05-27

65浏览

0评论

vue仿element实现分页器效果

1 .起因今日看完element中分页器的源码实现,比较简单,遂自己按着理解实现了一个简单的分页器,记录下来,以便日后温习.2.实现难点分页器的实现难点主要是什么时候显示分页器...

2020-05-27

58浏览

0评论

JavaScript数组方法的错误使用例子

1. 不要使用Array.indexOf，使用Array.includes“如果你要在数组中查找元素，使用Array.indexOf!”。记得在我学习JavaScript课程时候，有这样一句话。这句话没错，确实可以这么使用...

2020-05-27

58浏览

0评论

vue.js单文件组件中非父子组件的传值实例

最近在研究vue.js，总体来说还算可以，但是在web开发群里有一些人问在单文件组件开发模式中非父子组件如何传值的问题，今天在这里讲讲，希望对大家有所帮助！在官网api中的这段讲解很...

2020-05-27

78浏览

0评论

通过vue-cli3构建一个SSR应用程序的方法

1、前沿
1.1、什么是SSR
SSR（服务端渲染）顾名思义就是将页面在服务端渲染完成后在客户端直接展示。1.2、客户端渲染与服务端渲染的区别传统的SPA模式即客户端渲染的模式 Vue...

2020-05-27

66浏览

0评论

Vue-不允许嵌套式的渲染方法

当存在有两个元素作为需要VUE渲染的对象是，这两个对象不允许存在嵌套关系，比如有 id='a'和 od='b'这两个元素当<div id='a'> {{message}}<div id='b'> {{message1}} </div></...

2020-05-27

61浏览

0评论

解决vuejs项目里css引用背景图片不能显示的问题

解决：build->utils.js里，修改：增加publicPath:'../../',if (options.extract) { return ExtractTextPlugin.extract({ use: loaders, publicPath:'../../', fallback: 'vue...

2020-05-27

80浏览

0评论

vue 刷新之后嵌套路由不变重新渲染页面的方法

解决嵌套路由刷新时，路由没有变化，正常情况下页面是不会重新渲染的1、在router-view中加上条件渲染 v-if 默认为true。让它显示出来2、写写一个reload方法，在页面刷新只有，点击...

2020-05-27

45浏览

0评论

详解React中传入组件的props改变时更新组件的几种实现方法

我们使用react的时候常常需要在一个组件传入的props更新时重新渲染该组件，常用的方法是在componentWillReceiveProps中将新的props更新到组件的state中（这种state被成为派生状...

2020-05-27

83浏览

0评论

详解如何在微信小程序开发中正确的使用vant ui组件

微信小程序终于可以支持npm导入第三方库了（https://developers.weixin.qq....），但是这种导入模式和使用模式有别于我们使用的npm调用。今天我按照有赞新出的vant小程序ui库来讲...

2020-05-27

80浏览

0评论

vue vue-Router默认hash模式修改为history需要做的修改详解

主要是因为活动页会存在pc端的时候未登录的用户也需要访问的问题，因为未登录用户在活动页面进行操作的时候会触发到登录事件，然后我们实现的方式是通过接口来判断，该接口标记的...

2020-05-27

51浏览

0评论

vue动态改变背景图片demo分享

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

2020-05-27

108浏览

0评论

node中的cookie的具体使用

为什么需要cookie我们知道http是无状态的协议，无状态是什么意思呢？
我来举一个小例子来说明：比如小明在网上购物，他浏览了多个页面，购买了一些物品，这些请求在多次连接中完成，如果...

2020-05-27

81浏览

0评论

Vue点击切换颜色的方法

如下所示：<template> <div> <div v-for="(list,index) in siYuan" class="aa" :class="{ red:changeRed == index}" @click="change(index)">{{list.a}}</div> </div></temp...

2020-05-27

55浏览

0评论

vue interceptor 使用教程实例详解

二次封装axios，根据参数来实现多个请求多次拦截1. 新建 axiosTool.js 文件，设置请求拦截和处理的逻辑import Vue from 'vue'import axios from 'axios'//取消请求let CancelTo...

2020-05-27

50浏览

0评论

ios设备中angularjs无法改变页面title的解决方法

如下所示：$rootScope.$watch('title',function(title){ var body = document.getElementsByTagName('body')[0]; document.title = title; var iframe = document.createElem...

2020-05-27

68浏览

0评论

vue的全局变量和全局拦截请求器的示例代码

做的产品证书管理系统使用的是VueJs和ElementUI，现将遇到的一些知识点记录一下。VUe全局变量的实现
全局变量专用模块Global.vue是以一个特定模块来组织管理全局变量，需要引用...

2020-05-27

51浏览

0评论

在vue中使用vue-echarts-v3的实例代码

特征•轻量，高效，按需绑定事件
•支持按需导入ECharts.js图表和组件
•支持组件调整大小事件自动更新视图一、安装npm install --save echarts...

2020-05-27

49浏览

0评论

AngularJS修改model值时,显示内容不变的实例

一段很简单的AngularJs代码：<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.static.runoob.com/libs/angular.js/1.4.6/angular.min.js"></scri...

2020-05-27

54浏览

0评论

mpvue中使用flyjs全局拦截的实现代码

我们安装好flyio之后npm install flyio找到src目录下的main.js文件首先引入flyjs并实例化var Fly=require("flyio/dist/npm/wx")var fly=new Fly比方说我们每次请求我们自己...

2020-05-27

55浏览

0评论

解决angular2在双向数据绑定时[(ngModel)]无法使用的问题

angular2在双向数据绑定时[(ngModel)]无法使用，出现的错误是：Can't bind to 'ngModel' since it isn't a known property of 'input'.解决办法：在文件 app.component.ts 中引入...

2020-05-27

51浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

50浏览

0评论

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

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

2020-05-27

46浏览

0评论

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

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

2020-05-27

67浏览

0评论

详解webpack 热更新优化

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

2020-05-27

38浏览

0评论

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

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

2020-05-27

36浏览

0评论

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

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

2020-05-27

76浏览

0评论

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

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

2020-05-27

62浏览

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

40浏览

0评论

javascript将非数值转换为数值

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

2020-05-27

42浏览

0评论

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

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

2020-05-27

60浏览

0评论

JSONP原理及应用实例详解

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

2020-05-27

52浏览

0评论

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

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

2020-05-27

33浏览

0评论

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

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

2020-05-27

272浏览

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

47浏览

0评论

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

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

2020-05-27

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

41浏览

0评论

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

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

2020-05-27

59浏览

0评论

react项目实践之webpack-dev-serve

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

2020-05-27

61浏览

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

76浏览

0评论

详解webpack2异步加载套路

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

2020-05-27

46浏览

0评论

JS 实现微信扫一扫功能

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

2020-05-27

77浏览

0评论

详解webpack-dev-server使用方法

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

2020-05-27

54浏览

0评论

在vue项目中引用Iview的方法

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

2020-05-27

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

56浏览

0评论

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

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

2020-05-27

热门文章