首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往
您找到你想要的搜索结果了吗?
是的
没有找到

前端必须知道的开发调试知识 - 笔记

Elements—DOM 树 动态修改元素与样式 点击.cls 开启动态修改元素的 class 输入字符串可以动态的给元素添加类名 勾选 / 取消类名可以动态的查看类名生效效果 点击具体的样式值(字号、颜色...Console 相关方法: console.log console.warn console.error console.debug console.info 小技巧:不同类型的数据从 console 中打印出的颜色也不相同...,可以借此判断数据类型 上面的都是用于区分警告等级,主要区别就在于显示颜色不同,而还有一种日志方法,可以具像化的展示 JSON 和数组数据,方便调试: console.table 另外,console...打印的日志还可以自定义 css 样式: 通过占位给日志添加样式,突出重要的信息 % s:字符串占位 % o:对象占位 % c:样式占位 % d:数字占位 例如: console.log( "%...答案是:通过在打包过程中生成 SourceMap 文件来对压缩后的代码进行映射,从而可以在调试时还原源码 SourceMap: mappings 字段存储了源文件和 SourceMap 的映射 英文,

1.1K20

DATUM-支持不同格式(JSON,CSV,SQL,XML等)的在线模拟数据生成器

默认初始化了常用的一些字段,如:编号,姓名(中文),性别,IP地址(IPV4)以及邮箱地址等。...新增一行: 点击"新增一行"按钮,可以向字段列表中新增一行空字段。...生成邮箱地址 电话号码:生成常用的电话号码 布尔值:生成布尔值 日期:生成日期或时间 数字:生成指定范围内的随机数字 小数:生成指定范围内的随机小数 汽车品牌:生成汽车品牌 自定义(序号):使用特殊符号作为占位...密码:生成随机密码字符串 MAC地址:生成电脑的MAC地址字符串 颜色:生成随机颜色 金额:生成随机金额 颜色(十六进制):生成十六进制的颜色代码 时间戳(秒):生成时间戳 连续数字:生成指定范围内的连续数字...其他 此外,您还可以上下拖动每行最前面的排序图标,对字段进行排序。生成的数据字段顺序将按照界面字段的顺序排列。 欢迎体验Datum在线模拟数据生成器,把你的意见、建议在交流区与我们一起分享吧。

90630

52ABP-PRO 前后端分离架构概述

这种情况下,我们可以将租户名称通过占位的形式来进行表现,如下所示: "AdminServerRootAddress": "http://{TENANCY_NAME}.52abp.com/", "WebSiteClientRootAddress...例如: "CorsOrigins": "http://*.app.52abp.com/" 在启用了以上之后,我们还推荐您继续使用{TENANCY_NAME}作为 URL 地址作为租户的占位,那么就需要您在...Angular 解决方案 52ABP-PRO 采用的是NG-Alian-Pro作为 Angular 的前端模板,购买 52ABP-PRO会自动获得此授权无须再单独购买NG-Alian-Pro。...Angular 解决方案的入口是src\main.ts 。它的作用是用于引导 Angular 的根模块(RootModule)。解决方案的基本模板如下图所示: ?...如果我们想将租户名称用作多租户应用程序的子域名,那么我们可以将appBaseUrl定义为 http://{TENANCY_NAME}.mydomain.com {TENANCY_NAME}是租户名称的占位

3.6K40

分享15个有用的,你可能还不知道的CSS小技巧,建议每个前端开发者都了解下

使用:target伪类,你可以根据URL的片段标识来选择并样式化特定的元素。当用户点击包含片段标识的链接时,浏览器会自动滚动到对应的元素,并应用:target伪类所定义的样式。...这对于向用户提供关于特定表单字段重要性的视觉提示非常有帮助。 通过使用 :required 和 :optional 伪类,你可以根据表单输入字段的要求状态设置相应的样式。...例如,你可以改变输入框的边框颜色或标签的样式,以突出显示必填字段或区分可选字段。这样的样式设置有助于向用户传达表单字段的重要性和要求。...通过使用::placeholder伪元素,你可以为输入框内的占位文本设置样式。...使用::placeholder伪元素,你可以为输入框的占位文本设置样式,包括文本颜色、字体样式、对齐方式等。

16640

ios_UITextField-修改占位文字和光标的颜色,大小

一.设置占位文字的颜色 方法一:利用富文本 /** 手机号输入框 */ @property (weak, nonatomic) IBOutlet UITextField *phoneTextField;...// 设置光标的颜色 self.tintColor = [UIColor redColor]; 三.设置占位文字的偏移 重写-(CGRect)placeholderRectForBounds:...:    //改变绘文字属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了. – placeholderRectForBounds:  //重写来重置占位区域...– drawPlaceholderInRect:  //重写改变绘制占位属性.重写时调用super可以按默认图形属性绘制,若自己完全重写绘制函数,就不用调用super了 – borderRectForBounds...return [super becomeFirstResponder]; } // 失去焦点 - (BOOL)resignFirstResponder { // 利用运行时获取key,设置占位文字的颜色

1K10

kettle中实现动态SQL查询

SQL查询语句中占位绑定字段值 第一个接近动态语句的是大家熟悉的从SQL代码中执行,开始写一个SQL查询,包含一些占位,然后绑定值到占位,使之成为一个有效的查询并执行。...示例中,首先使用生成行步骤(“Generdate Rows”)生成一行带有两个字段的记录,分别按顺序代替表输入SQL语句中的占位。...占位的局限性 虽然通过给占位绑定值查询非常有效,但也有一些场景不能使用,下面一些SQL不能使用占位。这些示例都非常通用,但是不能使用占位。...不能用占位代替表名词,否则查询将不执行。 SELECT some_fieldFROM ? 不能使用占位代替查询的字段名称,下面的查询可以成功绑定参数,但只是作为一个常量,而不是字段的名称。...变量和占位一起使用 如果有必要,我们可以混合这两种技术;本示例中使用变量作为表名词,同时使用占位作为前面步骤的输入值。

5.1K20

“Excel格式”最风骚玩法,炫技加薪就靠它了

002 自定义格式基础字符 自定义格式代码是由占位构成的,各种各样的占位就像是自定义格式中通用语言一样,Excel能很好地识别有占位组成的语言。因此,掌握了占位就相当于掌握了自定义格式代码。...02、 "#" 注释:数字占位。只显有意义的零而不显示无意义的零。小数点后数字如大于"#"的数量,则按"#"的位数四舍五入。...03、"0" 注释:数字占位。如果单元格的内容大于占位,则显示实际数字,如果小于点位的数量,则用0补足。代码:00000。...注释:数字占位。在小数点两边为无意义的零添加空格,以便当按固定宽度时,小数点可对齐;也可以用于具有不同位数的分数。 ? 05、"@" 注释:文本占位。...10、颜色 注释:用指定的颜色显示字符。可有八种颜色可选:红色、黑色、黄色、绿色、白色、蓝色、青色和洋红。

2.4K30

Rxjs&Angular-退订可观察对象的n种方式

原文/出处: RxJS & Angular — Unsubscribe Like a Pro 在angular项目中我们不可避免的要使用RxJS可观察对象(Observables)来进行订阅(Subscribe...)和退订(Unsubscribe)操作; 概述 我们的每个angular项目中都会用到RxJS, RxJS在我们的angular app中对数据流和性能有非常大的影响。...你只需创建可观察对象(Observables)然后Angular会帮助你进行订阅和取消订阅. 方式4 takeUntil 操作 RxJS包含许多有用的操作, takeUntil就是其中之一....像这个操作的签名一样, takeUntil 接受一个会发出取消订阅源可观察对象通知的可观察对象(notifier)....; 我们还可以不通过组件类字段, 而是使用until-destroy定义的叫untilDestroyed的RxJS操作来取消订阅.

1.2K00

Angular系列教程-第五节

bootstrap —— 根组件,Angular 创建它并插入 index.html 宿主页面。 该模块的 declarations 数组告诉 Angular 哪些组件属于该模块。...如果你使用了未声明过的组件,Angular 就会报错。 declarations 数组只能接受可声明对象。可声明对象包括组件、指令和管道。...依赖注入 在 Angular 中,要把一个类定义为服务,就要用 @Injectable() 装饰器来提供元数据,以便让 Angular 可以把它作为依赖注入到组件中。...3.路由 在用户使用应用程序时,Angular 的路由器能让用户从一个视图导航到另一个视图。... 3.1路由配置 3.2路由占位 3.3路由点击状态 3.4路由参数 4.配置说明 项目文件说明 .editorconfig 代码编辑器的配置 .gitignore

2.9K20

yapi中使用json-schema mock数据

设置默认值 将1中图示的字段后的mock部分填入字串,即可为字段设置默认值。 ? 如上图所示,我们将data的默认值设为this is data; 将code的默认值设为1。...基于mockjs占位的mock 3.1 什么是占位 这个概念来源于mockjs, 可以将其简单理解为用于生成特定字串的函数, 具体可参见mockjs官方定义。...不过此处并不支持mockjs中所有占位功能,大概只相当于Mock.Random部分。 3.2 使用占位 点击数据字段后的mock框,可以看到支持的占位列表。如下图所示: ?...3.3 常用占位功能详述 @integer(min?, max?) 返回一个随机的整数。 min:可选参数,整数最小值。 max:可选参数,整数最大值。...例: @pick(['this', 'is', 'picker', 'test']) //--> picker 3.4 更多 更多占位使用可参见下述文档 https://github.com/nuysoft

2.5K10

详解泛型高级特性

声明 泛型的声明使用 的形式,需要在一个地方同时声明多个占位时,使用 , 隔开。...占位的格式并无限制,不过一般约定使用单个大写字母,如 T 代表类型(type),E 代表元素*(element)等。虽然没有严格规定,不过为了代码的易读性,最好使用前检查一下约定用法。...静态方法在 static] 后使用 声明泛型方法后,在参数列表后就可以使用泛型类型了 // doSomething } 最后是在接口中声明泛型,如上面的快排中,我们使用了 Comparable...实际上,实现了泛型的代码的字节码内会有一个 signature 字段,其中指向了常量表中泛型的真正类型,所以泛型的真正类型,还可以通过反射获取得到。...如果还没有共同的接口,那么需要考虑是否可以抽象出一个通用的接口实现,如打印人类的衣服颜色和动物的毛皮颜色,就可以抽象出一个 getColor() 接口,抽象之后再使用边界限定通配符。

53910
领券