- 博客(21)
- 收藏
- 关注
原创 webpack学习
说明:webpack5.01.安装>cnpm install webpack webpack-cli --save-dev2.项目创建webpack.config.js3.
2020-10-27 16:21:13 128
原创 (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 240
原创 (JS设计模式)二.部分面试题
1.打车时,可以打专车或者快车。任何车都有车牌号和名称。不同车价格不同,快车每公里1元,专车每公里2元。行程开始时,显示车辆信息行程结束时,显示打车金额(假定行程就5公里)题目:画出UML类图 用ES6语法写出该示例答:UML类图2.某停车场,分3层,每层100车位每个车位都能监控到车辆的驶入和离开车辆进入前,显示每层的空余车位数量车辆进入时,摄像头可识别车牌号和时间车辆出来时,出口显示器显示车牌号和停车时长题目:画出UML类图答:..
2020-09-06 23:05:31 1071
原创 (面试篇)框架部分(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 239
原创 (面试篇)二.补充
模块一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 233
原创 (面试篇)一.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 416
原创 (面试篇)一.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 307
原创 (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 187
原创 (Redux篇)基础及react-redux使用
一、搭建redux1-1.安装>yarn add redux>yarn add react-redux
2020-08-12 12:28:47 147
原创 (面试篇)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 115
原创 (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 1741
原创 (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 494
原创 (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 632
原创 (小程序taro框架入门到实战)二、构建页面及相应组件开发
一、项目效果图展示待添加二、项目需求分析说明:项目主要是用户的查看货源信息,筛选对应的货源信息,发布物流信息,用户登录,查看物流信息详情。1.首页信息页面说明:包含上拉刷新,下拉加载,地址筛选,条件筛选2.货源详情页面说明:货源详细信息,联系人的信息,电话拨打3.我的货源页面说明:查看我的货源信息,发布货源历史信息,删除货源信息,展示隐藏货源4.发布货源页面说明:字段包含装货地址,收货地址,重量体积,车长车型,货物名称,装货时间,更多备注,联系电话5.个.
2020-07-07 22:41:27 1429 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 4139
原创 (React+TypeScript实战篇)三.组件库项目
一、项目搭建1.创建项目> npx create-react-app mambaship --typescript2.安装eslint插件在vscode中搜索,点击安装即可3.在项目中安装sass依赖>npm install node-sass --save
2020-07-04 15:20:50 851
原创 (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 964
原创 (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 3756 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 185
原创 (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 976
原创 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 62386 7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人