JavaScript - 教程之家

55浏览

0评论

解决vue组件props传值对象获取不到的问题

先说问题，父组件利用props向子组件传值，浏览器 console 有这个值，但是获取不到内部的属性，困了我3个小时，真的**personal
console以下为原代码1、home.vue（父组件）--personal是被传...

2020-05-27

65浏览

0评论

vue-cli配置全局sass、less变量的方法

一、全局配置less1.下载插件**vue add style-resources-loader**vue add pluginName 是vue-cli3提供的。vue add 是用yarn安装插件的， yarn源的问题有可能导致失败。如果上面...

2020-05-27

104浏览

0评论

详解新手使用vue-router传参时注意事项

1. 使用name和params组合传参this.$router.push({name: 'details', params: {'id': 233}})路由配置import Vue from 'vue'import Router from 'vue-router'Vue.use(Router)e...

2020-05-27

68浏览

0评论

详解vue-cli@2.x项目迁移日志

vue-cli@2.x项目迁移日志
虽然 vue-cli@3 早就已经巨普及了，新项目应该已经很少有人还有使用 vue-cli@2.x 。但是对于一些稍微早些时候的 vue 项目，如果当时没有做一些优化、...

2020-05-27

62浏览

0评论

vue-cli脚手架打包静态资源请求出错的原因与解决

问题 vue-cli默认配置打包后部署到特定路径下静态资源路径错误问题。静态资源打包使用相对路径后css文件引入大图片路径错误问题使用vue-cli2脚手架生成的默认打包配置文...

2020-05-27

67浏览

0评论

Vue项目总结之webpack常规打包优化方案

由于新建项目发版打包时间大概需要 30分钟，发版时严重拖慢下班时间，所以特意查看了相关文档来优化打包速度，争取早点下班，^_^。分析打包文件要优化，先分析。我们先要知道到...

2020-05-27

64浏览

0评论

了解在JavaScript中将值转换为字符串的5种方法

如果您关注Airbnb的样式指南，首选方法是使用“String（）”
它也是我使用的那个，因为它是最明确的 - 让其他人轻松地遵循你的代码的意图
请记住，最好的代码不一定是最聪明的方式，它...

2020-05-27

105浏览

0评论

JS根据json数组多个字段排序及json数组常用操作

js 根据json数组多个字段排序的实现代码如下所示：/**数组根据数组对象中的某个属性值进行排序的方法 * 使用例子：newArray.sort(sortByArr(['number'],false)) //表示根据nu...

2020-05-27

63浏览

0评论

jQuery+ajax实现批量删除功能完整示例

本文实例讲述了jQuery+ajax实现批量删除功能。分享给大家供大家参考，具体如下：效果展示：完整代码如下：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <me...

2020-05-27

75浏览

0评论

vue如何自动化打包测试环境和正式环境的dist/test文件

使用vue现在已经差不多2年了，想起来两年前的一次和某阿里处理的技术大牛（当时我们的技术总监）一起开发一个SPA项目的时候被硬着头皮去解决的一个难题，因为技术老大是阿里出身的，...

2020-05-27

78浏览

0评论

详解微信小程序开发(项目从零开始)

一、序微信小程序，估计大家都不陌生，现在应用场景特别多。今天就系统的介绍一下小程序开发。注意，这里只从项目代码上做解析，不涉及小程序如何申请、打包、发布的东西。（这些跟着...

2020-05-27

99浏览

0评论

微信小程序如何使用globalData的方法

微信小程序在JavaScript文件中声明的变量和函数只在该文件中有效；不同的文件中可以声明相同名字的变量和函数，不会互相影响。如果希望在各个页面之间共同使用某些信息，并且可以...

2020-05-27

83浏览

0评论

怎么使用javascript深度拷贝一个数组

有两种数组拷贝类型：浅拷贝 & 深拷贝。浅拷贝只会拷贝数组的第一层，剩下的会引用。如果你需要一个嵌套的数组的拷贝，那需要你去深度拷贝这个数组。深拷贝，选择JSON方法或者Lodsh...

2020-05-27

85浏览

0评论

小试小程序云开发(小结)

微信小程序刚出没多久时，曾经上手写过demo，但开发体验比较差，所以一直没怎么关注。不过自从诸多适配方案出炉，以及云端的开通，觉得还是有必要上手体验一番的，于是为我的技术博客也...

2020-05-27

93浏览

0评论

通过seajs实现JavaScript的模块开发及按模块加载

seajs实现了JavaScript 的模块开发及按模块加载。用来解决繁琐的js命名冲突，文件依赖等问题，其主要目的是令JavaScript开发模块化并可以轻松愉悦进行加载。首先看看seajs是怎...

2020-05-27

83浏览

0评论

vue 父组件中调用子组件函数的方法

在父组件中调用子组件的方法： 1.给子组件定义一个ref属性。eg:ref="childItem" 2.在子组件的methods中声明一个函数。eg: useInPar:function (str) {console.log(str)} 2. 在...

2020-05-27

100浏览

0评论

Vue中实现权限控制的方法示例

一、前言在广告机项目中，角色的权限管理是卡了挺久的一个难点。首先我们确定的权限控制分为两大部分，其中根据粒的大小分的更细：1、接口访问的权限控制2、页面的权限控制菜单...

2020-05-27

113浏览

0评论

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Vue-draggable 的github传送门 :https://github.com/SortableJS/Vue.Draggable一. 下载依赖包：npm install vuedraggable -S 二. 在需要使用的当前界面引入依赖，注册组件：impo...

2020-05-27

109浏览

0评论

sortable+element 实现表格行拖拽的方法示例

背景
1、vue项目中的表格需要实现行拖拽功能2、表格使用element组件库中el-table方案介绍
Sortable.js
介绍：Sortable.js是一款轻量级的拖放排序列表的js插件引用自官方文档：N...

2020-05-27

102浏览

0评论

详解vue项目中实现图片裁剪功能

演示地址
https://my729.github.io/picture-crop-demo/dist/#/前言
vue版本：3.6.3 https://cli.vuejs.org/zh/ cropperjs: 1.5.1 https://github.com/fengyuanchen/croppe...

2020-05-27

95浏览

0评论

Element实现表格分页数据选择+全选所有完善批量操作

后台管理系统中的列表页面，一般都会有对列表数据进行批量操作的功能，例如：批量删除、批量删除等。之前项目中只是简单的用到Element框架中常规的属性、事件。在一次机缘巧合下，...

2020-05-27

86浏览

0评论

vue-cli3项目展示本地Markdown文件的方法

【版本】 vue-cli3 webpack@4.33.0【步骤】1、安装插件vue-markdown-loadernpm i vue-markdown-loader -Dps：这个插件是基于markdown-it的，不需要单独安装markdown-it。2、...

2020-05-27

71浏览

0评论

vue+element 模态框表格形式的可编辑表单实现

要实现的效果如下,初始化的时候,不可编辑,点击编辑按钮,编辑按钮隐藏,取消编辑按钮显示;部分input输入框变为可编辑
<el-dialog title="营销单详情" width="920px" @close="...

2020-05-27

97浏览

0评论

ES6小技巧之代替lodash

Javascript ES6标准实行后，Lodash或者Ramada中的一些功能我们就不需要了，可以使用ES6的语法来实现
获取Object中指定键值
我们现在可以使用解包的方法快速获取对象中指定键值...

2020-05-27

96浏览

0评论

Nodejs异步流程框架async的方法

Async的简单介绍：
Async是一个流程控制工具包，提供了直接而强大的异步功能。基于Javascript为Node.js设计，同时也可以直接在浏览器中使用。Async提供了大约20个函数，包括常用的m...

2020-05-27

109浏览

0评论

你了解vue3.0响应式数据怎么实现吗

从 Proxy 说起什么是Proxyproxy翻译过来的意思就是”代理“，ES6对Proxy的定位就是target对象(原对象)的基础上通过handler增加一层”拦截“，返回一个新的代理对象，之后所有在P...

2020-05-27

77浏览

0评论

Vue使用Proxy监听所有接口状态的方法实现

在开发项目过程中几乎所有接口都需要知道它的返回状态，比如失败或者成功，在移动端通常后台会返回结果，而我们只需要一个弹窗来弹出来结果就可以了。但是这个弹窗如果在整个项目...

2020-05-27

97浏览

0评论

vue集成kindeditor富文本的实现示例代码

指令
该指令的作用是dom渲染后触发，因为非vue的插件有的是dom必须存在的情况下才可以执行Vue.directive('loaded-callback', { inserted: function (el, binding, vnode) { b...

2020-05-27

84浏览

0评论

关于微信小程序获取小程序码并接受buffer流保存为图片的方法

前言昨天因为小程序功能要获取小程序程序码，看了微信文档爬了好多坑。（留一下记录以防后面被坑）操作因为我获取到了微信那里的图片的图片流一直不知道怎么处理，今天总算找到相关...

2020-05-27

92浏览

0评论

微信小程序如何刷新当前界面的实现方法

在微信小程序开发的过程中，在一个页面中对数据操作之后我们大多数时间都需要刷新一下当前界面以把操作之后的结果显示出来，但是如何在执行操作后进行本页面的刷新就成了一个问...

2020-05-27

91浏览

0评论

微信小程序实现折线图的示例代码

插件地址：https://github.com/xiaolin3303/wx-charts/blob/master/dist/wxcharts.js微信小程序折线图效果：首先需要引入一个折线图的插件：XXX.xml 的代码：<canvas style="width:...

2020-05-27

91浏览

0评论

在微信小程序中使用vant的方法

在微信小程序中如何使用vant UI ,最近在开发小程序项目的时候遇到了这个问题, 去网上百度发现大家给的步骤普遍都是直接npm i vant-weapp -S --production,接着构建npm, 然...

2020-05-27

101浏览

0评论

微信小程序与webview交互实现支付功能

实现原理：点击h5网页的支付按钮——(跳转)——>嵌套改h5的小程序的支付页面——(处理支付)——>跳转至支付完成后的页面注意：（1）网页h5中，引入微信的jssdk<script type="text/jav...

2020-05-27

94浏览

0评论

微信小程序发布新版本时自动提示用户更新的方法

如图，当小程序发布新的版本后，用户如果之前访问过该小程序，通过已打开的小程序进入（未手动删除），则会弹出这个提示，提醒用户更新新的版本。用户点击确定就可以自动重启更新，点击取消...

2020-05-27

121浏览

0评论

在mpvue框架中使用Vant WeappUI组件库的注意事项【推进】

1如何引入组件库　　有两种方法 1 npm下载 2 下载代码，下面介绍第二种方法。　　在gitHub上，链接如下 https://github.com/youzan/vant-weapp 首先在自己项目目录static下...

2020-05-27

96浏览

0评论

详解Node.js异步处理的各种写法

异步的“坑”
最近一段时间参与开发了一个Node.js后台项目，作为一个PHP开发者，上手项目本身并不难，但是开发的过程却并不顺利，不顺利的主要原因在于思路上没有转变，没有从同步...

2020-05-27

88浏览

0评论

Vue动态修改网页标题的方法及遇到问题

业务需求，进入页面的时候，网页有个默认标题，加载的网页内容不同时，标题需要变更. 例:功能授权，功能授权(张三).Vue下有很多的方式去修改网页标题，这里总结下解决此问题的几种方案:...

2020-05-27

74浏览

0评论

解决vue单页面应用中动态修改title问题

详细信息查看：vue-weachat-title解决问题：1、Vuejs 单页应用在iOS系统下部分APP的webview中标题不能通过 document.title = xxx 的方式修改该插件只为解决该问题而生(兼容安...

2020-05-27

69浏览

0评论

为vue项目自动设置请求状态的配置方法

在进入一个页面的时候，一般在获取数据的同时，会先显示一个 loading ，等请求结束再隐藏 loading 渲染页面，只需要用一个属性去记录请求的状态，再根据这个状态去渲染页面就好了asyn...

2020-05-27

82浏览

0评论

发布订阅模式在vue中的实际运用实例详解

订阅发布模式定义了一种一对多的依赖关系，让多个订阅者对象同时监听某一个主题对象。这个主题对象在自身状态变化时，会通知所有订阅者对象，使它们能够自动更新自己的状态。比如...

2020-05-27

58浏览

0评论

基于Bootstrap和JQuery实现动态打开和关闭tab页的实例代码

1. 测试环境JQuery-3.2.1.min.jBootstrap-3.3.7-distwin71.2. 实践HTML代码片段
<div class="container-fluid"><div class="row"><div class="c...

2020-05-27

111浏览

0评论

Vue将页面导出为图片或者PDF

本文实例为大家分享了Vue导出页面为PDF格式的具体代码，供大家参考，具体内容如下
导出为图片1.将页面html转换成图片npm install html2canvas --save2.在需要导出的页面引入imp...

2020-05-27

77浏览

0评论

vue通信方式EventBus的实现代码详解

vue通信方式有很多，项目中用的比较多的的有 pros、vuex、$emit/$on 这3种，还有 provide/inject (适合高阶组件)、 $attrs和$listeners (适合高阶组件)以及 $parent/$child/ref...

2020-05-27

79浏览

0评论

JavaScript内置对象math,global功能与用法实例分析

本文实例讲述了JavaScript内置对象math,global功能与用法。分享给大家供大家参考，具体如下：学习要点：1.Global对象
2.Math对象ECMA-262对内置对象的定义是：“由ECMAScript实现提...

2020-05-27

71浏览

0评论

JavaScript变量作用域及内存问题实例分析

本文实例讲述了JavaScript变量作用域及内存问题。分享给大家供大家参考，具体如下：学习要点：1.变量及作用域
2.内存问题JavaScript的变量与其他语言的变量有很大区别。JavaScrip...

2020-05-27

92浏览

0评论

微信小游戏之使用three.js 绘制一个旋转的三角形

three.js是一个可以使用javascript绘制3d图形的库，它对WebGL的api进行封装，使开发更加方便，就像jQuery对DOM的api进行封装一样。接下来就记录一下在小游戏中绘制一个旋转的三...

2020-05-27

79浏览

0评论

浅谈ECMAScript 中的Array类型

前言Array 类型是除了 Object 类型之外又是一个特别经常用的一个类型了，当然数组在其他的语言中都是不可缺少的属性，我们都知道不管 js 还是其他类的语言的数组都是数据的有序...

2020-05-27

83浏览

0评论

javascript function(函数类型)使用与注意事项小结

本文实例讲述了javascript function(函数类型)使用与注意事项。分享给大家供大家参考，具体如下：在ECMAScript中，Function(函数)类型实际上是对象。每个函数都是Function类型的...

2020-05-27

81浏览

0评论

利用node 判断打开的是文件还是文件夹的实例

如下所示：var fs = require("fs");//判断打开的是文件还是文件夹var path = "wen.txt";fs.stat(path,function(err,stat){ if (err) { console.error(err); throw err; }...

2020-05-27

77浏览

0评论

Javascript数组方法reduce的妙用之处分享

前言Javascript数组方法中，相比map、filter、forEach等常用的迭代方法，reduce常常被我们所忽略，今天一起来探究一下reduce在我们实战开发当中，能有哪些妙用之处，下面从reduce语法...

2020-05-27

热门文章