K--kkkkk-CSDN博客

原创 react（第三天）

PureComponentPureComponent 提供了一个具有浅比较的 shouldComponentUpdate 方法,其他和 Component 完全一致浅比较：新修改的数据与原本的数据如果一样则不予更新，否则更新1) 字符串正常2) 对象的话，存的是地址，比较的也是地址，按照地址再去找具体的值，所以没更换新地址的话，那么原本去赋值就不太行，需要解构赋值，this.setState({list:[…list]})Component 不管与原数据是否一样都重新全部更新–App.

2021-07-30 08:23:52 146

原创 react(第二天)

React的⼦传⽗通过一个案例来具体说明首先还是先创建一个子组件class ChildCom extends React.Component{ constructor(props){ super(props) this.state = { msg:'hello' } } render(){ return( <div> <button onClick={this.sendData}>传递给父&lt

2021-07-28 08:35:34 144

原创 react(第一天)

什么是react在这一个小时内对react的认识中，我有了对react的初步印象js库facebook开发的高度的组件化使用jsx将html和js结合单项传输数据虚拟dom只负责view层react并不是一个完整的mvc或者mvvm框架，只是负责view层，特点是“轻”，组件化的开发：组件高度的可重用。含义是将有独立功能的UI控件封装起来，将UI上的每一个独立的模块定义成组件，通过组合或者嵌套的方式构成大的组件，完成完整的UIreact应用场景复杂场景下的高性能重用组件库，组

2021-07-26 20:43:16 219

原创 Vue3(第一天)

1. 认识Vue31) 了解相关信息Vue.js 3.0 “One Piece” 正式版在今年9月份发布2年多开发, 100+位贡献者, 2600+次提交, 600+次PRVue3支持vue2的大多数特性更好的支持Typescript2) 性能提升:打包大小减少41%初次渲染快55%, 更新渲染快133%内存减少54%使用Proxy代替defineProperty实现数据响应式重写虚拟DOM的实现和Tree-Shaking3) 新增特性Composition (组合) A

2021-07-02 19:35:44 103

原创 TypeScript

1. 函数调试1.1 函数的执行过程；示例：function work() {console.log('早上9点开始工作')play()console.log('晚上6点结束工作')}function play() {console.log('早上9:30开始吃鸡')console.log('晚上5:30结束吃鸡')}work()结论1：函数里面，还可以继续调用其他函数。结论2：函数，按照顺序一行行的执行代码，当遇到调用其他函数时，先完成该函数调用，再继续执行代码。所以：

2021-07-01 19:22:55 465

原创初学TypeScript（第二天）

1. ts语句1.1 条件语句1.1.1 概述生活中，打开网站看电影：1 免费电影 2 Vip 电影。播放 Vip 电影时，首先会判断是不是 Vip：如果是 Vip，就可以看完整电影；如果不是 Vip，只能试看5分钟。条件语句：根据判断条件的结果（真或假），来执行不同的代码，从而实现不同功能。条件执行时，首先判断条件是否满足。l 如果条件满足，就做某件事情（情况1）l 如果条件不满足，就做另外一件事情（情况2）条件语句，也叫分支语句，不同的情况就是不同的分支。1.1.2

2021-06-30 19:27:56 2105

原创初学typescript

1. TypeScript 概述1.1 JavaScript 是什么JavaScript（缩写：JS）是一种运行在客户端（比如：浏览器）中的编程语言。当应用于浏览器时，为网站提供动态交互特性，让网页“动”起来。JavaScript 的运行环境：1 浏览器 2 Node.js。Node.js 让 JavaScript 摆脱了浏览器的束缚，可以实现服务端/桌面端编程等。其他：微信小程序、微信小游戏等等。总结：JavaScript 既能运行在浏览器中，也可以运行在 Node.js 中，前后端

2021-06-29 19:30:02 122

原创使用微信小程序写项目

1. ⾸⻚1.1. 效果1.2. 业务逻辑使⽤tabbar 实现底部导航功能使⽤⾃定义组件的⽅式实现头部搜索框加载轮播图数据加载导航数据加载楼层数据1.3. 接⼝获取⾸⻚轮播图数据https://api-hmugo-web.itheima.net/api/public/v1/home/swiperdata获取⾸⻚分类菜单数据https://api-hmugo-web.itheima.net/api/public/v1/home/catitems获取⾸⻚楼层

2021-06-28 20:44:02 346

原创学习小程序（第5天）

1. ⾃定义组件类似vue或者react中的自定义组件⼩程序允许我们使⽤⾃定义组件的⽅式来构建⻚⾯。1.1. 创建⾃定义组件类似于页面，一个自定义组件由 json wxml wxss js 4个文件组成可以在微信开发者⼯具中快速创建组件的⽂件结构在⽂件夹内 components/myHeader ，创建组件名为 myHeader1.1.1. 声明组件⾸先需要在组件的 json ⽂件中进⾏⾃定义组件声明myHeader.json{ "component": true

2021-06-25 19:48:34 134

原创初学小程序(第4天)

1.常见组件重点讲解⼩程序中常⽤的布局组件view,text,rich--text,button,image,navigator,icon,swiper,radio,checkbox。等1.1 view代替原来的 div 标签<view hover-class="h-class"> 点击我试试 </view>1.2 text⽂本标签只能嵌套text⻓按⽂字可以复制（只有该标签有这个功能）可以对空格回⻋进⾏编码1.3 image图⽚标签，

2021-06-24 20:14:41 1416

原创小程序项目

开始写项目今天，就开始写项目首先把项目搭建好看图：1.所用到的文件：2.需要修改的内容3.搭建项目的页面:4.引入字体图标进入阿里巴巴矢量图标库进行操作：把你选中的图标添加到购物车然后点击添加至项目接着点击在线链接，然后复制链接复制链接里面的所有代码，然后再新建一个文件把代码复制到里面接着在下面文件里写看效果：5.搭建项目tabbar结构就是小程序当中页面最下方的标签结构首先创建一个文件夹，把图片放进去然

2021-06-23 21:05:00 186

原创学习小程序第二天

1.模板语法WXML 是框架设计的一套标签语言,结合基础组件、事件系统，可以构建出页面的结构1.1数据绑定1 text 相当于以前web中的 span标签行内元素不会换行2 view 相当于以前web中的 div标签块级元素会换行3 checkbox 以前的复选框标签首先在app.json里创建一个demo03这是创建之后的文件字符串类型先打开demo03.js 把里面的内容全部删掉重新写成这样然后再把demo03.wxml写成 <!-

2021-06-22 20:51:56 285

原创初学微信小程序

1.微信小程序介绍打开微信小程序官方开发文档微信小程序，简称小程序，英文名 Mini Program ，是一种不需要下载安装即可使用的应用，它实现了应用“触手可及”的梦想，用户扫一扫或搜一下即可打开应用1.1为什么是微信小程序？微信有海量用户，而且粘性很高，在微信里开发产品更容易触达用户；推广app或公众号的成本太高开发适配成本低容易小规模试错，然后快速迭代跨平台1.2微信小程序历史2016年1月11日，微信之父张小龙时隔多年的公开亮相，解读了微信的四大价值

2021-06-21 19:11:24 251

原创 git入门

内容介绍检出：对于一个文件修改（modify）或者是删除(delete) 那么文件名之前就会有对应的操作动作modified : a.txtdelete : a.txt检出指的是移除前面的动作恢复到动作之前的文件状态分支：分支是由多个commit 按照一定的时间顺序链成的工作提交线, 分支名指向最新提交的commitgit 忽略：作用是git在做提交的时候忽略的文件使用:1.对已提交的文件再次执行编辑mkdir test && cd test &&amp

2021-06-11 18:06:42 186

原创 Git初步了解

git版本控制项目模块小组分开开发，每个人开发完后需要整个成一个整体的项目，借助版本控制工具来解决项目是开发是过程化的，（v1.0 --> v1.1 --> v1.2 --> v2.0）用版本控制工具，轻松切换每一个版本版本控制工具分类git （分布式）svn （集中式）区别：不管git 还是svn 都是版本控制工具都能形成版本（version ）git能在开发者本机形成自己的版本version控制，但是svn 必须提交中央服务器才能形成版本不管是git还是

2021-06-10 20:04:38 215

原创 webpack中的Loaders和plugin

什么是loader？官方说明webpack 可以使用 loader 来预处理文件。这允许你打包除 JavaScript 之外的任何静态资源。Loader就是一个打包的方案，他知道对于某一个特定的文件，Web pack应该如何的进行打包。本身webpack 对于一些文件是不知道该如何处理的，但是loader知道，所以呢，我们想要打包其他文件格式的话，直接去配置loader可以了使用1、打包处理css文件端运行npm install style-loader css-loader -D安装处理c

2021-06-09 19:40:09 757

原创 webpack打包

今天要写的是使用webpack打包各种资源下面是我了解的一些打包流程，欢迎大佬来补充使用webpack打包样式资源webpack如果要编译css、less等样式文件，需要使用loader帮忙翻译如何打包样式文件在src下分别创建index.css和index.less文件，并且在里面写一些样式在src下创建一个index.js文件,将index.less和index.css文件导入进来webpack配置文件因为webpack不能直接编译css、less文件，所以就需要Loader帮

2021-06-08 16:08:13 138

原创每日自学总结

webpackwebpack介绍：webpack是一个前端的资源构建工具,一个静态模块打包器(module bundler)在webpack看来,前端的所有资源文件都会作为模块处理它将根据模块的依赖关系进行静态分析,打包生成对应的静态资源模块化:就是把一个庞大的功能拆分成若干个小的功能,每个小功能是一个独立的模块，使用的时候导入，使用模块化编程，可以提高代码的复用性；浏览器中没有模块化的功能，html使用script标签来导入多个js文件这些文件仅仅是前后拼接，然后读取文件内

2021-06-07 20:47:53 114

原创 vue生命周期

vue生命周期 beforeCreate 创建之前 created 创建完成 beforeMount 挂载之前 mounted 挂载完成 beforeUpdate 更新之前 updated 更新完成 beforeDestroy 销毁之前 destroyed销毁之后

2021-06-04 19:12:07 114

原创 vue组件

vue组件全局组件：使用 Vue.component('组件名',{ template:`<div>模板</div>`, data(){ return:{ name:"张三' } }, methods:{ }})使用 <组件名></组件名>局部组件：使用 Vue.component('组件名',{ template:`<div>模板</div>`, data(){ retur

2021-06-04 19:09:30 134

原创 vue概述

vue.js是目前最火的一个前端框架，React是最流行的一个前端框架。前端三大主流框架:Vue.js Angular.js React.js。Vue.js是一套构建用户界面的框架，只关注视图层，便于与第三方库或已有项目整合。Vue有丰富的配套三方类库。官网:英文https://vuejs.org/中文https://cn.vuejs.org/Vue.js是一个渐进式框架，动态构建用户界面。(尤雨溪，华裔，前Google工程师)。特点:基于MVVM架构。简洁，体积小，效率高，适合移动/PC端开.

2021-06-03 08:48:40 199

原创 vue-cli的卸载和安装

以下列举npm和yarn指令的方式：卸载指令：//卸载3.0之前的版本npm uninstall -g vue-cliyarn global remove vue-cli//卸载3.0之后的版本（可以统一使用此指令卸载）npm uninstall -g @vue/cliyarn global remove @vue/cli安装最新版本：npm install -g @vue/cli或者yarn global add @vue/cli查看所有版本号：//查询3.0之前的版本

2021-06-02 13:50:09 1648

原创 vue教程(白痴教程)

目录引入vue声明式渲染创建vue实例数据绑定方法插值指令缩写引入vue下载vue.js文件：点击下载<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>CDN线上，引入地址：https://cdn.bootcss.com/vue/2.5.17-beta.0/vue.common.js script src="https://cdn.bootcss.com/vue/2.5

2021-05-28 14:27:58 131

原创 VUE中的slot

slot的常见用法Vue中的slot对于编写可复用可扩展的组件是再合适不过了，常见的用法有以下3种：插入一个匿名的slot，匿名的情况只适用于只插入一个的时候；插入有名的slot，当插入的slot有多个的时候，需要按名占位；在slot的内部可以将值通过有名slot传递出去，让外层组件接收；以下是代码实例：首先是App.vue，调用了所有组件，插入了所有的有名和匿名的Slot。<template> <div id="app"> &l

2021-05-27 10:14:07 333 1

原创 vue定义全局组件

注册全局组件// main.jsimport { createApp } from 'vue'import App from './App.vue'// createApp 函数创建一个应用实例const app = createApp(App)// 定义全局组件app.component('alert-box', { template: ` <div class="demo-alert-box"> <strong>Error!</strong&gt

2021-05-27 08:20:58 197

原创 VUE---插槽

1.插槽的理解根据自己看的博客，CSDN，引用其他博主，来理解插槽。插槽的目的在于，是组件更具有扩展性。举个栗子，电脑预留的usb接口，可以用来连接多种外部设备，耳机、音响、U盘等等，使得更具有扩展性。插槽slot的作用正是如此，例如，组件中的一个地方，默认情况下为button，而在使用的时候，我们有需求需扩展为span,扩展为input，这时候我们就需要使用到插槽。假如父组件需要在子组件内放一些DOM元素，那么这些DOM是显示呢还是不显示呢？默认情况下是不会显示的，如下图所示，页面并没有显示父组件

2021-05-26 10:12:15 115

weixin_50889870的博客