首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

JS是怎么回事》 | 7月28日微课 文字

image.png 大家好,今晚的微课主要讲一个JS的回。 这段时间51题练习群里有同学问回是怎么回事?...关于回函数的详细定义,我们不做过多说明,大家理解就好。 那为什么要用回呢? 1, JS本身是单线程的,就是同时只有一个JS的线程,只有一段JS在执行。...2, 一些我们自己封闭定义的工具函数,可以根据你传入的参数,来决定如何返回给你结果给你。 例如这样: ?...此时tpl相对于此匿名函数来讲,又是一个回函数了。就这样,可以根据业务逻辑,以回的方式一路写下去,可以写很长很长。...下面来说下,回的时机,就是JS什么时候决定调用回函数? 这还要从JS的单线程说起,单线程就意味着队列、阻塞。但有些业务什么时候完成,不知道。例如AJAX请求。

1.1K100

HTML基础

Language, 超文本标记语言),用于构建网页基本结构及其内容的标记语言 超文本:文本中包含指向其他文本的链接 标记语言:将文本以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的电脑文字编码...元素可以拥有属性,属性包含有元素的额外信息,如 img 标签的 alt 属性可以用于指定图片的替换文字,即当无法正常显示图片时会显示出来的文字。 HTML 固定结构 可执行脚本,链接到js文件,也可直接在标签里写 常用元素 块级元素 占据父元素的整行,块级元素独占一行 能容纳其他块级元素和行内元素...(内联元素) 可以控制宽、行、边距、边框等改变尺寸 常见块级元素:div、p、h1-h6、ul、ol、dl、table、form、blockquote、address 行内元素(内联元素) 只占据对应标签边框所占据的空间...label、code、cite 行内块级元素 元素在行内排列,不会独占一行 可以控制宽、垂直边距、边框来改变尺寸 常见行内块级元素有:img、input、td 语义化标签 根据内容的结构,选择合适的标签构建出便于开发者阅读的可维护性更高的代码结构

1.5K20
  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    使用 CodeMirror 打造属于自己的在线代码编辑器

    官网: http://codemirror.net/ 可能光看官网,第一眼觉得那些在线编辑器有点丑,反正第一眼给我的感觉就是这样子,但是经过自己的细,也能打造出一款精美的在线代码编辑器。...smartIndent: boolean 自动缩进,设置是否根据上下文自动缩进(和上一行相同的缩进量)。默认为true。 tabSize: integer tab字符的宽度,默认为4 。...lineWrapping: boolean 在长行时文字是换行(wrap)还是滚动(scroll),默认为滚动(scroll)。 lineNumbers: boolean 是否在编辑器左侧显示行号。...lineWiseCopyCut: boolean 启用时,如果在复制或剪切时没有选择文本,那么就会自动操作光标所在的整行。...默认为1,也就是撑满行。对一些字体,设置0.85看起来会更好。

    3.4K00

    标签显示模式(display)

    具体如下: 块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。...块级元素的特点: (1)总是从新行开始 (2)高度,行、外边距以及内边距都可以控制。 (3)宽度默认是容器的100% (4)可以容纳内联元素和其他块元素。...(2)、宽无效,但水平方向的padding和margin可以设置,垂直方向的无效。 (3)默认宽度就是它本身内容的宽度。 (4)行内元素只能容纳文本或则其他行内元素。...(a特殊) 注意: 只有 文字才 能组成段落 因此 p 里面不能放块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。...(3)高度,行、外边距以及内边距都可以控制。

    95420

    HTML块级元素和行内元素

    块级元素(block-level) 每个块元素通常都会独自占据一整行或多整行,可以对其设置宽度、高度、对齐等属性,常用于网页布局和网页结构的搭建。...块级元素的特点: (1)总是从新行开始 (2)高度,行、外边距以及内边距都可以控制。 (3)宽度默认是容器的100% (4)可以容纳内联元素和其他块元素。...(a特殊 a里面可以放块级元素 ) 注意: 只有文字才能组成段落,因此p里面不能放块级元素,同理还有这些标签h1,h2,h3,h4,h5,h6,dt,他们都是文字类块级标签,里面不能放其他块级元素。...a里面可以放块级元素 块级元素和行内元素区别 块级元素的特点: (1)总是从新行开始 (2)高度,行、外边距以及内边距都可以控制。...(3)高度,行、外边距以及内边距都可以控制。

    3.4K60

    HarmonyOS学习路之开发篇—AI功能开发(二维码生成及文字识别)

    文字图像超分 文字图像超分辨率可以对包含文字内容的图像进行9倍放大(宽各放大3倍),同时增强图像内文字的清晰度,称为“文字图像超分辨率”,简称“文字图像超分”。...由于QR二维码算法的限制,Java语言开发时字符串信息的长度不能超过2953个字符;JS语言开发时字符串信息的长度不能超过256个字符。...JS语言开发时,生成的二维码图片的宽最小值为200px;当宽不一致时,以二者最小值作为二维码的边长,且最终生成的二维码居中显示。支持矩形、圆形两种二维码类型(默认是矩形)。...文字识别开发 场景介绍 通用文字识别适用于如下场景: 可以对文档翻拍、街景翻拍等图片进行文字检测和识别,也可以集成于其他应用中,提供文字检测、识别的功能,并根据识别结果提供翻译、搜索等相关服务; 可以处理来自相机...如果visionCallback为有效的回函数,则该函数为异步调用,函数返回时result中的值无效,实际识别结果由回函数返回。回函数的使用方法请参见开发步骤中的具体说明。

    28820

    最全HTML与CSS基础总结,不进来看看吗?

    CSS布局问题与边框阴影样式 1.外边距合并 2.圆角边框 3.盒子阴影和文字阴影 一. 认识WEB 网页主要由文字、图像和超链接等元素构成。...浏览器的内核相当于汽车的发动机,是最核心的存在,它负责将代码转换成用户眼中的界面 查看统计网站 2.图解web标准 添加入了JS 二. HTML基础 1.文档类型<!...如何优化(了解): 1.花钱买关键字 见效快,花钱多 2.让页面更加规范,语义更加明确(在合适的地方使用合适的标签) 作用: 根据标签的语义,在合适的地方给一个最为合理的标签,让结构更清晰。...body { font:12px/1.5 Microsoft YaHei; } 如果子元素没有设置行,则会继承父元素的行为1.5 此时子元素的行是:当前元素文字大小 * 1.5 body...行 1.5 这样最大的优势就是里面子元素可以根据自己文字大小自动调整行 3.优先级 如果盒子里的图片大于盒子宽, 那么设置图片的宽为100% 五.

    1K20

    css样式—字体垂直、水平居中

    1.行内元素(又叫内联元素inline element):     (1) 不占据一整行,随内容而定,有以下特点:     (2) 不可以设置宽,也不可以设置行,其宽度随着内容增加,高度随字体大小而改变...small - 小字体文本,span - 常用内联容器,定义文本内区块,strike - 中划线,strong - 粗体强调 1.块级元素block element:     (1) 总是在新行上开始,占据一整行...;     (2) 高度,行以及外边距和内边距都可控制;   (3) 宽度始终是与浏览器宽度一样,与内容无关;   (4) 它可以容纳内联元素和其他块元素。   ...我们可以这样来理解,没有明确设定宽度的block,根据块级元素的性质,它默认是独占一行的,所以这个时候block本身就是浏览器窗口的宽度,就不必要来设置水平居中了。  ...5 块级元素中的文字图片垂直居中(针对块的高度确定的,这个是从另一个博客上看到的,真的很实用哦,如果块内只有这些文字的话)   文字在层(块级元素)中垂直居中vertical-align 属性是做不到的

    4.1K100

    jscanvas合成图片实现微信公众号海报功能

    很多时候都有个需求是一张图加上头像和昵称或者其他数据生成自己的二维码海报或者是生成分享海报 这个需求,php的gd库是可以实现的,但是用服务器进行图片合成,会消耗服务器大量的资源 所以我们可以考虑用以下方式实现 一:js...的canvas图片合成方法  $(function () {         draw(function () {//生成之后的回             $('#img')[0].innerHTML...            ctx.fillText("这是文字内容", 92, 800);             /*上面是增加文字,可以无限加*/                          ...            ctx.fillText("这是文字内容", 92, 800);             /*上面是增加文字,可以无限加*/             a(1);//到第2个步骤...进行网页保存成图片//需引入https://github.com/niklasvh/html2canvas/releases/download/v0.5.0-beta4/html2canvas.min.js

    1.4K20

    codemirror自定义代码提示_96图文编辑器

    官网: http://codemirror.net/ 可能光看官网,第一眼觉得那些在线编辑器有点丑,反正第一眼给我的感觉就是这样子,但是经过自己的细,也能打造出一款精美的在线代码编辑器。...smartIndent: boolean 自动缩进,设置是否根据上下文自动缩进(和上一行相同的缩进量)。默认为true。 tabSize: integer tab字符的宽度,默认为4 。...lineWrapping: boolean 在长行时文字是换行(wrap)还是滚动(scroll),默认为滚动(scroll)。 lineNumbers: boolean 是否在编辑器左侧显示行号。...lineWiseCopyCut: boolean 启用时,如果在复制或剪切时没有选择文本,那么就会自动操作光标所在的整行。...默认为1,也就是撑满行。对一些字体,设置0.85看起来会更好。

    3.5K20

    【Dev Club 分享】深度学习在 OCR 中的应用

    传统方法大都需要依靠手动提取特征来训练检测模型和识别模型,由于底层特征与高层语义之间特有的语义鸿沟,当应对多类字体变化以及复杂背景干扰的时候,单一的特征选择或分类器的优就显得相形见绌了。...通常这类方法利用文字颜色、亮度、边缘信息进行聚类的方式来快速分离文字区域与非文字区域,而以MSER和SWT为代表的连通域分析方法在自然场景文字检测中表现优异,在获得鲁棒性的同时性能也比滑动窗口的形式提高不少...关键是要准备充足的字符训练集,可以根据字符前景和背景生成多个灰度值对,使得训练样本更加丰富 Q6:OCR识别二维码,需要怎么去做?...不过检测到整行文字倾斜是可以考虑先做方向矫正再送识别。 Q10:能用来识别车牌吗?考虑对车牌拍摄时的光照,角度等因素。 可以。不过车牌的检测算法很成熟了,可以先检测到车牌,做方向矫正后再送识别。...后续会考虑用基于RNN的LSTM来做整行识别,能避免切割,问题是将会对性能产生影响。 Q12:锤子发布的 big bang,他的检测很精确,尤其对文字语句,段句这块。

    3.6K80

    kindeditorasp配置_php配置详解

    大家好,又见面了,我是你们的朋友全栈君 KindEditor 工具栏配置: 第一种: 打开 KindEditor目录下的kindeditor.js文件, 搜索items:,可以看到所有的工具栏按钮都在这里定义成一个数组...第二种: 如果在create方法内尚未对其items进行任何指定,那么就会默认继承kindeditor.js内的items的配置,也就是全部菜单。...宽度和 度可用inline样式设置,也可用编辑器初始化参数设置。...; forecolor:表示文字颜色; hilitecolor:表示文字背景色; bold:表示文字加粗; italic:表示文字斜体; underline:表示给文字追加下划线; strikethrough...:表示给文字追加删除线; lineheight:表示调整行距; removeformat:表示删除选中段的格式; image:表示单个上传图片; multiimage:表示批量上传图片; flash:表示插入

    2.6K10

    iOS 计算NSString宽与计算NSAttributedString的宽

    开篇 项目有一个客服反馈功能,用到的是聊天列表的形式,这就免不了计算字符串的宽,由于要给字符串加间距,没办法,只能用 NSAttributedString 所以要计算NSAttributedString...的长宽 计算NSString宽 计算NSString宽很简单,代码如下: //返回字符串所占用的尺寸. - (CGSize)sizeWithFont:(UIFont *)font maxSize:(...字符串 needWidth:将要计算的最大宽度 lineSpacing:行间距大小 当然关于 NSAttributedString 的设置还有很多,不一一列举了,提供一个同事封装好的留下以后用 调整行间距...//调整行间距 + (NSMutableAttributedString *)atttibutedStringForString:(NSString *)string LineSpace:(CGFloat...value:paragraphStyle range:NSMakeRange(0, [string length])]; return attributedString; } 设置属性文字

    5.1K30

    美团的OCR方案介绍

    基于深度学习的智能OCR识别技术支持移动设备拍摄的图像识别,可适用于对焦不准、噪声、低分辨率、强光影等复杂背景。...利用CNN+LSTM+Attention+CTC网络实现端到端的整行文字识别,精度和效率均有较大提升,下面介绍2种常见的整行识别算法。...基于深度学习的文字检测 对于美团的OCR场景,根据版面是否有先验信息(卡片的矩形区域、证件的关键字段标识)以及文字自身的复杂性(如水平文字、多角度),图像可划分为受控场景(如身份证、营业执照、银行卡)和非受控场景...为了保证召回和定位精度,可采用由粗到精的策略进行检测。首先定位卡片所在区域位置,然后在卡片区域范围内进行关键字检测,而区域定位也可采用Faster R-CNN框架,如图11所示。...图14 基于FCN的文字定位结果 基于序列学习的文字识别 我们将整行文字识别问题归结为一个序列学习问题。

    1.6K20

    sublimeText3之码上有爱

    文末有视频,本文可自由转载,还是觉得看动图,阅读文字好,毕竟视频要流量 前言 相信对于很多写代码的小伙伴来说,对于开发编辑器都不会陌生,什么editplus,dw,webstorm,hubuilder,...对整行有效 Ctrl+] 向右缩进。对整行有效 Ctrl+K+K 从光标处开始删除代码至行尾。...HTML-CSS-JS Prettify 使用说明:快速格式化html css js 快捷键: ctrl+shift+h也可以鼠标右键操作, 安装插件后,直接使用时没有效果的,会提示nodejs not...中命名是件很纠结的事情,有了这个插件可以随时的在编辑器中进行中英互译,不必退出软去浏览器找百度,Google翻译,或者是打开电脑安装的翻译应用软件,真的很好用,有时不会那么快,关闭那些占宽带的应用,速度会好些的...我觉得还是阅读文字比较好,反正我自己看不下去,第一次玩

    1.4K30

    不会玩阴阳师的我带你一键下载《阴阳师:百闻牌》所有卡牌并调用百度OCR识别文字信息

    很显然,我们只能通过根据位置定位不同的文字来实现,因为识别出的文字并不是完全有序,且可能出现识别识别的文字,我们可以使用排除法来精确定位: 在①即角色以上区域因为没有需要识别的文字,所以直接排除; 有的卡牌左右下角有数字...在识别的结果中,所有的数据都是以像素为单位给出的,以图片左上角为(0,0),向右为宽,向下为,在对图片中不同类别文字信息的位置进行估计时,需要考虑到各种不同的情况,因为每张图片的文字情况可能不太一样,...使用百度文字识别时,使用位置信息版从而可以根据位置判断不同的文字信息类型,经过排除和判断得到需要的3种类型的文字信息。并且使用异常处理机制,在识别时遇到异常时能够及时处理。...本项目是在下载图片完成后回函数来实现文字识别,可以改用生产者消费者模式实现进一步的优化升级,生产者负责下载图片,消费者负责识别文字。...对于个别图片,对其进行文字识别后根据位置判断文字信息类型的准确度还有待提高,因为结果中,有极少数还存在描述表达不通顺的情况。

    1.4K20

    sublime text2快捷键的使用

    ctrl+shift+F 默认是在本项目(用得最多的).也可能来文件夹里查找,与普通编辑不同的地方是sublime允许添加多个文件夹进行查找(add directory)  6. ctrl+L 选择整行...Ctrl+Shift+K 删除整行,Ctrl+KK 从光标处删除至行尾 8. ctrl+/ 单行注释, ctrl+shift+/块注释( 注释已选择内容),sublime会自动根据语言选择注释方式 9....等语言里的块{内容}, Ctrl+Shift+D 复制光标所在整行,插入在该行之前 Ctrl+J 合并行(已选择需要合并的多行时) Ctrl+KU 改为大写 Ctrl+KL 改为小写 Ctrl...文件等 description:代码描述 在输入快捷键的时候 提示框内的介绍描述文字 接下来介绍一下sublime的亮点,插件机制:(装完了所有的插件都要重启软件) sublime插件可以通过两种方式进行插件安装...JS Minifer 提供js压缩功能,基于GG的closure complier,快捷键:ctrl+alt+M 17. js Format 提供JS格式化功能,快捷键 ctrl+alt+F,会根据 18

    1.7K60

    轻松生成小程序分享海报

    image 要解决的问题 单位问题 canvas隐藏问题 圆角矩形、圆角图片 多段文字 超长文字和多行文字缩略问题 矩形包含文字 多个元素间的层级问题 图片尺寸和渲染尺寸不一致问题...参数让用户可以自定义行,这样我们就可以知道下一行的y轴坐标了。...image 多个元素间的层级问题 由于canvas没有Api可以设置绘制元素的层级,只能是根据后绘制层级高于前面绘制的方式,所以需要用户传入zIndex字段,利用数组排序...(Array.prototype.sort)后再根据顺序绘制。...image 如果绘制尺寸比源图尺寸宽,那么绘制尺寸的宽度就等于源图宽度;反之,绘制尺寸比源图尺寸,那么绘制尺寸的高度等于源图高度; 我们可以通过wx.getImageInfoApi

    2.4K30
    领券