- 博客(21)
- 收藏
- 关注
RSS订阅原创 webpack学习
说明：webpack5.01.安装>cnpm install webpack webpack-cli --save-dev2.项目创建webpack.config.js3.
2020-10-27 16:21:13
113
原创 （JS设计模式篇）一、基础入门
一、搭建开发环境1.初始化npm环境2.安装webpack3.安装webpack-dev-server二、UML图1.图写法2.关系泛化，表示继承关联，表示引用三、设计原则1.描述：即按照哪一种思路或者标准来实现功能。功能相同，可以有不同设计方案来实现2.准则：1).小即是美2).让每个程序只做好一件事3).快速建立原型4).舍弃高效率而取可移植性5).采用纯文本来存储数据6).充分利用软件的杠杆效应（软件复用...
2020-09-06 23:48:58
204
原创 （JS设计模式）二.部分面试题
1.打车时，可以打专车或者快车。任何车都有车牌号和名称。不同车价格不同，快车每公里1元，专车每公里2元。行程开始时，显示车辆信息行程结束时，显示打车金额（假定行程就5公里）题目：画出UML类图 用ES6语法写出该示例答：UML类图2.某停车场，分3层，每层100车位每个车位都能监控到车辆的驶入和离开车辆进入前，显示每层的空余车位数量车辆进入时，摄像头可识别车牌号和时间车辆出来时，出口显示器显示车牌号和停车时长题目：画出UML类图答：..
2020-09-06 23:05:31
1044
原创 （面试篇）框架部分（Vue）
一、几个面试题1.v-show和v-if的区别？答：2.为何v-for中要用key？答：3.描述Vue组件生命周期（有父子组件的情况）答：4.Vue组件如何通讯答：5.描述组件渲染和更新的过程答：6.双向数据绑定v-model的实现原理答：React7.React组件如何通讯答：8.JSX本质是什么？答：9.context是什么，有何用途？答：10.shouldCompone...
2020-09-06 12:04:53
226
原创 （面试篇）二.补充
模块一1.var 和 let const的区别？答：1).var是ES5语法，let const是ES6语法；var有变量提升 【PS：变量提升自己理解】2).var和let是变量，可修改；const是常量，不可修改3).let const有块级作用域，var没有2.typeof返回哪些类型？答：1).undefined string number boolean symbol2).object(注意，typeof null === 'object')3).fu.
2020-09-06 00:08:34
213
原创 （面试篇）一.JS部分【持续更新】
一、变量类型和计算1-1.typeof能判断哪些类型1.识别所有值类型2.识别函数3.判断是否是引用类型（不可再细分）答案：1.识别所有值类型 2.识别函数 3.判断是否是引用类型(不可细分)1-2.何时使用=== 何时使用==答案：判断除了null之外，其他都一律用===（PS：==的话会做一些值的类型转换，如下图所示）1-3.值类型和引用类型的区别补充：常见值类型：let a // undefinedconst s...
2020-08-24 11:25:23
373
原创 （面试篇）一.HTML和CSS部分【持续更新】
一、HTML部分1-1如何理解HTML语义化答：1.让人更容易读懂（增加代码可读性）2.让搜索引擎更容易读懂（SEO）1-2默认情况下，哪些HTML标签是块级元素、哪些标签是内联元素答：1.块状元素：div、h1、h2、table、ul、ol、p等2.内联元素：span、img、input、button等二、CSS部分知识模块：布局、定位、图文样式、响应式、css32-1布局部分2-1-1.盒子模型的宽度如何计算问：如下代码，请问div1的offsetWi..
2020-08-22 11:01:45
291
原创 (Jest篇) 单元测试
一、Jest部分1-1.安装jest>yarn add --dev jest1-2.简单案例测试创建jest.test.js文件（在项目根目录下创建，PS：react脚手架搭建的项目）1-3.运行测试，监控代码npx jest jest.test.js --watch二、React测试工具>npm install --save-dev @testing-library/react...
2020-08-20 14:00:25
172
原创 （Redux篇）基础及react-redux使用
一、搭建redux1-1.安装>yarn add redux>yarn add react-redux
2020-08-12 12:28:47
137
原创 （面试篇）React部分
1.React组件如何通讯？2.JSX本质是什么？3.context是什么，有何用途？4.shouldComponentUpdate的用途5.描述redux单项数据流6.setState是同步还是异步一、React基本使用1.日常使用必须掌握面试必考（不一定全考）2.梳理知识点，从冗长的文档中摘出考点和重点3.考查形式不限，但都在范围之内1.JSX基本使用变量、表达式class style子元素和组件...
2020-08-09 10:01:09
98
原创 （nextjs篇）nextjs基础部分
一、构建项目(使用create-next-app)1-1安装全局的create-next-app>cnpm i -g create-next-app1-2创建next的项目>yarn create next-app name1-3安装工具(PS:封装了nextjs加载css的配置)>yarn add @zeit/next-css1-4集成antd4.1antd按需加载问题使用babel-plugin-import来进行按需加载。4....
2020-07-30 12:44:11
1705
原创 （SASS基础篇）SASS快速入门
说明：借助taro框架来完成。一、使用变量1.变量声明说明：sass变量的声明和css属性的声明很像$highlight-color: #F90;2.变量引用说明：凡是css属性的标准值（比如说1px或者bold）可存在的地方，变量就可以使用。css生成时，变量会被他们的值所替代。之后如果你需要一个不同的值，只需要改变这个变量的值，则所有引用此变量的地方生成的值都会随之改变。$highlight-color: #F90;.selected{ border: 1...
2020-07-23 18:19:07
475
原创 （tp+fastadmin）一、项目下载和环境搭建
1.下载fastadmin完整包（包含了tp框架）https://www.fastadmin.net/download.html?ref=docs2.安装fastadmin（windows或mac系统下载集成环境这里不介绍了）【打开这个代表安装成功了。】3.数据库创建，生成对应的表。【只需要创建数据库，然后生成即可】4.生成后台系统，样式展示5.后台管理页面地址url设置成admin.php说明：fastadmin生产的后台管理是一大串字符，这时候我们需要设置成admin
2020-07-12 09:00:19
581
原创 （小程序taro框架入门到实战）二、构建页面及相应组件开发
一、项目效果图展示待添加二、项目需求分析说明：项目主要是用户的查看货源信息，筛选对应的货源信息，发布物流信息，用户登录，查看物流信息详情。1.首页信息页面说明：包含上拉刷新，下拉加载，地址筛选，条件筛选2.货源详情页面说明：货源详细信息，联系人的信息，电话拨打3.我的货源页面说明：查看我的货源信息，发布货源历史信息，删除货源信息，展示隐藏货源4.发布货源页面说明：字段包含装货地址，收货地址，重量体积，车长车型，货物名称，装货时间，更多备注，联系电话5.个.
2020-07-07 22:41:27
1320
2
原创 （小程序taro框架入门到实战）一、taro框架安装及项目搭建
说明：项目使用技术栈taro+typescript+redux一、安装及案例使用1.安装全局配置>cnpm install -g @tarojs/cli2.搭建项目>taro init 项目名3.安装成功提示说明：安装过程中会出现依赖安装报错问题【没翻墙】，需要进入项目目录用cnpm install来完成安装4.运行体验【微信小程序举例】>cnpm run dev:weapp --watch // 说明：--watch会5.下载小程序开..
2020-07-06 19:22:23
3974
原创 （React+TypeScript实战篇）三.组件库项目
一、项目搭建1.创建项目> npx create-react-app mambaship --typescript2.安装eslint插件在vscode中搜索，点击安装即可3.在项目中安装sass依赖>npm install node-sass --save
2020-07-04 15:20:50
828
原创 （React+TypeScript实战篇）二.ReactHook
概念：hook是react16.8新增特性。它可以让你在不编写class的情况下使用state以及其他的React特性。一.useState说明：useState---组件状态管理钩子 useState使函数组件能够使用state1.基本使用规则const [state, setState] = useState(initState); ·state是要设置的状态 ·setState是更新state的方法 ·initState是初始的state，...
2020-06-30 18:50:14
916
原创 （React+TypeScript实战篇）一.项目构建
一.项目创建（搭建带有typescript的）1.安装命令>npx create-react-app ts-with-react--typescript2.npx是什么（优点，npm5.2版本以上有）？1）避免安装全局模块2）调用项目安装的内部模块3.启动项目>cnpm start二.体验组件1.在项目src目录下创建components目录然后新建Hello.tsx2.在src目录下的App.tsx下引入使用3.效果展示..
2020-06-29 00:30:13
3680
1
原创 （TypeScript篇）二.基础
1.类Class概念：定义了一切事物的抽象特点对象：类的实例面向对象三大特性：封装继承多态1）构建动物类class Animal{ name: string; static categories: string[] = ['mamba', 'google']; // 构造器 constructor(name: string){ this.name = name; } // 静态方法 static isAni...
2020-06-25 15:13:45
153
原创 （TypeScript篇）一.基础
1.安装1）安装命令>npm install -g typescript2）查看ts版本号（PS：ts指的是typescript）>tsc -v3）编译命令>tsc 文件名.ts2.基础类型1）布尔类型let isDone: boolean = false;2）数字类型let age: number = 25;let binaryNumber: number = 0b1010; // 二进制数字3）字符串类型let...
2020-06-23 00:25:36
936
原创 async await 处理异步变同步(微信小程序内举例)
1.async起什么作用？ 输出的是一个Promise对象注：1)async函数返回的是一个Promise对象。Async函数(包含函数语句、函数表达式、Lambda表达式)会返回一个Promise对象，如果在函数中return一个直接量，async会把这个直接量通过Promise.resolve()封装成Promise对象。2)async函数返回的是一个Promise对象，所以在最外层不能用...
2018-02-11 14:55:44
62088
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人