- 博客(26)
- 收藏
- 关注
RSS订阅原创 find()的基本使用
find()定义和用法find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。find() 方法为数组中的每个元素都调用一次函数执行：当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。如果没有符合条件的元素返回 undefined注意: find() 对于空数组，函数是不会执行的。注意: find() 并没有改变数组的原始值。举个栗子解释：栗子项目采用vue全家桶+element-ui技术栗子 适用于在表格中计算当
2020-10-25 20:48:27
1233
原创 axios上传文件数组
axios上传文件vue + element + axios我用的是element的upload组件，但并未用element的上传只是用的element组件的文件fileList和样式普通的上传文件是着这样的var formdata = new FormData() // 创建form对象 formdata.append('file', data.file) // 在form对象添加file文件 const config = { headers: { 'Content-Type':
2020-06-22 11:50:07
1431
1
原创 vue引入静态js文件(以引入adaPay.min.js文件为例)
vue引入静态js文件注：附Adapay的SDK引入方法废话不多说直接上代码// 公众号可以，小程序不可以。公众号按照正常工具类引入即可。（文件路径一定要正确）import AdaPay from '@/js_sdk/adaPay/adaPay.min'下图是我的文件路径、js_sdk在src目录下// 在methods中的支付事件中调用AdaPay.doPay即可 creat...
2020-03-16 15:14:12
2787
2
原创 运用for循环和判断来完成点击改变样式
运用for循环和判断来完成点击改变样式<template> <div @click="pitchOn(index, item)" v-for="(item, index) in arr" v-bind:key="index" :style="allstyle[clickIndex === index ? 'select' : 'unSelect'].option" cla...
2020-01-21 17:22:27
443
原创 Vue中自定义组件
Vue中自定义组件的方法组件为单文件时的定义方法1、把文件接过来import (自定义名字) from ‘(要注册成自定义组件的单文件路径)’import AA from '@/components/A-A'2、把接过来的组件在components方法中注册components: { AA }3、在template中使用<template> <A...
2019-12-19 14:31:21
106
原创 同步异步宏任务和微任务/事件循环
1.简单理解同步异步、宏任务和微任务js是单线程的，所有的任务都要排队挨个执行，就好比做保健（执行js代码），保健师傅只有一个（单线程），顾客（js代码）需排队享受服务，排队的顺序按照顾客的种类（同步异步、宏任务微任务）和顾客到店顺序（在代码中的位置）执行；同步与异步、宏任务和微任务分别是函数两个不同维度的描述。异步任务：setTimeout和setInterval、ajax、事件绑定等同...
2019-12-02 20:44:29
385
原创 vue的路由模式及修改方法
vue的路由模式有两种模式History和hash模式，切换方式有两种。默认为hash模式，修改为history的方法如下，此方法也可以修改为hash模式
2019-12-02 19:58:58
4799
转载 Vuex使用详解
Vuex详解在SPA单页面组件的开发中 Vue的vuex和React的Redux 都统称为同一状态管理，个人的理解是全局状态管理更合适；简单的理解就是你在state中定义了一个数据之后，你可以在所在项目中的任何一个组件里进行获取、进行修改，并且你的修改可以得到全局的响应变更。下面咱们一步一步地剖析下vuex的使用:首先要安装、使用 vuex首先在 vue 2.0+ 你的vue-cli项目中安...
2019-11-29 09:07:57
105
原创 Vue中的computed计算属性
文章目录computed与watch的异同不同点相同点示例源码结果分析computed与watch的异同不同点触发条件不同 computed计算属性会依赖于使用它的data属性，只要是依赖的data属性值有变动，则自定义重新调用计算属性执行一次。 watch则是在监控的data属性值发生变动时，其会自动调用watch回调函数。执行速度不同 computed计算属性的值是...
2019-11-28 08:58:09
383
原创 解决web移动端页面缩放的问题
//在<meta>标签中里面加上user-scalable=no<meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=no">
2019-11-27 19:15:39
621
原创 调用QQ客服对话聊天窗口：
移动端：<a target="_blank" href="mqqwpa://im/chat?chat_type=wpa&uin=你的QQ号&version=1&src_type=web&web_src=lvlingseeds.com">手机QQ客服</a> pc端：<a href="http://wpa.qq.com/msgrd...
2019-11-21 11:05:43
826
原创 react路由传参
react路由传值params传参：传值：<div key={item.pid}> <Link to={"/other/"+item.pid}>{item.pname}</Link></div>接收：componentDidMount(){ console.log(this.props.params.id) //...
2019-11-16 17:50:06
97
原创 react路由
react路由1、在App.js组件中定义方法如下：import {Link} from 'react-router'function App(props){ return( <div> <h2>路由</h2> <Link to="/home">首页</Link> //Link标...
2019-11-16 15:13:56
72
原创 Vue生命周期属性及方法
生命周期及属性方法生命周期Vue生命周期包含十一个阶段（钩子函数），详细信息为：beforeCreate(){}：创建前；类型为一个函数；此状态下数据和Vue实例都没有准备好，不能进行数据的调用。Created(){}：创建后；类型为一个函数；此状态下数据和Vue实例都已经准备好了，可以进行数据的调用。beforMount(){}：挂载前；类型为一个函数；Vue实例已经被创建，$el已经...
2019-11-15 08:31:42
263
原创 react生命周期详解
react组件的生命周期：1、生命周期指的是组件从初始化开始到结束的过程 或者是生命周期是描述react组件从开始到结束的过程2、每个react组件都具有生命周期3、react都对组件通过生命周期给予的钩子函数进行管理钩子函数：指的是系统某些状态和参数发生改变的时候，系统立马去通知对应处理的函数 叫做钩子函数。一方面有变动。另一方面立马去处理；去处理的函数就叫钩子函数。rea...
2019-11-13 20:31:30
177
原创 框架使用注意点
框架面向对象：面向对象是一种程序开发的方法，它将对象作为程序的基本单元，将程序和数据封装其中，以提高软件的灵活性、重用性和扩展性。对象是把数据及对数据的操作方法放在一起，作为一个相互依存的整体。再说一下类与对象，类描述了一组有相同特性和相同行为的对象，具有相同属性和相同方法的对象的抽象就是类。即，对象的抽象是类，类的实例是对象。在面向对象的编程中，把用类创建对象的过程称为实例化。面向过程与面...
2019-11-13 19:46:53
267
转载 实现数组扁平化的五种方法
数组扁平化概念数组扁平化是指将一个多维数组变为一维数组[1, [2, 3, [4, 5]]] ------> [1, 2, 3, 4, 5]实现reduce遍历数组每一项，若值为数组则递归遍历，否则concat。function flatten(arr) { return arr.reduce((result, item)=> { r...
2019-11-13 18:52:57
211
原创 React组件的属性和状态
React组件的属性和状态属性（定义完不可更改）：数据传递的载体属性和状态是react中数据传递的载体组件接收属性值的传递：this.props.属性名属性添加：<Header title=“留言” />//title为添加的属性展开式属性添加（只适用于添加对象属性）：<Header {…obj}/>//obj为添加的属性**接收：**在组件内{this.pr...
2019-11-12 21:32:00
203
原创 React组件基本构建
React组件基本构建react简介：react发展－－－facebook在构建instagram网站的时候遇见两个问题1、数据绑定的时候，大量操作真实dom，性能成本太高2、网站的数据流向太混乱，不好控制于是facebook起初调研过市场上已存的mvc框架，发现都不太满意，于是就推陈出新，开发了react框架，并在2013年五月份开源React 把用户界面抽象成一个个组件，如按钮组件...
2019-11-12 20:17:30
171
原创 wabpack打包工具使用方法
wabpack简介：一款针对JavaScript的代码模块打包工具将多个模块整合或打包到一个出口或者几个极少量的出口的js文件上；并且，这个文件是能够被浏览器解析的。用处/优势：如果你曾经遇到过以下任何一种情况：1、载入有问题的依赖项；2、意外引入一些你不需要在生产中用上的 CSS 样式表和 JS 库，使项目膨胀；3、意外的两次载入（或三次）库；4、遇到作用域的问题 —— CSS...
2019-11-11 20:25:43
311
原创 nuxt框架的基本使用
nuxt框架的基本使用特性：基于 Vue.js自动代码分层服务端渲染强大的路由功能，支持异步数据静态文件服务ES6/ES7 语法支持打包和压缩 JS 和 CSSHTML头部标签管理本地开发支持热加载集成ESLint支持各种样式预处理器： SASS、LESS、 Stylus等等支持HTTP/2 推送安装：为了快速入门，Nuxt.js团队创建了脚手架工具 create-n...
2019-11-08 20:46:02
451
原创 一个完整的Vue路由
首页 关于 其他 <template id="index"> <div> index </div> </template> <template id="about"> <div>about</div> &l...
2019-11-06 16:41:49
105
原创 路由的四种跳转方式以及参数传递
router-link不带参数 //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。2.带参数// params传参数 (类似post)// 路由配置 path: “/home/:id” 或者 path: “/home:id”// 不配置path ,第一次可请求,刷新页面i...
2019-11-05 15:09:47
1162
原创 Vue2.0
手把手教你Vue2.0一天从零到精通前端开发规范1、工作目录构建 － 简洁清晰，命名合理，直观2、代码命名规范 － 与实际模块功能英文保持一致；注释，换行，嵌套合理；3、开发文档 － 交接文档一目了然vue基础语法Vue全家桶：Vue axios Vue-router Vuex每个 Vue.js 应用都是通过构造函数 Vue 创建一个 Vue 的根实例 启动的Var ...
2019-10-29 14:02:23
169
原创 Vue路由
Vue路由1、先引Vue文件再引vue-router1、创建实例化对象var app=new Vue（{ el：“#app”，}）2、先写导航标签首页3、创建视图容器作用：用来存放每个路径应该加载的组件试图的4、创建组件、有几个路径创建几个组件（1）创建视图模板/创建组件模板 组件模板 （2）创建组件对象（不是创建组件标签）v...
2019-10-26 13:58:30
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人