CF1402345274的博客

原创 ES6（第一篇）

SetES6 新增了数据结构 Set,类似于数组，值都是唯一的，没有重复的值Set 是一个构造函数，用来构造 Set 数据结构。字符后面的数字都是拼接，字符前面的数字都是相加return 就可以直接跳出函数外，不管嵌套几层filter 不会改变原数组，可但是可以返回一个新数组map 不会改变原数组，可但是可以返回一个新数组forEach 对数组每一项都运行传入的函数，没有返回值Set() 的类型是 object Set 有哪些属性和方法扩展运算符和 Set 结构相结合，就可以去除数组的重

原创 面试宝典

面试题冯你实习的公司团队有多少人，前端开发岗位有多少人？自己开发还是团队开发？介绍 MVVM数据双向绑定的原理css 页面是彩色的，怎么把页面全部变灰媒体查询做成适配器有几种方法？页面中的元素居中有几种方法？说出两个不固定宽高垂直水平居中的方法？块元素有哪些？行元素有哪些？行级块有哪些css 文件有几种方法导入？这几种方法有什么区别？介绍一下页面渲染的过程每个公司都有自己 css 书写，你自己的书写代码规范是什么呢？介绍一下重绘和重构哪些东西会回发生重绘和重构？总结书写 HT

原创 webpack 配置 css 使用

webpack 加载

原创 configure

原创 vue-ts-demo1

重新创建了项目vue-property-decorator 掘金组件内使用 自定义事件父组件<ButtonDemo @add="add" @reduce="reduce" text="默认按钮"></ButtonDemo> count = 0 add() { this.count++ // console.log(this) } reduce() { this.count-- }子组件@Emit 装饰器 可以接收父组件传递的

原创 interview

HTML5 新增的特性HTML5 新增的特性：video audio canvas svg code main time output progress mark(高亮的引用文字) menu template nav aside footer/header sectionCSS3 新增的特性：它被划分为模块，选择器，框模型，背景和边框，文本效果，2D/3D 转换 ，动画，多列布局，用户界面HTML5 新增的特性: video andio code canvas svg time template se

原创 array

typeof()来判断数据类型typeof(a) === 'string' 结果是 true创建一个函数 将传递的数字或者字符串进行倒序输出function reverse(x: number | string): number | string { if (typeof x === "number") { return Number(x.toString().split("").reverse().join("")); } else { return x.toString()

原创 TypeScript

TypeScript 的核心原则之一是对值所具有的结构进行类型检查。鸭式辨型法 结构性子类型化TypeScript所有数据都是有来源的。vue3 默认用 typeScript 去写。面试 null undefault 的区别还有就是那六种 包不包括 Arrayjavascript 数据类型有 7 种原始的数据类型 null undefined Number Boolean String Symbol (BigInt)Object安装 TypeScript// ts 需要编译之后才.

原创 axios

1204Axios简历中写上做过一个社区文章展示的网站，自己起一个名字，里面自己写了什么东西，是个人练手的项目。不是公司的，根据网站提供的 api 去做的一个练手的东西，不是项目经验。在 created 和 mounted 这两个发请求触发我们的 axios 都差不多，这两个都是同步的生命钩子，created 执行完了， mounted 就执行。axios 发请求都是异步的，请求的结果肯定在这两个人之后执行，但是通常习惯用 created 发请求。他们两者又有什么区别呢？后台相关的 1204(1

原创 Vue 进阶阶段

# vue 的进阶阶段## 1103 上午1. 都是一些技巧性的东西。都是 vue 自带的一些功能,能力提高的东西。### 混入可以把你组件中的某一部分拆分出去，这部分可以是你的生命周期，方法，data，任何一部分，然后任意一个组件想用都可以使用。这就是混入的作用。###### 设置情境我有十个组件，一进入每个组件都展示 hello跳转页面的时候查看是否登录。用户登录了其他网页也才能看- 该对象内的格式和组件导出对象格式一样- 当组件和混入对象含有同名选项时，这些选项将以恰当

原创 CssStyle

Scoped组件样式私有化 scoped,给当前组件的所有标签加一条属性，但是有一点就是给组件下的那个标签写就有用，但是给组件标签里面写的样式就没有用，因为里面的标签没有加上，属性选择只给最外层的那个加了，里面的没有加Flex记住什么是 容器 项目 轴线felx over-flow:hidden flex-grow魔赞商城类似 banner 图，相互重叠在一起怎么在 img 的上方，我先按着左右来划分了jusitfy-conten 左右居中默认边高子元素没有高的话，自动和父级的元素一

原创 vue-shequ

1126提到了一个是设计产品的网站 蓝湖box-sizing:border-box 变成怪异模型，不加就是标准模型：border padding 都不在盒子内容里面，但是怪异模型的就包括了感觉应用事件最多的就是监听器 watchContainer 布局组件考虑到每一个页面都要写同样的宽高大小，所以我们就引出了一个公共的布局组件 Container.vue以及写好了一个公共的布局组件了，但是还会有不同的页面是只需要内容不需要头部的那面就要使用做一个公共的组件 Container.vue 用

原创 Axios

1204简历中写上做过一个社区文章展示的网站，自己起一个名字，里面自己写了什么东西，是个人练手的项目。不是公司的，根据网站提供的 api 去做的一个练手的东西，不是项目经验。在 created 和 mounted 这两个发请求触发我们的 axios 都差不多，这两个都是同步的生命钩子，created 执行完了， mounted 就执行。axios 发请求都是异步的，请求的结果肯定在这两个人之后执行，但是通常习惯用 created 发请求。他们两者又有什么区别呢？后台相关的 1204(1:40:00

原创 vue 组件间的通信

provide && inject什么是 provide && injectprovide/inject 需要一起使用，允许一个祖先组件向其所有子孙后代注入一个依赖 provide，不论组件层次有多深，子组件都能用 inject 接收的到父组件的数据， 并在起上下游关系成立的时间里始终生效。provide 和 inject 只有父子孙组件之间才可以拿到。总结provide/inject 提供了一种新的组件间通信的方法。它允许父组件向子孙组件间进行跨层级的数据分发

原创 Vue 中文社区

1126vue 相关的高级的 TypeScript提到了一个是设计产品的网站 蓝湖然后登陆了 vue 中文社区和 github 关联了。已经解决了复习 git 的使用命令 cd vue create xxx 还要选是否暴露在外面的一个配置，不选暴露就行，如果用 PowerShell 的话可以在其他地方按住 Shift + 右键打开。box-sizing:border-box 变成怪异模型，不加就是标准模型：border padding 都不在盒子内容里面，但是怪异模型的就包括了组件样式私有化

原创 2020-11-26

<template> <div> <h2>文章列表组件，分页展示列表</h2> <div class="article-list"> <ul v-if="books.length"> <li v-for="book in books" :key="book.id"> {{ book.title }} </li> &lt

原创 mini-vue-router

// 该文件是用户引入我自己创建的 mini-router ,进行各种配置import Vue from "vue";// 这是我自己创建的配置文件// import VueRouter from 'vue-router'import VueRouter from "../mini-router";import Home from "../views/Home.vue";import About from "../views/About.vue";// Vue.use 就是执行了 VueRo

原创 1117-1121 权限菜单项目

权限菜单当登录用户以不同的身份进入到这个页面的时候能查看到的信息是不一样的会涉及到一些后台数据交互的管理员进入的时候可以查看到全部的信息和内容但是普通用户进入的是只会查看到部分的内容Stirng 中的 trim()方法的作用就是去掉字符串前面和后面的空格.作用是在输入身份验证的时候去除前后的空格String str = " test trim ";System.out.println(str.trim());// 输出的结果会是test trim前后的空格就没了.浏览器的本地存储

原创 Menu

1112 vue-Cascader主要讲1117权限菜单当老师学生以不同的身份进入到系统的时候，展示的菜单是不一样的。手动配置重要的事：muneList:[{pid:-1,name:“购物车”,id:1,auth:“cart”}]讲 node.js 的东西安装 express跨域的问题，什么是跨域 http 就是协议async一定要学会使用箭头函数这段时间都是练习 递归:index=“index.to.String()” 变成字符串的数字vue-menu手动配置模板b

原创 interview.md

HTML5 新增的特性：video audio canvas svg code main time output progress mark(高亮的引用文字) menu template nav aside footer/header sectionCSS3 新增的特性：它被划分为模块，选择器，框模型，背景和边框，文本效果，2D/3D 转换 ，动画，多列布局，用户界面HTML5 新增的特性: video andio code canvas svg time template section main f

原创 组件间通信

父传子Parent.vue<template> <div> <h4>父组件--父传子</h4> <p> v-model 实时修改 text 的值，然后 change 监听到改变就会立马触发该方法获取里面的内容传递给 Text </p> <input type="text" v-model.lazy="text" @change="ChangeText" /> &

原创 style.md

scss 安装使用Vue 的单文件组件里的样式设置是非常灵活的。通过 vue-loader，你可以使用任意预处理器、后处理器，甚至深度集成 CSS Modules ——全部都在 <style> 标签内。使用工具包 sass-loader 把 scss 扩展语言编译成 css 语言。Vue 的单文件组件里的样式设置是非常灵活的。通过 vue-loader，你可以使用任意预处理器、后处理器，甚至深度集成 CSS Modules——全部都在 <style> 标签内。sc

原创 1027 Flex 弹性布局

Flex 弹性布局类似 banner 图，相互重叠在一起怎么在 img 的上方，我先按着左右来划分了jusitfy-conten 子元素没有高的话，自动和父级的元素一样。align-items: center; 去除了默认父元素的高，但是他有自己的高的话就不会去除justify-content: space-around; 左右有间距justify-content: space-between; 左右里边没有间距...

原创 1023 VuexTree Day Getters and mapGetters

1023做了上节课的笔记... 对象展开运算符今天讲 Getter Action Module在 Son1 和 Son2 两个组件里面求和结果数组的求和函数 .reduce((res,ele)=>res+ele,0),创建公共方法 sum.js 在每个需要的组件中引入使用getters 接收参数 (state,getters),还要传参，函数里面返回一个函数。传参是传给返回的那个函数，不是 gertters 方法下的 getNum 函数，因为 getNum 函数只接收 (state,ge

原创 1022 vuex Two Day mapState and mapMutations

1022 vuex Two day主要讲ECharts 有问题，多去看看 package.js 看版本号,毕业设计有问题的话问老师store 拆分成模块。使用常量替代 Mutation 事件类型,创建 mutations-types.js ,存储 mutation 的常量 const 定义的东西都时不能修改的，所以用来定义常量，对象除外，因为对象存储的是地址，不是值。Mutation 必须是同步函数... 展开运算符。 ...mapMutations(['updateArr']) 是拷贝一个数组

原创 数组方法

Math.abs(x) 返回一个数的绝对值。Math.ceil(x) 向上取整后的值。Math.floor() 向x下取整后的值。Math.round() 四舍五入后的整数。arr.forEach() 遍历数组全部元素，利用回调函数对数组进行操作，自动遍历数组.length次数，且无法break中途跳出循环Math.ceil(.95); // 1Math.floor( 45.95); // 45 Math.round(5.5); // 6var arr = [ 1, 2, 3, 4, 5,

原创 1021 计算属性

计算属性和侦听器都可以监听到data区数据的变化，当数据变化时可以触发方法的调用，从而在方法内部可以进行相应的逻辑处理。 计算属性的语法格式是：computed: {} 侦听器的语法格式是：watch: {}Vue专辑对于任何复杂逻辑，你都应当使用计算属性。（官方原话）打开浏览器就会有第一次引用 调用computed计算属性 把结果缓存起来页面中重复引用直接从缓存中获取第一次引用的结果 不会重新调用conputed中计算属性function求值自定义一些计算属性，只限制当前

原创 1021 Vue 进阶 Vuex OneDay

1021 vuex 组件间的通信 one dayECharts 以后用的非常多yam 下载安装的computed 是什么store.num 修改成 x.num 行不行下载 vue 插件 :每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。...

原创 1020 DigitalCity

1020李明云杭州共存的问题写一个 option 然后 series 里面写数组数组存在一个问题:不能 [11,哈哈]，应该 [value:11,text:哈哈]用 map 数组映射不建议 label 应该添加 Y轴 要把刻度线去掉 yAxis[{}.{}] 就会出现两条 Y 轴，找轴的相关属性设置。axis 是刻度线 length:5 linestyleparams 是每一个小柱子 params.dataIndex 是里面的一个属性 log 出来的回去要写简历 写成精通ECharts

原创 在 Vue 中使用 ECharts(数据可视化)

使用步骤在命令行中输入 npm install echarts --save --save 是代表安装运行依赖的。 或者在 图形化界面的 运行依赖 中安装 echarts在官网中 --> 文档 --> 在 webpack 中使用 ECharts. 中按需引入 ECharts 图标和组件(但是也可以全部引入，只不过包有点大而已)创建 mounted()方法引入，包要放在最外层，把 require('echarts/lib/chart/bar'); 的 require 换成 import

原创 1016 Swiper ECharts(数据可视化)

Vue 安装使用 Swiper之前使用的是 获取Swiper 点击下载在依赖>运行依赖中安装 swiper 是 6 版本的。import swiper from 'swiper' --> console.log(swiper) //swiper 函数引 css import "swiper/swiper-bundle.min.css";粘结构创建实例的要放到 mounted 里面。遇到问题整个下载下来测试：新建index.html 引入 package 包下的 swiper.

原创 1015 Flex 弹性布局

Flex 弹性布局简介flex 是一种弹性盒子布局方式抛弃原来的 float 布局方式设为 Flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。flex 核心 学之前就要搞懂了容器：设置了 display:flex; 的元素就是容器容器的轴线:分横向和纵向，默认主轴线是横向项目: display:flex; 的子元素就是项目，项目并不会超出盒子，而且项目按照容器的主轴线排列，项目会自动转化为块元素，项目如果没有设置高度默认和容器的过渡一致，想

原创 1014 CSS 样式扩展

问题: App父组件会覆盖子组件的样式<!-- 父组件 --> <div class="box">灰色</div><!-- 子组件 --> <div class="box">红色</div>/* 父组件 */.box{ width: 100px; height: 100px; background-color: #ccc;}/* 子组件 */.box { width: 200px; he

原创 Vue父组件传参，子组件修改并使用

父组件 Tabs.vue <template> <div> <h2>我是一个选项卡</h2> <div class="tabs"> <el-button type="primary" :class="{ active: showtype === 'Home' }" @click="showtype = 'Home'" >Home</el-button> <el-but

原创 vue 0909 笔记

0909流程:先讲的是 1. components 怎么使用 2. components 是 if 还是 show 3.动态组件上使用 keep-alive主要讲今天得知识点先讲基础知识。动态组件 异步组件 动画混入是高级的语法以后 再给大家说。命令行输入 vue create vue-xxx 完毕之后就自己选。第一种写法:点击展示某个组件条件渲染 (使用 v-if) 不频繁使用条件展示 (使用 v-show) 频繁使用语法糖简化写法:动态组件 <component v-bi