tfxznb-优快云博客

原创 vue写组件应该注意的问题

vue写组件应该注意的问题高度抽离组件功能高度抽离组件功能我们知道，vue中的数据流是单项的，所以提升组件复用性最好的办法就是使子组件只展示数据，将功能函数写在最大的父组件中，使用props将函数或者数据进行向下传递，一层一层，当需要维护时，只需要在最大的组件中进行修改即可。下面我们将一个vue的todolist使用组件进行写下面上代码<template> <div> <my-input :addNew="addNew"></my-input&

2020-09-30 08:41:15 610

原创关于iconfont在vant组件中自定义的解决方案

关于使用iconfont在vant-icon中的自定义我们知道，vant的组件虽然功能很强大，而且图标也很多，但是我们还是会发现它的图标库并不能满足我们所有的需要，所以我写了这篇博客来记录如何在van-icon中自定义图标在vant的官方文档icon图标这章有一个属性是class-prefix,官方文档的解释是自定义图标时进行应用，那么这个究竟是什么意思呢。当我们使用van-icon中的只传入name值为plus时，我们在生成的dom树中查看，会发现他会生成一个i标签，并携带类名<i class

2020-09-16 21:32:07 2122

原创 vuex预习

vuex预习自己的理解官方的解释使用的环境基本的两个用法几个示例自己的理解这东西的话我自己看官方文档并没有理解，不过就我个人理解的程度来看的话，vuex就好像一种在vue全局定义的一种变量与方法，在你写的所有组件中都可以进行调用，相当于在vue中开辟了一块真正的空间，在组件中的任意地方都可以改变其中的变量，都可以执行其中的方法，而这种东西正是购物车添加的必要选项。官方的解释官方的文档虽然通俗易懂，但是奈何本人智商较低，所以只能粘贴过来了Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式

2020-09-14 06:48:12 248

原创 mockjs

Mockjs什么是Mockjs使用的实例什么是MockjsMockjs是一种模拟数据的工具，当项目还没有进行联调时，前端可以通过Mockjs按照接口文档的要求进行数据模拟，它可以拦截ajax请求，并生成随机数据，让前端可以脱离后端进行开发使用的实例1.安装npm install mockjsnpm install axiosaxios可以实现发送ajax请求2.引入mockjsrequire("./mock.js")3.示例et data = [] // 用于接受生成数据的数组l

2020-09-09 08:35:29 201

原创 vue预习

Vue组件的自学总结我对组件的初始理解props单个根元素监听子组件事件插槽动态组件与dom解析我对组件的初始理解在我看过vue组件的实例化之后，我的脑海中只有“尤雨溪牛逼”这五个字，你可以自定义你需要使用的标签，这是多么舒服的一件事情。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="widt

2020-08-31 03:56:16 211

原创 js注意点（一）

js需要注意的几个点原始(Primitive)类型= = 与 = = =if语句的判断条件逻辑判断语句原始(Primitive)类型在js中，存在着6中原始值，分别是：undefined，null，string，number，boolean，在es6中新增了一种基本数据类型为symbol。原始数据都为值类型，是没有函数可以调用的，比如undefined.toString()‘1’.toString() 是可以使用的。其实在这种情况下，‘1’ 已经不是原始类型了，而是被强制转换成了 String 类型

2020-08-28 10:30:52 211

原创关于一些互联网名词

互联网名词运营模式O2OB2BC2CB2CP2PBS架构CS架构TOBTOC职业名称RDFEQAUEOPUIDBPM运营模式O2OO2O，是Online To Offline的缩写即在线离线/线上到线下，是指将线下的商务机会与互联网结合，让互联网成为线下交易的平台，这个概念最早来源于美国。O2O的概念非常广泛，既可涉及到线上，又可涉及到线下,可以通称为O2O。主流商业管理课程均对O2O这种新型的商业模式有所介绍及关注。在我们身边，最常见的例子就是美团，它是一个典型的线上对线下的交易平台。B2BB

2020-08-17 23:25:35 1116

原创 ES6总结（三）

@[toc]ES6总结（三）内置对象内置对象setset对象是es6新增的内置对象，他是一种不重复的值的集合，最常用的方法即为数组去重。添加set对象使用添加add（）方法进行添加，删除元素使用delete方法进行删除元素，对象的遍历可以使用for of进行迭代，也可以使用forEach进行遍历，判断是否含有元素可以使用.has()方法；获取对象的长度使用size属性进行获取，他只可以获取而不能设置。var arr = [1,2,2,2,3,4];arr = [...new Set(arr)];

2020-08-13 08:54:00 107

原创 ES6总结（二）

ES6总结（二）箭头函数新增数组方法遍历数组的方法箭头函数箭头函数是es6新增的函数写法，其简单直观的方式深受广大程序员的喜爱，而且在一些特殊的要求下，我们必须使用箭头函数，它与function（）{}的最大区别就是关键字this的指向不同，下面放一段代码演示： name, age, city, say() { setInterval(() => { console.log(this

2020-08-12 00:23:44 109

原创 ES6学习总结(一)

ES6总结（一）ES6简介新增关键字letconst解构赋值数组模型的解构ES6简介ES6，全称 ECMAScript 6.0 ，是 JavaScript 的下一个版本标准，2015.06 发版。ES6 主要是为了解决 ES5 的先天不足，比如 JavaScript 里并没有类的概念，但是目前浏览器的 JavaScript 是 ES5 版本，大多数高版本的浏览器也支持 ES6，不过只实现了 ES6 的部分特性和功能。在ES6中，我们解决了很多的代码重复的问题，开发者们可以使用更少的事件去实现更多的

2020-08-11 08:57:09 338

原创 jQuery总结（一）

jQuery总结jQuery简介功能选择器jQuery方法总结内部插入方法外部插入方法获取方法jQuery简介jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互。在早

2020-08-10 21:32:26 291