1 赵sir来了

尚未进行身份认证

taste new experience

等级
TA的排名 15w+

深入学习webpack 4.x核心用法及其源码(二)

上一小节我简单介绍了 webpack 的一些用法,它的核心用法我还没有介绍,webpack 默认只会对 js 的一些代码进行打包,不可以对 css 样式进行打包,或把二进制图片打包成 data URL,热更新Loader介绍loader 用于对模块的源代码进行转换。例如:typescript 转换成 js,less 转换为 css 等。使用webpack 4.x 有三种使用 loader...

2020-02-11 18:37:13

深入学习webpack 4.x核心用法及其源码(一)

注:我是用的是webpack 4.x 版本什么是webpack?它就是一个 模块打包 工具 (Module Bilder)模块加载方式它就是我们使用导入或导出模块的规范,主要有四种:CommonJS (node)就是使用 require 导入,module.exports 导出ES6 模块 (常用)使用 import 导入,export 导出AMDCMD安装最好是安装...

2020-02-09 18:02:59

rn 组件总结

虽然最近期末考试,但还是准备梳理一下自己一两个月来学习 React Native 的一些经历Model该组件是提供一种覆盖在其他视图上显示的内容。类似于下图支付宝的选择框遮罩效果。还有一些b站的分享也是使用类似的这种效果文档参见一些官网的把:https://reactnative.cn/docs/modal/官网上说的很好了这个我们一般会和 StatusBar 组件进行配合使用S...

2019-12-22 21:27:44

RN中结合Animated封装一个简单的Toast组件

直接上代码import React, {Component} from 'react';import {StyleSheet, Dimensions, Animated, Easing} from 'react-native';import PropTypes from 'prop-types';const HEIGHT = Dimensions.get('screen').height...

2019-12-08 12:03:06

RN 中使用 React-Redux

在 RN 中如何使用 React-Redux其实,在 RN 中使用 React-Redux 和 React 中类似,可以说一模一样都是在根元素中使用,<Provider>来包裹根组件,导入 store,将 store 挂载在 Provider 上。代码的结构:.├── src # 程序源文件夹 │ ├── pa...

2019-11-24 23:08:43

React-Navigation (RN 的路由)采坑总结

注意:React-navigation 4.x 将 createStackNavigator 等组件放到 react-navigation-stack 中,createBottomTabNavigator 等导航栏放到了 react-navigation-tabs 中,想要使用必须还要先安装它们React-Navigation 底部导航栏实现当页面数量大于等于2时,实现隐藏底部导航栏expo...

2019-11-17 23:07:37

Redux 的简单实现

什么是 ReduxRedux 是 JavaScript 的状态容器,提供可预测化的管理,可以让你构建一致化的应用,运行与不同的环境(客户端、服务器、原生应用),并且易于测试。(个人理解:Redux 和 Vuex 很像)优点:可预测:始终有一个唯一的准确的数据源(single source of truth)就是 store,通过 actions 和 reduces 来保证整个应用状态同步,...

2019-11-10 16:41:46

JavaScript 数据结构与算法(二)

双向链表特点:可以使用一个 head 和一个 tail 分别指向头部和尾部的节点每个节点都有三部分组成:前一个节点指针(prev)/保存的元素(item)/后一个节点的指针(next)双向链表的第一个节点的 prev 是null双向链表的最后的节点的 next 是nullfunction Node (data) { // 辅助类 this.data = data...

2019-11-03 19:18:30

JavaScript 数据结构与算法 (一)

栈先进后出的数据结构:先进去的数据在底部,最后取出,后进去的数据在顶部,最先被取出。如下图所示:function Stack() { this.items = [];}Stack.prototype.push = function(element) { // 入栈 this.items.push(element);}Stack.prototype.pop = fun...

2019-10-27 22:23:35

手写一个Vue数据绑定(配图文)

学前准备:Object.defineProperty、观察者模式index.html 的准备:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, ...

2019-10-20 11:40:56

模板方法模式

什么是模板方法模式模板方法模式(Template Method) ——基于继承的设计模式模板方法模式是一种典型的通过封装变化提高系统扩展性的设计模式。在传统的面向对象语言中,一个运用了模板方法模式的程序中,子类的方法种类和执行顺序都是不变的,所以我们把这部分逻辑抽象到父类的模板方法里面。而子类的方法具体怎么实现则是可变的,于是我们把这 部分变化的逻辑封装到子类中。通过增加新的子类,我们便能给系...

2019-10-13 16:02:17

js 中的组合模式

什么是组合模式其实在上面一篇博客中提到过一个宏命令,而这个宏命令和组合模式比较像。成一组子命令,形成一颗树型的结构(暂且这样理解),只不过组合模式更加复杂而已。图解:注意:组合模式不是父子关系,而是一种聚合的关系。组合对象把请求委托给它所包含的所有叶对象,它们能够合作的关键是拥有相同的接口组合模式除了要求组合对象和叶对象拥有相同的接口之外,还有一个必要的条件,就是对一组叶对象的操作必...

2019-10-07 15:07:00

命令模式

命令模式是什么在 JavaScript 中 命令模式是一种隐性的模式种情况为发出者直接作用于执行者,这样耦合度很高,另外一种情况为,在发出者和执行者之间增加一个用存储命令的命令访问库也即命令命令模式。可以死使得请求发送者和请求接收者之间能够消除彼此之间的解耦关系不要随便使用这个模式一般如果我们的业务中有撤销操作、重新开始的操作,可以考虑使用这个命令,例如在下棋的时候进行的悔棋的操作,重...

2019-09-29 18:37:43

发布-订阅模式

什么是发布-订阅模式?发布-订阅模式又被称为观察者模式,指的是对象间的一种一对多的依赖关系,当对象的状态发生改变是,所有依赖于它的对象都将得到通知。在 JavaScript 开发中,一般使用事件模型来替代传统的发布-订阅模式。在生活中,发布订阅模式是非常常见的,例如:在我们取快递的时候,往往是快递到你的那个取货点的时候给你发送了个短信,叫你来取快递,这就是发布-订阅模式。就拿这个例子来说,我们...

2019-09-22 14:59:07

JavaScript中的代理模式

什么是代理模式?在现实生活中,可以找到很多使用了代理模式的场景。例如:我想要去租房,一般的做法是不是找个中介,给你介绍房子,这样你可以节约很多的时间和精力,而这时候中介就是代理;如果有商家想找某某明星打广告,是不是一般先找这个明星的经纪人,和这个经纪人商量好一些片酬和细节,而后在把这个合同(结果)交给明星,而这个经纪人就是代理。定义: 代理模式给某一个对象提供一个代理对象,并由代理对象控制对原...

2019-09-13 16:47:01

weex 全套环境搭建(配图文)

简介Weex 是使用流行的 Web 开发体验来开发高性能原生应用的框架。“Weex” 的发音是 /wiːks/, 和 “Weeks” 同音。Weex 致力于使开发者能基于通用跨平台的 Web 开发语言和开发经验,来构建 Android、iOS 和 Web 应用。简单来说,在集成了 WeexSDK 之后,你可以使用JavaScript 语言和前端开发经验来开发移动应用。官网:https:...

2019-09-07 20:31:54

React 初探

简介React 是一个用于构建用户界面的 JAVASCRIPT 库。React主要用于构建UI,很多人认为 React 是 MVC 中的 V(视图)。React 起源于 Facebook 的内部项目,用来架设 Instagram 的网站,并于 2013 年 5 月开源。React 拥有较高的性能,代码逻辑非常简单,越来越多的人已开始关注和使用它。官网:https://www.reactj...

2019-08-31 20:02:30

js中的策略模式

定义策略模式指的是定义一系列的算法,把它们一个个封装起来。将不变的部分和变化的部分隔开是每个设计模式的主题,策略模式也不例外,策略模式的目的就是将算法的使用与算法的实现分离开来。通常一个基于策略模式的程序至少由两部分组成。第一个部分是一组策略类,策略类封装了具体 的算法,并负责具体的计算过程。 第二个部分是环境类 Context,Context 接受客户的请求,随后把请求委托给某一个策略类。...

2019-08-23 17:32:29

自己做一个在线markdown编辑器

准备请使用以下使用 npm 下载以下的包bootstrap: “^3.4.1”,jquery: “^3.4.1”,marked: “^0.7.0”代码效果图:[外链图片转存失败(img-nJzZLHDz-1564754147043)(C:\Users\HP\AppData\Roaming\Typora\typora-user-images\1564752584699....

2019-08-02 21:57:24

单例模式

定义保证一个类仅有一个实例,并提供一个访问它的全局访问点。有的时候我们创建一个对象仅仅需要一个,比如线程池、浏览器中的 window 对象等。在 JavaScript 中,单例模式的用途同样非常的广泛。例如,我们做一个提示浮窗,可以让他显示登录成功,登录失败,密码错误等等,无论我们显示多少次提示浮窗,这个浮窗都仅仅创建一次(是唯一的),这样可以有效地节约内存资源。创建注意:单例模式会运用...

2019-08-01 17:32:15

查看更多

勋章 我的勋章
  • 新人勋章
    新人勋章
    用户发布第一条Blink获赞超过3个即可获得
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。