流苏c-CSDN博客

原创为什么我很久没有写博客了

一、起因 8月的某一天，因为遇到了某个难题，我像往常一样先翻看官方文档，再去各个博客平台上去查阅网友们的经验，但是这个问题并不是框架的问题相关，因此我直接上博客平台，首先是xxdn，作为初学者时候，只要百度链接上都是xxdn，因此最初我也考虑到了这个平台，但是随之而来的问题就出现了，当我搜索问题之后，发现相关问题答案数不胜数，但点进去都是同一个回答，或者是直接摘录过来，有的贴上转载，有的直接改为原创… 早在之前也发现过这个问题，活跃在各大平台上越多，就会发现xxdn问题尤其明显，大量重复且没有营养的

2021-09-22 16:07:34 360 2

原创 Iterator

1、iterator迭代器是什么js原有的表示数据的集合主要是数组和对象，而es6又新增了map和set用于表示新的数据结构，而用户又可以在内部自定义自己的数据结构，这是就需要一个接口来方便我们可以对他进行统一的遍历。遍历器（Iterator）就是这样一种机制。它是一种接口，为各种不同的数据结构提供统一的访问机制。任何数据结构只要部署Iterator接口，就可以完成遍历操作（即依次处理该数据结构的所有成员）。部署了iterator的集合又叫做可遍历的集合2、iterator的作用为各种数据结构

2021-08-08 09:56:11 582

原创 Generator

Generator1、什么是GeneratorGenerator函数是es6提供的一种异步编程解决方案，（promise也是…）从语法上，可以把它理解为，Generator函数上一个状态机，内部封装了多个状态Generator函数会返回一个iterator，也就是说，该函数还是一个iterator生成器，而生成的这个iterator会用于遍历内部的状态形式上，Generator函数和上一个普通函数，有两个特征：function 关键字与函数名之间有一个星号函数体内部使用 yield 表达式

2021-08-06 14:00:51 314 1

原创 promise

Promise1、promise是什么传统异步编程的方式是发送请求，成功之后回调函数，即回调函数和事件的解决方案。这种方式解决异步编程容易出现回调地狱，即当回调函数中还存在回调函数多层嵌套的话，代码不仅不方便阅读，还容易错乱，如：setTimeout(function(){ setTimeout(function(){ setTimeoue(function(){ console.log('1') },1000) },1000)},1000

2021-08-03 08:33:38 174 2

转载 BFC到底是什么？IFC、GFC、FFC？

1、BFC的定义我们常说的文档流分为普通流、浮动流与定位流三种。FC(formatting context格式化上下文)，指的是一块渲染区域，依靠渲染规则，决定其子元素如何布局及与其他元素的关系和作用。FC分为BFC、IFC、GFC和FFC，其中BFC(block formatting context)块级格式化上下文BFC可以简单的理解为某个元素的一个css属性，只不过这个属性不能被开发者显式的修改，拥有这个属性的元素对内部元素和外部元素会表现出一些特性，这就是BFC。2、关于BFC、IFC、G

2021-08-01 09:38:58 314

原创什么是es6

1、历史ES6，全称ECMAscript 6.0，由欧洲计算机制造商协会制定，在2015年6月发布6.0版本，这个版本就是ES6版本。此前已经发布了多个版本，在ES6发布之前，都统称为ES2015，在ES6发布之后，包括ES7、ES8…之后的版本都统称为ES62、ES6运行环境所有主流浏览器已经几乎都支持es6的新功能，只有少部分不支持Node是JavaScript的运行环境，他对es6的支持度更高，除了那些默认打开的功能，还有一些语法功能已经实现了，但是默认没有打开。使用阮一峰老师编写的工具

2021-08-01 08:40:38 3935

原创 vue的组件插件化封装

vue组件插件化封装一、场景当我们封装好一个组件，这个组件很小，但是却是很多地方都要使用的公共组件，如一个弹出小框。这个时候我们在每个需要用到的大页面都去引入这个小框然后对他传入内容数据显得很繁琐。例如：toast.vue弹出框组件<template><div class="toast" v-show="isShow">{{massage}}</div></template><script> export default

2021-07-29 10:26:23 1443 1

原创数组方法大全(持续总结...)

数组方法大全join()作用不改变原数组用法push()和pop()作用改变原数组用法shift() 和 unshift()作用改变原数组用法sort()作用改变原数组用法reverse()作用改变原数组用法concat()作用不改变原数组用法slice()作用不改变原数组用法splice()作用改变原数组用法indexOf()和 lastIndexOf()（ES5新增）作用不改变原数组用法forEach() （ES5新增）作用改变原数组用法map() （ES5新增）作用不改变原数组用法filter() （

2021-07-26 14:33:28 1033

原创 linux创建用户

Linux创建用户后没用对应的家目录？由于创建用户使用得比较少，每次都只记得useradd，好家伙一套操作下来，发现没家目录？？1、useradd命令使用useradd命令创建用户如果缺少参数会没有家目录，如：创建新用户# useradd test1设置密码# passwd test1# 输入两次密码此时查看用户会没有家目录解决方法：如果还没有创建则加入参数-m# useradd -m test1如果已经创建，把之前的用户删除再创建# userdel test1#

2021-07-22 14:04:33 3688 1

原创 Vuex的基础知识

Vuex一、认识Vuex1、Vuex是做什么的？官方解释：Vuex是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试功能。2、状态管理到底是什么？状态管理模式、集中式存储管理这些名词听起来就非常高大上，让人捉摸不透。其实，你可以简单的将其

2021-07-21 14:19:01 270

原创 flex布局

flex布局1、flex布局模型2、flex相关的属性3、应用在flex container上的css属性3.1 flex-flow3.2 flex-direction3.3 justify-content3.4 align-items3.5 flex-wrap3.6 align-content4、应用在flex items上的css属性4.1 order4.2 align-self4.3 flex-grow4.4 flex-shrink4.5 flex-basis4.6 flex4、关于align-ite

2021-07-18 15:44:29 679

原创云服务器的使用

云服务器的基本使用与环境搭建最近学习的时候，好多小伙伴部署服务器各种错误！我还不信了，我当场！去买了个新服务器，做一个简单的环境搭建，同时把步骤给写下来一、购买云服务器阿里云、腾讯云购买，活动时购买，打折力度大地域看自己喜欢操作系统建议使用Ubuntu在阿里云中：右上角点击控制台可以查看自己买的服务器二、远程登录阿里云服务器要求必须重置密码后才可以使用（腾讯云大概也是）点击右上角控制台 --> ECS云服务器 --> 左侧实例 -->管理实例 -->点击重

2021-07-15 07:39:52 1629

原创学习面向对象笔记

面向对象学习一、面向对象编程介绍1、两大编程思想2、POP与OOP的对比面向过程面向对象二、ES6中的类与对象1、对象2、类3、创建类及实例化3、constructor构造函数4、类的公共方法三、类的继承1、继承（extends）2、super关键字四、构造函数和原型1、概述2、构造函数3、构造函数的问题4、原型对象（`prototype`）5、对象原型（`__proto__`）6、构造函数（constructor）7、原型链8、成员(属性)查找机制9、原型对象的this指向问题10、扩展内置对象11、Ob

2021-07-13 07:20:20 215 2

原创修炼Vue-模块化

上一篇：修炼Vue-组件化文章目录一、模块化简介1. 前期的模块化2. es6的模块化语法二、模块化打包工具三、webpack配置vue1. 下载vue并引入2. 编写vue相关代码四、Vue CLI 脚手架1.什么是Vue CLI2. Vue CLI的安装安装拉取命令3. 安装CLI错误4. Vue CLI2目录结构解析runtime-only与runtime+compile的区别render函数5. Vue CLI32与3的区别目录结构解析main文件配置文件的查看和修改目录结构解析main文件配置文

2020-11-10 19:11:25 594

原创 webpack零碎知识点补充

文章目录一、如何修改运行webpack的指令二、--save与--save-Dev的区别1. dependencies和devDependencies2. --save与--save-Dev一、如何修改运行webpack的指令打开package.json文件,找到以下代码"scripts": { "test": "echo \"Error: no test specified\" && exit 1"}加入"scripts": { "test": "echo \

2020-11-06 20:15:02 207 1

原创修炼Vue-组件化

文章目录Vue的组件化一、认识组件化1. 什么是组件化2. 组件化思想二、注册组件1. 组件的使用步骤三、组件其他补充1. 全局组件和局部组件2. 父组件和子组件3. 组件的语法糖写法4. 组件模板抽离的写法四、组件数据存放1. 组件能访问vue中的数据吗2. 组件中的data为什么必须是函数五、父子组件通信1. 父传子props2. props的驼峰命名3. 子传父(自定义事件)4. 数据双向绑定案例5. 父访子-\$children-\$refs6. 子访父-\$parent-\$root六、插槽slo

2020-11-06 10:48:16 627

原创修炼Vue-基础语法

Vue基础语法一、插值操作1、Mustache语法即{{ msg }}，里面可以写一个变量，也可以写表达式。2、其他语法1. v-once该指令后面不需要跟任何表达式，之前学的v-for是需要的该指令表示元素和组件只渲染一次，不会随着数据的改变而改变2. v-html、v-textv-html指令可以识别html内容v-text指令不会识别html内容3. v-pre该指令可以将标签的内容原封不动的显示出来4. v-cloak该指令会在vue还没有解析DOM的时候在

2020-11-06 10:40:28 720

原创邂逅vue

文章目录一、认识vuejs1、为什么学习vuejs2、简单认识一些vuejs二、vuejs安装方式1、CDN引入2、下载和引入3、NPM安装三、vuejs初体验1、hello vuejs2、vue列表展示3、案例：计数器四、vuejs的MVVM1、什么是MVVM？2、Vue的MVVM五、Vue的options选项六、Vue的生命周期1、什么是Vue的生命周期2、Vue的生命周期函数有哪些七、定义Vue的template一、认识vuejs1、为什么学习vuejs国内很火，工作必学2、简单认识一些vue

2020-11-01 00:38:48 1058

原创 webpack入门跟学笔记

学习了两个星期，断断续续终于还是把webpack4学完了，我学习的时候webpack5是已经出来了的，但是大同小异先学webpack4再过渡到webpack5可以了解他们之间的差异，本次学习无项目实战，主要为webpack的配置详解，过程中因为版本问题也遇到了一些错误，在此记录我的学习笔记，这是跟做的版本，即有详细的步骤，后续还会想整理再发布一个知识点版的，大家一起进步！笔记如有错误，欢迎评论指正。文章目录一、webpack概述1、什么是webpack2、需要提前掌握的内容3、最终掌握的webpack哪些

2020-10-30 21:07:36 1382

原创 webpack报错大全

本人在学习的时候遇到的一些问题及解决方法在此记录一下并且分享给大家。如有错误欢迎评论指正！文章目录一、Automatic publicPath is not supported in this browser问题1、起因2、解决方法二、Cannot find module 'webpack-cli/bin/config-yargs问题1、起因2、解决方法一、Automatic publicPath is not supported in this browser问题1、起因最近在学习webpack之

2020-10-30 20:58:13 921

原创 webpack打包html中img标签引入的图片遇到的问题

解决Automatic publicPath is not supported in this browser问题一、起因最近在学习webpack之时遇到了这个问题，问题是出现在学习打包html中的img标签之时，根据教程打，教程的loader配置是这样的 { test:/\.(jpg|png|gif)$/, //多个loader时，使用use，一个时可以直接使用loader //下载

2020-10-18 11:46:55 1872 9

lscheng的博客