编程开发 - 教程之家

编程开发

分类导航：HTML/html5 CSS JavaScript PHP Python Java IOS .NET R语言 Android Go语言鸿蒙OS C类语言综合编程正则表达式

53浏览

0评论

在vue项目中,将juery设置为全局变量的方法

1.首先执行：npm install jQuery --save-dev,在package.json里加入jQuery。2.修改build下的webpack.base.conf.js方法一：首先加入：const webpack = require("webpack")然后在mod...

2020-05-27 04:41:25

64浏览

0评论

JavaScript常用数组操作方法,包含ES6方法

一、concat()concat() 方法用于连接两个或多个数组。该方法不会改变现有的数组，仅会返回被连接数组的一个副本。var arr1 = [1,2,3];var arr2 = [4,5];var arr3 = arr1.conca...

2020-05-27 04:41:24

43浏览

0评论

vue移动端弹框组件的实例

最近做一个移动端项目，弹框写的比较麻烦，查找资料，找到了这个组件，但是说明文档比较少，自己研究了下，把我碰到的错，和详细用法分享给大家！有疑问可以打开组件看一看，这个组件是仿laye...

2020-05-27 04:41:23

38浏览

0评论

VUE实现可随意拖动的弹窗组件

背景：项目需要，我们引入了前端框架就是目前最流行的框架之一vue,同时引入了一套由饿了吗维护的ui库，由于我们是在pc端使用发现它竟然没有提供可随意拖动的窗口，可能用的更多的时...

2020-05-27 04:41:22

57浏览

0评论

在axios中使用params传参的时候传入数组的方法

如下：changeList为一个数组此时请求的参数格式为下图解决方案为将数组json序列化此时参数格式为以上这篇在axios中使用params传参的时候传入数组的方法就是小编分享给大家的...

2020-05-27 04:41:21

54浏览

0评论

解决v-for中使用v-if或者v-bind:class失效的问题

在v-for循环出来的列表中使用v-bing动态绑定class、v-show或v-if动态控制个别item 场景一般多用于多项选择原因是在v-for循环的时候 items是动态创建，所以不会被监听并且实时...

2020-05-27 04:41:19

39浏览

0评论

详解搭建es6+devServer简单开发环境

搭建基于es6和热加载的前端简单开发环境，适合demo类小项目，这样就不用依赖browsersync等多余的东西目录结构 /src index.js index.html /dist安装依赖
注意版本...

2020-05-27 04:41:18

46浏览

0评论

vue观察模式浅析

观察者模式
首先话题下来，我们得反问一下自己，什么是观察者模式？概念
观察者模式（Observer）：通常又被称作为发布-订阅者模式。它定义了一种一对多的依赖关系，即当一个对象的状态发...

2020-05-27 04:41:17

59浏览

0评论

在vue中多次调用同一个定义全局变量的实例

在Vue开发中，有很多场景会用到多次重复的API请求。例如： '//192.168.1.117:1009/'在多个地方调用，每次书写很麻烦，后期项目维护也不好管理。我们可以在src目录下创建一个api文件...

2020-05-27 04:41:16

39浏览

0评论

Vue2.0学习系列之项目上线的方法步骤(图文)

当你好不容易的做好了一个Vue项目，准备去上线的时候却发现不知道该怎么办时，或者遇到了一些问题，那么来看我这篇文章吧，你会有所收获的。1：打包项目上线必须要打包。
命令： npm ru...

2020-05-27 04:41:15

54浏览

0评论

vue解决一个方法同时发送多个请求的问题

在项目开发过程中，让人抓狂之一的问题就是一个点击事件，当快速点击的时候，它会重复发送多个请求。这是不允许出现的。但是怎么解决这个问题呢？一般处理方法，就是点击的时候，立刻将...

2020-05-27 04:41:13

53浏览

0评论

使用vue2.0创建的项目的步骤方法

1.由于vue项目依赖 node.js npm 需要先安装. 若没有请先安装，请按照此文章进行安装https://www.freexyz.cn/article/138020.htm//检查是否有node.js npm vuewin+r 输入cmd...

2020-05-27 04:41:12

45浏览

0评论

深入理解与使用keep-alive(配合router-view缓存整个路由页面)

在搭建 vue 项目时，有某些组件没必要多次渲染，所以需要将组件在内存中进行‘持久化'，此时 <keep-alive> 便可以派上用场了。 <keep-alive> 可以使被包含的组件状态维持不变，即便...

2020-05-27 04:41:11

60浏览

0评论

vue单页缓存存在的问题及解决方案(小结)

1.css同名覆盖,解决方法：父组件加上scoped<style lang="scss" scoped> @import './unbind.scss'</style>子组件同名样式加上deep /deep/ .tabs-row { .items-wrp{ padding...

2020-05-27 04:41:10

57浏览

0评论

Vue中对拿到的数据进行A-Z排序的实例

最近在做一个音乐app练手项目，拿到的数据是杂乱的，又不想跟视频那样重新构造数据，就自己百度使用简便的方法排序，下面说一下我拿到的数据是这样的，我想让他按照A-Z顺序排列1.对于...

2020-05-27 04:41:09

50浏览

0评论

vue单页缓存方案分析及实现

实现全站的页面缓存，前进刷新，返回走缓存，并且能记住上一页的滚动位置，参考了很多技术实现，github上的导航组件实现的原理要么使用的keep-alive，要么参考了keep-alive的源码，但是只...

2020-05-27 04:41:07

54浏览

0评论

解决IE11 vue +webpack 项目中数据更新后页面没有刷新的问题

vue +webpack 项目中数据更新后页面没有刷新问题，ie11下，如果GET请求请求相同的URL，默认会使用之前请求来的缓存数据，而不会去请求接口获取最新数据，我用的解决方法是在每个请求...

2020-05-27 04:41:06

64浏览

0评论

ExtJs使用自定义插件动态保存表头配置(隐藏或显示)

关于保存列表表头的配置，一般我们不需要与后台交互，直接保存在 localStorage 中就能满足常规使用需求（需要浏览器支持）。直接上代码，插件：Ext.define('ux.plugin.ColumnCustom', {...

2020-05-27 04:41:06

59浏览

0评论

vue使用rem实现移动端屏幕适配

要想移动端适配并使用 rem 您需要先看这篇文章，配置好less ➡️ 在vue 中使用 less，就可以使用rem了如果项目已经开发的差不多了，没有用到rem 又要使用rem，您用这...

2020-05-27 04:41:05

56浏览

0评论

vue如何进行动画的封装

本文实例为大家分享了vue动画封装的具体代码，供大家参考，具体内容如下
<style>　　.v-enter,.v-leave-to{　　　　opacity: 0;　　}　　.v-enter-active,.v-leave-active{　　...

2020-05-27 04:41:04

46浏览

0评论

在vue 中使用 less的教程详解

1.安装npm install --save-dev less less-loadernpm install --save-dev style-loader css-loader先在index.html页面head标签内插入这段代码<script> (function (doc, win...

2020-05-27 04:41:03

58浏览

0评论

Vue监听事件实现计数点击依次增加的方法

1.实现计数器功能，每点击一次按钮，count值增加一或增加二，鼠标在cordinates行移动时会更新当前坐标，通过自定义函数或者stop属性禁止事件传播。效果如下：代码如下：<!DOCTYPE html>...

2020-05-27 04:41:01

50浏览

0评论

Vue2.5学习笔记之如何在项目中使用和配置Vue

最开始的项目开发中，我们如果使用第三方的库我们会直接在项目中直接使用 script 元素标签引入即可。<script src="../xxx.js"></script>Vue 我们也可以这种引入的方式<div id...

2020-05-27 04:41:00

73浏览

0评论

web页面和微信小程序页面实现瀑布流效果

小程序实现瀑布流效果，和web页面差不多，都要经过以下步骤：1)、加载图片，获取图片的宽高度；2)、根据页面需要显示几列计算每列的宽度；3)、根据图片真实宽度和每列的宽度比，计算出图...

2020-05-27 04:40:59

103浏览

0评论

Vue中控制v-for循环次数的实现方法

在Vue中的遍历方法v-for控制循环次数的方法可以通过以下两种方法1.截取循环的数据 v-for="(item,index) in domainList.slice(0, 2)" 用这样的方法可以截取循环的数据长度，从...

2020-05-27 04:40:58

49浏览

0评论

原生JS实现简单的无缝自动轮播效果

最近在不断的加强巩固js。在学习jq和vue之后发现很多东西其实都是不明所以，有些底层的东西自己不懂，到头来也只是一昧的使用，一直在用别人的东西，对自己的成长帮助也不大。万丈...

2020-05-27 04:40:57

87浏览

0评论

VUE v-for循环中每个item节点动态绑定不同函数的实例

一. 业务场景：一个title 处可能有一个或多个按钮，按钮对应不同的响应事件二. 思路 : 按钮个数根据传入的数据length 来循环渲染，每条数据对应的事件名称通过动态绑定三....

2020-05-27 04:40:56

121浏览

0评论

基于vue v-for 多层循环嵌套获取行数的方法

在做vue项目的时候难免会用到循环，可是但我们后台数据返回多条记录而且是多层嵌套关系的时候，我们需要获取当前第几次循环此时就会出现问题。下面给大家介绍两种方式，第一种是...

2020-05-27 04:40:55

80浏览

0评论

vue 循环加载数据并获取第一条记录的方法

最近使用elment ui和vue.js，遇到需要像c:foreach类似的效果，就找了vue的API：https://cn.vuejs.org/v2/guide/list.html#v-for-with-v-ifelement ui：http://element.eleme.io/#/z...

2020-05-27 04:40:54

121浏览

0评论

Vue监听一个数组id是否与另一个数组id相同的方法

数据list，结构为[{id:1,…},{id:2,…}]，数据shoplist，结构为[{id:1,…},{id:2,…}]，判断当shoplist.id等于list.id时显示list的数据。.vue文件：<template> <div class="hello"> <...

2020-05-27 04:40:53

58浏览

0评论

详解Axios统一错误处理与后置

问题
在进行业务开发的时候，前后端会对接口的数据结构进行约定，若接口有异常，需要将异常信息展示给用户知晓。这个流程里，数据结构是确定的（事先约定），数据的处理逻辑是相同的（展示...

2020-05-27 04:40:52

63浏览

0评论

node.js使用redis储存session的方法

转储session的原因网上有许多session需要用数据库储存的原因，对我来说原因很简单，仅仅只是node的生产环境不允许将session存到服务器的内存中。会报一个内存溢出的风险警告。...

2020-05-27 04:40:51

56浏览

0评论

深入理解react-router 路由的实现原理

React Router 是一个基于 React 之上的强大路由库，它可以让你向应用中快速地添加视图和数据流，同时保持页面与 URL 间的同步。本文从两个方便来解析 react-router 实现原理。...

2020-05-27 04:40:50

79浏览

0评论

解决vuejs 使用value in list 循环遍历数组出现警告的问题

在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示：警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件：/* eslint-disable */<template> <div class="he...

2020-05-27 04:40:49

72浏览

0评论

使用weixin-java-tools完成微信授权登录、微信支付的示例

本文为学习记录weixin-java-tools实现公众号微信支付.
码云地址：点我 // 授权登录用到 <dependency> <groupId>com.github.binarywang</groupId> <artifactI...

2020-05-27 04:40:48

71浏览

0评论

JS返回页面时自动回滚到历史浏览位置

在我的系统实际开发过程中遇到一个需求，我需要让应用在各个页面间跳转时回到每页原先浏览到的位置，方便用户使用。在网上查资料时，看到的方案有不少，众说纷纭，但真正给出可行可用...

2020-05-27 04:40:47

92浏览

0评论

Vue resource三种请求格式和万能测试地址

注意：1.前端服务器测试地址的万能地址，太好用了http://jsonplaceholder.typicode.com/users，基本能响应各种请求。点击进入官网2.这里测试只写了成功的回调函数，同时还要失败时...

2020-05-27 04:40:45

103浏览

0评论

React项目动态设置title标题的方法示例

在React搭建的SPA项目中页面的title是直接写在入口index.html中，当路由在切换不用页面时，title是不会动态变化的。那么怎么让title随着路由的切换动态变化呢？
1.在定义路由时增...

2020-05-27 04:40:44

72浏览

0评论

react-navigation之动态修改title的内容

本文介绍了react-navigation之动态修改title的内容，分享给大家，具体如下：效果图：
动态修改title内容： static navigationOptions = { title: ({ state }) => `Chat with ${sta...

2020-05-27 04:40:43

69浏览

0评论

Vue 配合eiement动态路由,权限验证的方法

1.要实现动态路由，只需要在main.js中将所有路由表先规定好，如下const routes=[ {path:'/login',component:login},/*登录*/ {path:'/home',component:home},/*首页*/ {path:'...

2020-05-27 04:40:42

84浏览

0评论

vue-router之nuxt动态路由设置的两种方法小结

方法一：router-link<div class="slide-item" v-for="user in shareData.users"> <nuxt-link :to="'/community/member/'+ user.id"> <img src="../../static/head.png" alt=...

2020-05-27 04:40:41

47浏览

0评论

Nodejs把接收图片base64格式保存为文件存储到服务器上

下面一小段代码给大家分享Nodejs把接收图片base64格式保存为文件存储到服务器上的方法，具体代码如下所示：app.post('/upload', function(req, res){ //接收前台POST过来的base...

2020-05-27 04:40:40

48浏览

0评论

vue根据进入的路由进行原路返回的方法

情景：a---------->c 点击返回，希望返回到ab---------->c 点击返回，希望返回到b解决方案：a页面，加from字段PubSub.subscribe('table-view', function(msg, args) { var rowData =...

2020-05-27 04:40:39

49浏览

0评论

微信小程序授权登录及解密unionId出错的方法

注：没有在微信开放平台做开发者资质认证的就不要浪费时间了，没认证无法获取unionId，认证费用300元/年，emmmm....微信授权登录流程第一步：wx.login获取用户临时登录凭证code第二...

2020-05-27 04:40:39

53浏览

0评论

基于JavaScript实现一个简单的Vue

Object.defineProperty()实现之前我们得先看一下Object.defineProperty的实现，因为vue主要是通过数据劫持来实现的，通过get、set来完成数据的读取和更新。var obj = {name:'wc...

2020-05-27 04:40:37

127浏览

0评论

vue项目使用axios发送请求让ajax请求头部携带cookie的方法

最近做vue项目时遇到登录权限问题，登录以后再发送的请求头部并没有携带登录后设置的cookie，导致后台无法校验其是否登录。检查发现是vue项目中使用axios发送ajax请求导致的。...

2020-05-27 04:40:36

48浏览

0评论

基于axios 解决跨域cookie丢失的问题

设置 axios.defaults.withCredentials = true 即可示例代码： axios.defaults.withCredentials = true; var param = new URLSearchParams(); param.append("vCode",vcode); a...