web前端
胖胖爱干饭
这个作者很懒,什么都没留下…
展开
-
面试题记录
1. 依赖注入的理解(解决的问题, 控制反转设计原理, 依赖问题)依赖注入是一种编程技巧(去掉new, 降低component 与service 之间的耦合性)控制反转是一种设计模式: 控制是对程序流程的控制, 反转是将控制权从程序员手中交给了外层框架。@Optional 找不到就给null,@Host 相当于 self@Self 从自身找@SkipSelf 父组件找2. 数据结构的堆和栈类型:3. 响应式布局(几种方式):媒体查询, flex 布局, 流体布局;自适应布局与响应式布局的区别: 自适应布原创 2022-07-11 18:00:32 · 145 阅读 · 0 评论 -
css 媒体查询问题 @media
// 小于等于 1366px 宽度的屏幕全都适应@media only screen and (max-width: 1366px) { .div{ height: 14rem !important;}}// 大于 1600px 宽度屏幕的全都适应@media only screen and (min-width: 1600px) { .div{ height: 20rem;}}// 大于1366px - 1600px 之间的宽度屏幕@media only screen...原创 2022-03-22 14:12:28 · 889 阅读 · 0 评论 -
前端面试题(一)
一, 垂直居中方法:设定行高(line-height), 仅限于单行元素效果会更好; calc 动态计算: 元素的 top 属性 50%的外框高度 - 50%的元素高度; 使用 table 垂直居中, 将父元素的 display设置成 table-cell; transform设置, 子元素设置 relative 定位, top 设置 50%, transform 设置Y轴偏移 -50% 【 transformY(-50%) 】; 绝对定位:父元素设置 relative, 子元素设置 a...原创 2022-03-10 17:33:54 · 672 阅读 · 0 评论 -
Angular面试
一, Angular 于 AngularJS 的区别angularJs 优点:模块功能强大丰富, 支持数据双向绑定; 比较完善的前端 MVC 框架; 引入 java 的概览, 比如依赖注入;angularJs 性能问题:双向数据绑定, 项目变大的时候,性能影响很大, 采用脏检查,跟踪数据变化,动态改变用户数据Angular:全新的命令行工具 angular-cli; 默认是单向数据绑定; 路由, 表单验证等都做了改进;二, 什么是 Angular是一款开发源代码的we..原创 2022-03-04 14:51:11 · 387 阅读 · 0 评论 -
vue入门项目开发 (配置路由)- 1
1. npm 安装 vue-router2.src 下创建 router.js, 配置路由信息3. 在main.js 中添加4. 启动之后发现报错信息:Uncaught SyntaxError: The requested module '/node_modules/.vite/vue.js?v=1e47ba44' does not provide an export named 'default'5. 解决过程:重新创建项目安装vue-router 就好了 (网上找了一堆办法.原创 2022-02-25 11:45:09 · 933 阅读 · 0 评论 -
自定义 audio 样式以及各种事件
由于 audio 标签被说实在有点丑, 只能自己开始自定义, 找了很多资料, 自己后期加工,下面开始贴代码;一. HTML代码片段(基于Angular9,css 文件里面没有见过的class都是自定义部分, 顾名思义即可)<div class="audio-wrapper flex-start-center white margin-B10"> <audio class="margin-T15 audio-box" id="audio" src="{{音频文件路径}}"&原创 2020-09-24 11:55:23 · 2740 阅读 · 2 评论 -
前端面试题集
https://www.nowcoder.com/ta/front-end-interview?query=&asc=true&order=&page=4转载 2018-04-18 09:22:57 · 167 阅读 · 0 评论 -
Angular 创建常用命令
ng generate component example 生成组件带有模版ng generate component example -it 生成内联模版(不会单独生成html文件)ng generate directive my-directive - 生成一个新指令ng generate pipe my-pipe - 生成一个新管道ng generate service my...转载 2019-05-10 17:02:02 · 1771 阅读 · 0 评论