前端

再战CSS样式

前言 最近面试,发现CSS层叠样式表很多细节已经忘得差不多了。 写样式,画界面是一个前端工程师最基础的素养。 一、基础选择器 标签: 标签名 { css属性名:属性值; } 类: .类名 { css属性名:属性值; } id: #id属性值 { css属性名:属性值; } 通配符: *{ css属性名:属性值; } 二、选择器进阶 复合选择器(后代、子代)、并集选择器、交

js数组方法汇总

<meta charset="utf-8"> 需求: js数组(Array)方法汇总 索引: 对数组方法的学习和汇总,分为三大类: 一,改变原数组的方法(10种): 1,arr[key]='tom'; 2,arr.splice(); 3,arr.reverse(); 4,arr.sort(); 5,arr.push(); 6,arr.pop(); 7,arr.unshift(); 8,

如何用一行 CSS 实现 10 种现代布局

现代 CSS 布局使开发人员只需按几下键就可以编写十分有意义且强大的样式规则。上面的讨论和接下来的帖文研究了 10 种强大的 CSS 布局,它们实现了一些非凡的工作。 01. 超级居中:place-items: center ![2.gif](

mock基本使用

一、mockjs定义 拦截ajax请求,生成伪数据 应用场景:在工作中,后端已经出接口文档,还没有实现代码 由前端依照接口文档模拟伪数据,实现前端开发功能 二、mockjs安装 npm i mockjs -D 三 、mockjs使用 1定义/mock/index.js import Mock from 'mockjs' Mock.mock(" /api/feed",{json数据})

小程序日常小记

1.wx常用的跳转方法 wx常用的跳转方法 2. bindtap与catchtap的区别 bindtap与catchtap的区别 3.小程序分包的问题 ⚠️ 分包之后文件会自动创建 { "pages":[ "pages/index", "pages/logs" ], "subpackages": [ { "root": "pa

Angular 单元测试实践 (4)

本文继续介绍如何对 Angular 的管道(pipe)、指令(directive)和表单(form)进行单元测试。 测试管道 Angular 的指令是一个实现了 PipeTransform 接口的 TypeScript 类,暴露了 transform 方法。指令操作通常是同步的,很少与 DOM 元素进行交互,也几乎没有什么依赖。因此,对指令的单元测试也比较简单,甚至不需要 Angular 的测试工

JavaScript_BOM

一、window对象 (一)常见方法 a. 打印方法 1) log() 以日志形式 window.console.log( ' 日志 ' ) // 以 日志 形式打印 2) error 以 错误 的形式 window.console.error( ' 错误 ' ) // 以 错误 形式打印 3) warn 以 警告 的形式 window.console.warn( ' 警告 ' )

Python函数式编程-1·Filter

一、函数式编程Filter: filter(func, seq): 调用一个布尔函数 func 来迭代遍历每个序列中的元素;返回一个使 func 返回值为 true 的元素的序列 如果布尔函数比较简单,直接使用 lambda 匿名函数就显得非常方便了 二、传参方式: filter(布尔函数, 列表): filter会返回一个对象,对象可以直接被list进行转换,转换的list保存过滤结果为T

HTML5的离线应用

一,离线应用         什么是离线应用呢? 就是你现在正在页面上浏览网页或者填写信息,正在这时,你家的wifi突然断了,那么这时你重新连接页面会发现之前的页面都重新加载了,之前填写的相关信息也得从头开始写。那么如果你的web应用支持离线功能,那么就不会用这种经历了。         什么时候考虑使用离线呢 并不是所有网页都要设置为离线,而是那种交互性和有状态的网页(动用很多js代码维护信息的

React-CSS

1. React中的样式 React并没有像Vue那样提供特定的区域给我们编写CSS代码 所以你会发现在React代码中, CSS样式的写法千奇百怪 2. 内联样式 内联样式的优点: 内联样式, 样式之间不会有冲突 可以动态获取当前state中的状态 内联样式的缺点: 写法上都需要使用驼峰标识 某些样式没有提示 大量的样式, 代码混乱 某些样式无法编写(比如伪类/伪元素) clas