03 2021 档案

webpack编写自定义Plugin
摘要:Webpack通过Loader完成模块的转换工作,让“一切皆模块”成为可能。 Plugin机制则让其更加灵活,可以在Webpack生命周期中调用钩子完成各种任务,包括修改输出资源、输出目录等等。 // 插件代码 class MyWebpackPlugin { constructor(options) 阅读全文

posted @ 2021-03-30 18:05 sss大辉 阅读(337) 评论(0) 推荐(0) 编辑

webpack编写自定义Loader
摘要:loader我的理解是把非js的模块转换成js模块,毕竟浏览器只认识js语言 官方的说法:loader 是导出为一个函数的 node 模块。该函数在 loader 转换资源的时候调用。给定的函数将调用 loader API,并通过 this 上下文访问。 当处理一种类型模块的时候,多个loader配 阅读全文

posted @ 2021-03-29 18:25 sss大辉 阅读(587) 评论(0) 推荐(0) 编辑

react 条件渲染、列表渲染
摘要:1.class组件 class Cc extends React.Component { state = { show: true, arr: [{ name: '121' }, { name: "2323" }, { name: '432435' }] } handleShow() { this. 阅读全文

posted @ 2021-03-29 14:20 sss大辉 阅读(79) 评论(0) 推荐(0) 编辑

css三列布局(两边固定中间自适应)
摘要:1.flex布局 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box { width: 100%; height: 100px; display: flex 阅读全文

posted @ 2021-03-29 11:42 sss大辉 阅读(207) 评论(0) 推荐(0) 编辑

css垂直水平居中
摘要:1.利用弹性布局 display: flex; align-items: center; justify-content: center; 2.绝对定位(知道宽高) position: absolute; top: 50%; left: 50%; height: 400px; width: 400p 阅读全文

posted @ 2021-03-29 10:34 sss大辉 阅读(53) 评论(0) 推荐(0) 编辑

react 响应式数据
摘要:1.class组件 调用setState修改 1.setState是异步的,多次调用会合并为一次 2.修改同样数值的数据,仍会触发更新(解决方案:使用PureComponent) class Cc extends React.Component { state = { a: 1, c: [1, 2, 阅读全文

posted @ 2021-03-26 10:42 sss大辉 阅读(76) 评论(0) 推荐(0) 编辑

mixin(混入)
摘要:看下官方介绍:混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。 一个混入对象可以包含任意组件选项。 当组件使用混入对象时,所有混入对象的选项将被“混合”进入该组件本身的选项。 通俗易懂的话来说一个.vue文件由template,script,style组成, 混入 阅读全文

posted @ 2021-03-26 10:40 sss大辉 阅读(227) 评论(0) 推荐(0) 编辑

vue插槽
摘要:什么是插槽,它是vue提出的一个概念,插槽用于决定将所携带的内容,插入到指定的某个位置,使得模块分块,具有模块化特质。 插槽就是Vue实现的一套内容分发的API,将<slot></slot>元素作为承载分发内容的出口。 1.默认插槽 正常来说我们在组件里编写东西,在组件内是不展示的 但是在组件内加上 阅读全文

posted @ 2021-03-26 10:37 sss大辉 阅读(107) 评论(0) 推荐(0) 编辑

mvc与mvvm的设计思想
摘要:mvc: Model:数据模型,用来存储数据View:视图界面,用来展示UI界面和响应用户交互Controller:控制器(大管家角色),监听模型数据的改变和控制视图行为、处理用户交互 mvvm: Vue为MVVM框架,当数据模型data变化时,页面视图会得到响应更新; 其原理对data的gette 阅读全文

posted @ 2021-03-26 09:51 sss大辉 阅读(84) 评论(0) 推荐(0) 编辑

:last-child 和 :last-of-type
摘要:作为CSS常用伪类选择器,:last-child经常会被用到; 但有时遇到极端情况,它会意外失效,让人摸不着头脑,例子如下:html: <div class="card"> <p>1</p> <p>2</p> <p>3</p> <p>4</p> <p>5</p> <p>6</p> <p>7</p> 阅读全文

posted @ 2021-03-26 09:50 sss大辉 阅读(431) 评论(0) 推荐(0) 编辑

react 事件绑定
摘要:1.class组件 class组件中 事件绑定 会出现this丢失问题 1.给方法调用bind指向this 2.写成一个匿名箭头函数 3.方法本身写成箭头函数 4.若方法中带参数,只能用bind class Cc extends React.Component { f1(a?: any, b?: a 阅读全文

posted @ 2021-03-17 23:27 sss大辉 阅读(81) 评论(0) 推荐(0) 编辑

react 组件和jsx
摘要:1.分为函数组件和class组件 函数组件 1.函数组件没有生命周期 2.函数组件没有this // 新写法 // 首字母大写才是组件 function Fc() { return <div> <Button type="primary">函数组件</Button> </div> } class组件 阅读全文

posted @ 2021-03-17 16:42 sss大辉 阅读(66) 评论(0) 推荐(0) 编辑

http状态码
摘要:常见的: 200 请求成功 301--资源被转移了 304--未修改。所请求的资源未修改,服务器返回此状态码时,不会返回任何资源。客户端通常会缓存访问过的资源,通过提供一个头信息指出客户端希望只返回在指定日期之后修改的资源 一般与浏览器缓存有关系(Not Modified) 404 - 请求的资源( 阅读全文

posted @ 2021-03-17 11:32 sss大辉 阅读(144) 评论(0) 推荐(0) 编辑

vue源码学习--1.变化侦测篇(object)
摘要:// 源码位置:src/core/observer/index.js /** * Observer类会通过递归的方式把一个对象的所有属性都转化成可观测对象 */ export class Observer { constructor (value) { this.value = value // 给 阅读全文

posted @ 2021-03-09 14:10 sss大辉 阅读(70) 评论(0) 推荐(0) 编辑

导航

点击右上角即可分享
微信分享提示