02_HTML5
#编程语言/前端 #编程语言/前端
HTML
1 元素
1.1 原理
作为一个操作单位,如被 JS 操作,或者其中的数据都使用同种 CSS
风格……
1.2 自定义元素
定义块元素
1<div> ... </div>
注意:div 中可包含多个元素,即将多个元素分成一组。
定义行内元素
1<span> ... </span>
注意:只能把 span 放在其它元素的内部。
1.3 元素属性:id 和 class
id 和 class 是元素的属性,不只是自定义元素,所有元素都可以设置 id 和
class,以设置操作和风格。
id
id 是元素的字名,应该是独一无二的,
class
class
是元素它所属类别,多个元素可属于同一类别,它们可以拥有同样的显示风格,同样的操作……
一个元素还可以属于多个类别形如:
1<div id="ISBN0321127307" class="listing book">
1.4 通过 id 访问控件
(好像是 JQuery 用法)
1$("#i ...
04_JQuery和Ajax
JQuery 和 Ajax
#编程语言/前端
1 原理
Ajax(阿甲克斯)提供了异步更新的机制,使用客户端与服务器间交换数据而非整个页面文档,实现页面的局部更新。
jQuery 是一个框架(可以当成一个库),封装了一些常用方法,使得 JS 与
Ajax 更方便使用。
2 JQuery
JQuery 是一个非常常用的 JS 库,可以直接使用网上的
js,也可以下载到自己的服务端。
2.1.1 直接下载
下载地址:https://jquery.com/download/
点开不压缩版本,即可看到其具体实现,将 js
文件保存到本地,然后在网页中引入即可
1<script src="pathtoyourjs/jquery-3.2.1.min.js"></script>
2.1.2
下载源码(可切换到历史版本)
或者从 git 下载
1$ git clone https://github.com/jquery/jquery.git
2.2 AJAX
AJAX 是 JQuery 工具集中的一个工具,用于远程请求,以实现局部刷新。
3 示例
3.1 ...
03_JS
JavaScript
#编程语言/前端 #编程语言/前端
1 原理
运行在客户端浏览器,不需要服务端资源
2 用途
网页中比较复杂的交互,比如提示用户输入错误,点展开列表、输入文字时自动联想……
3 基本语法
3.1 说明
大小写敏感
空格无意义(与 Python 不同)
建议以分号结尾
注释
行注释:
1// 我是行注释
块注释:
123/*我是注释*/
3.2 变量
不需要显示地声明类型,但需要用 var 定义变量。
12345var foo = null;var foo = true;var foo = 5;var foo = "five";var foo = [5, "five", "5"];
3.3 操作
布尔操作
== 等于
!= 不等于
=== 类型相同
!== 类型不同
, >=, <, <= 大于、大于等于、小于、小于等于
数值操作
++ 加 1
-- 减 1
+= 当前值加
逻辑运算
&& 逻辑与
|| 逻辑或
! 逻辑非
3.4 条件
12 ...
05_CSS
#编程语言/前端
1 简介
1.1.1 什么是 CSS
用途:设置显示风格
英文:Cascading Style Sheets (CSS)
语法:它有自身的语法
1.1.2 优点
准确:更准确地控制显示
省事:一个设置多处使用
适配:在不修改 HTML 的情况下适配不同显示设备
同样内容,不同风格,看起来有多么不同:
Pasted image
20220111171119.png
1.2 基本概念
继承:子控件继承父控制属性
冲突:当设置发生冲突时,优先使用权重更大的设置
一般用中括号定义形如:
1p { line-height: 1.2em; } [0] [0] [1]
1.2.1 基本语法
CSS 每一条由两部分组成:
第一部分是 selector
定义需要被设置的元素。
此处可设置多个元素,用逗号分隔
selector 可支持三种类型:
选择符(如 p),
元素的类名(以点开头)
元素的 id(以井号开头)
用星号定义其它所有情况
第二部分是 declaration
定义设置的具体规则
使用大括号定义
每一部分由键值对成,各 ...
07_React
1 相关术语
React: 用于构建用户界面的 JavaScript 库
node: 通过 JavaScript 语言开发 web 服务端
npm:相当于 python 的 pip 工具,pip 用于安装 python
相关的各种工具,npm 用于 Node.JS 相关的各种工具
jsx:JSX 是一种 JavaScript 的语法扩展,用于 react
中,既不是字符串也不是 HTML,有点像模板,形如:
1<div>{arr}</div>
2 react 与只有 JS 的区别
单纯的 JS 是直接操作和构造 html。
react 是数据驱动界面,它通过虚拟的 html 生成标签。
react 的基础逻辑是数据由上向下单向流动。
虚拟的 html 有点类似于模板,html 中其中可嵌入变量和程序段。
举个例子,之前提交表单时将表单中每个元素取值转给 server,也就是从
html 中取值;使用 react 后,当按下按钮时,一般调用某个 react
函数,由函数内部通过数据构造请求,以及处理请求的结果,再进一步渲染控件,而非整个刷新 ...
06_bootstrap
1 需求
代码简单
界面不丑
学习成本低
2 简介
Bootstrap_ 是 Twitter 推出的前端开发的开源工具包。
具体控件长什么样,全靠设 class。
bootstrap 都是基于 jquery 的。
bootstrap 主要需要引用 css 和 js 两个文件。
3 具体用法
3.1 Blog 博客
3.2 Chart 画图
https://chartjs.bootcss.com/docs/
3.3 Table 表
https://getbootstrap.com/docs/5.1/content/tables/
3.4 SlideBar 侧栏
3.5 Model 弹框
关键字 Modal
模态框(Modal)是覆盖在父窗体上的子窗体。
引例程为 bootstrap5,请注意与 js 版本匹配
具体方法:https://www.runoob.com/bootstrap5/bootstrap5-modal.htmll
需要在调出它的控件中设置形如
123<button type="button" class="btn btn-prim ...
2_Obsidian_常用插件
2_Obsidian_ 常用插件
1 强烈推荐
1.1 最近打开的文件:Recent
Files
安装后在左侧面板上部出现时钟图标,可以查看最近打开的文件
1.2 Git 插件:Obsidian Git
可以定时 commit,push,pull 同步到 git,在国内可使用 gitee
作为服务端,速度很快。
详见:3_Obsidian_用Git同步笔记
1.3 规范化格式:Linter
tag wrangler 目前位居下载量排行榜第 26 位。
Linter
插件用于规范化笔记模式,支持规范化当前文档,当前目录下的文档,以及所有文档,并且可以设置哪些文档不需要修改(比如某些模板)。需要注意的是:修改之前要先在设置界面勾选规范哪些操作(细节非常丰富),然后通过
Ctrl+P 菜单调用 Linter 功能,或者用 Ctrl+Alt+L
快捷键规范化当前页面。常见的操作包含:加间隔行,去空行,去掉无用的空格等等。
1.4 自动生成序列号:Number
Headings
在 Setting->Number Headings
中设置默认的开始层级等信息,注意不要选择 Automati ...
论文阅读_字典提升基于BERT的NER
用字典提升基于 BERT
的中文标注效果
论文题目:Lexicon Enhanced Chinese Sequence Labeling Using BERT
Adapter
论文地址:https://arxiv.org/abs/2105.07148
读后感
论文提出将字典融入 BERT 网络层记作字典加强
BERT(Lexicon Enhanced
BERT,LEBERT),用于提升中文标注效果。新模型在命名实体识别、分词、成份标注实验中均达到了目前最佳水平。
简介
这是一篇自表于 2021 ACL(NLP 顶会)的论文。
由于存在分词(CWS)问题,中文面临更大的挑战,对多数任务,以字为单位比以词为单位效果更好。
目前大多优化方法都是修改上层(网络末端),而未修改核心网络。文中提出的方法利用字典得到更多可能的分词,动态计算最佳分词方法,并修改了网络的
Transformers 层,如图 -1 中的右图所示:
Pasted image
20220112130432.png
模型
Pasted image
20220112130755.png
模型的核心结构如图 -2 所示 ...
机器学习_条件随机场CRF
条件随机场 CRF
简介
在命名实体识别(后简称
NER)中,迄今绝大多数模型都使用神经网络和条件随机场结合的方法实现。所以,需要稍微了解一下
CRF 的原理。
NER
是自然语言处理中一个非常基础的任务,简单的说,就是识别句中的成份。比如 "
小明去学校
",其中“小明”是人名,“去”是动词,“学校”是地点。如果把字当作处理单元,“学”字是动词还是地点,不仅取决于该字的意思,还取决于它的上下文。
CRF 可用于解决序列问题(前后状态存在相关性),比如根据第 i-1
个字来判断第 i 个字所充当的成份。当 CRF
与神经网络共同工作时,神经网络负责提取词义,CRF
将词义与上下文结合,以实现更准确地判断。
原理
这里涉及很多概念,比如最大团、马尔可夫性、马尔可夫链等等,本文不做展开,以免过长、过于复杂。
直奔主题,CRF
最大的特点是它使用了特征函数。可以把特征函数想象成对输入 x
提取多个特征,每个特征函数提取一个特征。
\[
\sum_i^T\sum_k^M\lambda_kf_k(x,y_{i-1},y_i,i)
\]
序列中共有 T 个时间步(NER 句中有 T 个字),用 i ...
论文阅读_语音合成综述
基本信息
题目:Survey on Neural Speech Syntheis
论文地址:https://arxiv.org/abs/2106.15561
上传时间:2021 年 1 月
全文翻译:论文学习:A
Survey on Neural Speech Synthesis
阅读体会
比较全面介绍用深度学习实现语音合成的综述性论文。论文整体
63 页,其中正文 37 页,参考 TTS 相关论文 400
多篇。本文并不打算对论文逐句翻译,只列出重点,作为个人阅读笔记,同时加入笔者的一些注释。
摘要
近年来基于神经网络的深度学习算法大大提升了语音合成的质量,这篇文章集学术研究和工业应用于一体,是一篇综述性的文档,它包含语音合成的几个重要组成部分:文本分析、声学模型和声码器;涉及热门主题,比如:快速
TTS,使用更少资源训练等等;还总结了 TTS
相关资料(工具和数据),最后讨论了 TTS 未来的发展方向。
1. 介绍
TTS
主要指的是把文本转换成语音输出,它是一个由来已久的课题,涉及:语言学、声学、数据信号处理、机器学习等领域。这几年深度学习使
TTS 效果有了显著提升,这篇论文是 ...