- 博客(66)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 VUE面试题整理3.0
VUE面试题1.vue最大特点是什么或者说vue核心是什么2.vue自定义指令如何实现的和适用场景？3.对单向数据流的理解4.vue开发环境和线上环境如何切换5.对axios拦截器的理解6.vue第三方ui样式库如何实现样式穿透的（ui库和less/sass穿透问题）7.为什么要用scoped8.在 vue 中使用插件的步骤9.Vue3.0 你知道有哪些改进10.eventBus详细使用11. Vue 中 v-html 会导致哪些问题?12.Class 与 Style 如何动态绑定？13.直接给一个数组项赋
2021-12-16 13:31:51
1755
原创 当代培训出生的前端情况
当代培训出生的前端情况培训给学生带来了什么为了高薪培训时前后端不知如何沟通，缺乏交际能力和自我解决问题能力如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能，丰富你的文章UML 图表FLowchart流程图导出与导入导出导入培训给学生带来了什么今天这个话题可能会很敏感会引起很多人的不满，但这是个很现实的问题，作者本人也是培训出生，所以培训
2021-11-29 10:45:09
210
原创 阿里前端开发规范
阿里前端 JS 项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。引自《阿里规约》的开头片段：----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码
2021-09-13 15:52:59
846
原创 前端五道二次面试常见题
⼀. 有做过前端加载优化相关的⼯作吗? 都做过哪些努⼒1. 常⻅的优化⼿段做优化⾸先要有⽬的, 即你做优化是为了什么, 是把某个⽐较关注的指标提⾼吗?⻚⾯性能检测: https://developers.google.com/speed/pagespeed/insights/只请求当前需要的资源异步加载, 懒加载, polyfill的优化 https://polyfill.io/v3/url-builder/缩减资源体积打包压缩gzip图⽚格式优化, 压缩, 根据屏幕分辨率展示不同分辨率
2021-07-13 09:14:52
1253
原创 前端常考必考 180 题(精心整理的180题全方面前端面试题！！)
1， HTTP 和 HTTPS2，position 的值， relative 和 absolute 分别是相对于谁进行定位的？3，如何解决跨域问题4，Heap 排序方法的原理？复杂度？5，几种常见的排序算法，手写6，数组的去重，尽可能写出多个方法7，如果有一个大的数组，都是整型，怎么找出最大的前 10 个数8，说说你对作用域链的理解9，创建 ajax\过程10，渐进增强和优雅降级11，在 Bootstrap 中，下面栅格系统的标准用法中哪个是错误的？12，你觉得 jQuery 或 Zep
2021-07-08 13:46:26
845
1
原创 HTML day04
HTML <div> 和<span>HTML 可以通过 <div> 和 <span>将元素组合起来。HTML 区块元素大多数 HTML 元素被定义为块级元素或内联元素。块级元素在浏览器显示时，通常会以新行来开始（和结束）。实例: <h1>, <p>, <ul>, <table>HTML 内联元素内联元素在显示时通常不会以新行开始。实例: <b>, <td>, <a&g
2021-07-02 14:00:27
71
原创 阿里巴巴前端面试题（一）
（1）、react的优势React优点：1.声明式设计 −React采用声明范式，可以轻松描述应用。2.高效 −React通过对DOM的模拟，最大限度地减少与DOM的交互。3.灵活 −React可以与已知的库或框架很好地配合。4.JSX − JSX 是 JavaScript 语法的扩展。React 开发不一定使用 JSX ，但我们建议使用它。5.组件 − 通过 React 构建组件，使得代码更加容易得到复用，能够很好的应用在大项目的开发中。6.单向响应的数据流 − React 实现了单向响应的
2021-06-25 09:46:22
1467
原创 Vue day05
正课:脚手架:脚手架文件夹结构ES6的模块化开发学子商城项目的制作过程:懒加载:http-proxy:一. 脚手架:问题: 现代的前端项目结构非常复杂！如果任由什么人随意定义项目的文件夹结构，后果，项目与项目之前结构差异极大！即不便于维护，也不便于开发人员快速适应！解决: VUE官方出了一套标准化的vue项目结构！所有使用vue框架开发的项目都要遵守这个标准化项目结构！——脚手架好处: 几乎所有用vue做到项目，文件夹结构几乎是完全一样的！开发人员可以非常快速的适应新项目！何时：
2021-06-11 11:04:20
127
1
原创 Vue day04
正课:组件组件化开发SPA脚手架脚手架文件夹结构一. 组件:什么是: 拥有专属的HTML+CSS+JS+数据的独立的可重用的页面功能区域为什么: 重用何时: 今后只要一个功能可能会被反复使用时，都用组件如何:(1). 创建组件:组件Vue.component("组件名",{ //模板/界面 template:`HTML片段`, //必须用唯一父元素包裹 data(){ return { //模型对象 数据/变量: 值, ... : ... }
2021-06-10 09:25:54
118
原创 vue day03
正课:绑定样式:自定义指令计算属性过滤器axios生命周期组件一. 绑定样式:绑定内联样式:(1). 不好的做法: 将style属性看做一个普通的字符串属性进行绑定。a.<元素 :style="变量"> data:{ 变量: "css属性:值; css属性:值;..." }b. 问题: 极其不便于只操作其中某一个css属性(2). 好的办法: 将style看做一个对象来绑定。每个css属性都是对象中的一个属性。 结果: "css属性1:属性
2021-06-09 10:16:07
103
原创 Angular DAY06
Angular06商品列表http://101.96.128.94:9999/data/product/list.php?pno=2商品详情• 组件名: detail 需要生成: ionic g page detail• 跳转需要传参: routerLink="[路径, 参数对象]"• 接口地址: http://101.96.128.94:9999/data/product/details.php?lid=8– 参数 lid 需要在跳转时传入– 通过服务读取 路由参数• 图片需要拼接前缀路
2021-06-09 10:06:26
164
原创 React06
React06今日内容:• 路由系统: 实现多页项目• 网页组件的使用路由系统https://www.reactnative.cn/docs/navigation原生带有路由系统, 但是功能不够强大. 手机端路由通常采用第三方的模块:https://reactnavigation.org/使用说明:https://reactnavigation.org/docs/getting-started项目下安装支持模块:npm install @react-navigation/native
2021-06-09 10:03:31
66
原创 Vue day02
正课:指令双向绑定绑定样式一. 指令: 13种:v-on:对应小程序视频：小程序->在线->VUE->day02 1. 绑定事件(1). 什么是: 专门绑定事件的指令(2). 何时: 今后只要一个元素可能触发事件，都用v-on来绑定事件.(3). 如何:a. 标准: <元素 v-on:事件名="处理函数名(实参值列表)">b. 简写: <元素 @事件名="处理函数名(实参值列表)">c. 更简写: 如果事件处理函数不需要传参，则可以省
2021-06-08 09:33:30
89
原创 Angular DAY05
Angular05ionic 就是基于angular的一个自带手机端样式的组件库;循环滚动https://ionicframework.com/docs/api/slides<ion-app> <ion-header> <ion-toolbar> <ion-title>段子</ion-title> </ion-toolbar> </ion-header> <ion-co
2021-06-08 09:21:21
264
原创 React05
React05作业1: 斗鱼// rncimport React, {Component} from 'react';import { Dimensions, Image, ImageBackground, ScrollView, Text, TouchableOpacity, View,} from 'react-native';const {width, height} = Dimensions.get('screen');function rpx(fs)
2021-06-08 09:18:08
125
原创 Vue day01
一. 什么是VUE:什么是:(1). 第三方开发的: 必须要下载才能使用(2). 基于MVVM设计模式的: (待续…)(3). 渐进式的: 可以逐步在项目中使用vue的技术。比较容易和其他技术(DOM、jQuery)混搭。但是，强烈不建议！(4). 纯前端js框架: 与nodejs无关，只需要浏览器就可以运行！为什么: 传统DOM和jQuery都存在着大量重复的编码！只有vue以及同类框架技术，才能几乎彻底的避免大量重复编码！提高开发效率何时: 今后，只要以数据操作为主的项目，都可
2021-06-07 10:49:49
147
原创 VUE 总结
总结: this 8种: 判断this，一定不要看定义在哪儿！只看调用时！1. obj.fun() this->obj2. fun() 或 (function(){ ... })() 或 多数回调函数 或 定时器函数 this->window3. new Fun() this->new正在创建的新对象4. 类型名.prototype.共有方法=function(){ ... } this->将来谁调用指谁，同第一种情况5. DOM或jq中事件处理函数中的t
2021-06-07 10:41:00
105
原创 Angular DAY04
Angular04命令行 说明ng new 项目名 生成项目包ng s -o 启动项目ng g c 组件 生成组件ng g p 管道 生成管道 {{xxx| 管道}}ng g d 指令 生成指令ng g s 服务 生成服务; 状态共享 相当于vuex语法 含义{{ 变量 }} 双标签内容[属性名] = "值" 或 属性名="{{值}}" 属性(事件名)="方法名()" 事件[(ngModel)]="变量"<br>必须手动加载 Forms 模块 双向数据绑定*ngIf
2021-06-07 10:05:59
256
原创 React04
React04ReactNative的执行流程:命令行生成项目包react-native init 包名编译为apk 并 运行服务器apk: 为了安装到模拟器上服务器: 为了把你修改的代码 实时传递给模拟器 : 热更新npm run androidip方式: 规避了编译过程直接使用其他人的apk 安装到模拟器上启动项目后, 利用ip地址 和 项目服务器关联在一起, 实现热更新# 获取ip --- 重启电脑 有可能会导致ip变化!!!!ipc
2021-06-07 09:48:33
94
原创 Angular DAY03
Angular03回顾• 命令行 创建项目包ng new 项目名启动命令ng s 或 ng s -o生成组件ng g c 组件名生成管道ng g p 管道名生成指令ng g d 指令名• angular用法双标签内容: `{{}}`属性: [属性名]='值' 或 属性名="{{ 值 }}"事件: (事件名)='方法名()'双向数据绑定: [(ngModel)]="值" 一定要手动引入+注册 Form 模块条件渲染: *ngIf列表渲染: *ng
2021-06-04 09:27:36
114
原创 React03
React03条件渲染在一个函数中, 通过判断 state 中的值, 反馈不同的 JSX 语法列表渲染原理: 遍历数据数组, 把其中每一项转化成 JSX 语法, 然后形成新的数组动态样式style={{样式名: 值}}className="" 配合外部css文件import './xxx.css' 必须带 路径标识: ./ ../ /网络请求使用 axios 实现生命周期componentDidMount: 挂载shouldCompon
2021-06-04 09:20:50
132
原创 Angular DAY02
Angular02脚手架使用时, 需要安装脚手架, 利用脚手架生成项目包; 然后编写代码.生成命令:ng new ngpro ；用法:• 双标签的内容: {{ 变量 }}• 属性: [属性名]=“值” 或 属性名="{{ 值 }}"• 事件: (事件名)=“方法名()”• 双向数据绑定: [(ngModel)]=" 变量 "– 注意: 默认不加载Form模块, 必须手动加载 且 加载后必须重启命令行才能生效!• 组件的使用:– 1个组件由3个文件组成: html css ts– 主
2021-06-03 09:30:55
475
1
原创 React02
React02前端三大框架中, 来自 Facebook 公司提供的 React.基本理念: 简化原生DOM操作. 函数封装简化 => 自制 JSX 语法简化angular, vue: 在html 书写 JS 代码react : 在 JS 中书写 HTML组件制作方式组成页面的零件 – 复用函数函数名必须大驼峰类必须继承父类: React.Component固定的 render() 方法, 返回页面脚手架npm i -g create
2021-06-03 09:21:12
58
原创 React01
React01React属于前端 三大框架: Vue Angular Reactvue: 开源社区react: Facebookangular: GoogleReact编写 分两种方式:脚本方式适合入门: 类似于 jQuery的使用脚手架方式适合实际工作. 类似于 vue angular 的使用React官方: https://react.docschina.org/官方脚本:有些地区网络 可能无法访问<script crossorig
2021-06-02 16:21:12
341
原创 Angular DAY01
Angular–day01Angular身为目前的 三大WEB框架之一: Vue Angular React出身:• Vue: 由 Google 离职程序员开发• Angular: 由Google公司开发与Vue相同, 都需要安装脚手架 并且 通过脚手架生成项目包; 然后在项目包中进行开发!安装脚手架先确保npm是中国镜像 以及 node版本node尽量是最新版本: 至少>=10.9下载地址: http://nodejs.cn/download/node -v检查npm镜像是
2021-06-02 16:17:44
311
原创 CSS DAY 07
CSS hack由于低版本浏览器不兼容一些样式的功能为了让css能够兼容低版本浏览器，我们需要些css hack-webkit--moz--o--ms-转换1.什么是转换改变元素在页面中的位置，大小，角度，形状2D转换，只在x和y轴上进行转换3D转换，添加了Z轴2.转换属性transform:转换函数1 转换函数2 转换函数3…；2D，学习4个转换函数，3个要背3D，学习1个转换函数3.2D转换①位移改变元素在页面中的位置transform: translate(
2021-05-28 10:18:20
77
原创 CSS day06
css3 core一.复杂选择器1.兄弟选择器兄弟元素，具备同一个爹的同级元素只能通过哥哥，找弟弟。只能往后找。①相邻兄弟选择器，通过哥哥找到紧紧挨在后面的弟弟选择器1 + 选择器2{}②通用兄弟选择器，通过哥哥，找到后面所有符合要求的弟弟选择器1 ~ 选择器2{}项目中的应用场景一组相同的元素，除了老大以外，其它兄弟都选中，使用相邻兄弟选择器选择器1 + 选择器2{}2.属性选择器(在css中使用较少，在js中使用较多)[attr]{} 匹配带有attr属性的元素[attr
2021-05-27 09:26:14
52
原创 CSS day05
css中常用的其它属性1.显示方式定义元素在页面中以什么方式显示(行内，行内块，块级，表格)display:inline; 行内元素block 块级inline-block 行内块tablenone 脱离文档流的隐藏2.显示效果visibility: visible; 默认值，显示hidden；隐藏,不脱离文档流visibility: hidden；与display: none;的区别visibility: hidden看不见但是占位置，display: none;看不见也不占位置
2021-05-26 09:29:59
49
原创 CSS day4
文本格式化1.字体属性①设置字号大小font-size: px/em/rem/pt②设置字体系列font-family:字体1,字体2,字体3… 推荐，如果字体中有空格，建议使用双引号③字体加粗font-weight:取值：1.关键字 lighter normal bold bolder300 400 600 7002.不带单位的数字，必须是100的整倍数，最大值为1000④字体样式 font-style:normal/italic⑤小型大写
2021-05-25 09:19:01
74
原创 CSS day03
框模型-----盒子模型1.内边距padding内边距是边框到内容区域之间的距离内边距有颜色，就是当前元素的背景颜色改变内边距，感觉上是元素变大了，但其实是元素占地空间变大，内容区域并没有改变padding:v1; 设置4个方向的内边距padding-toppadding-rightpadding-bottompadding-left取值 px% 父元素宽度的百分比没有auto值padding:v1;padding:v1 v2; 上下 左右padding:v1 v2
2021-05-24 09:43:24
59
原创 HTML day03
列表table是早期用于做布局，由于加载效率低，所以现在只用于做数据展示列表现在除了做数据展示外，还做页面布局1.列表的组成1.1.列表类型①有序列表 <ol></ol> order list②无序列表 <ul></ul> unorder list1.2.列表项<li></li> list-item2.属性①有序列表type="" 设置列表项的类型默认值是1，a A I istar
2021-05-24 09:33:23
47
原创 HTML DAY02
文本标记文本样式标签推荐使用带语义的标签<b></b><strong></strong> 粗体<i></i><em></em> 斜体<s></s><del></del> 删除线<u></u> 下划线<sup></sup> 上标&l
2021-05-21 09:45:13
51
原创 CSS day02
尺寸和边框1.尺寸属性width:height:取值，px为单位的数字 %max-widthmin-widthmax-heightmin-height注意max-width:100%;定义在图片上图片可以缩放，但是最大不能超过本身原始宽度PS:附加知识点，尺寸单位1.px 像素2.in 英寸 1in=2.54cm3.pt 磅值 1pt=1/72in 设置字号大小4.cm5.mm6.em 以父元素设置的数值为基本数值(1倍)7.rem 以htm
2021-05-21 09:37:45
79
原创 Python01
简介Python是一门编程语言.学习原因:• python是 借鉴了 JAVA 和 C 的语法. JavaScript 也是借鉴的Java 和C: 所有非常相似.– 学习python的过程中, 可以顺便复习 JavaScript• python目前的热度很高. TIOBE排行第三.• 使用场景– 人工智能– 网络爬虫– 网站服务器: Django框架 制作接口服务器 和 前后端一起的项目.– 少儿编程体验全栈工程师: 中小型企业常见. 1个人 做 后台 + 前端 + 切图搭建环境不
2021-05-20 14:22:59
74
原创 CSS day01
一.CSS3概述1.什么是csshtml 网页的布局，和数据的显示---------网页的骨架css 网页修饰-------4大邪术（整容，ps，美妆，泰国）css:cascading style sheets 层叠样式表2.html属性和css的使用原则html属性只能修饰当前一个元素，代码没有可重用性，可维护性极低css具有一定的可重用性，可维护性，但是代码重用没有做到极致，需要使用scss动态样式语言做到极致w3c建议开发者尽量的使用css来替代html属性二.css的语法
2021-05-20 14:14:46
60
空空如也
Nestjs+jest测试框架，测试spec测试文件时候报错，哪位老哥解决下
2021-10-25
TA创建的收藏夹 TA关注的收藏夹
TA关注的人