09 2019 档案
摘要：参考文章 WAI-ARIA无障碍网页应用属性完全展示 翻译-盲人如何使用互联网的8个误区 WAI-ARIA 无障碍Web规范 Web 可访问性与无障碍最佳实践 Using ARIA: Roles, states, and properties Using ARIA: Roles, states, a
阅读全文
摘要：例如使用了 a 标签制作了按钮，如果不进行额外的优化，读屏软件在朗读时会读作"文字内容 链接"，但实际上该 a 标签是用作按钮使用，因此可以在标签上添加 role="button" 属性。此时，读屏软件会读作"文字内容 按钮"。 可以看到，读屏软件在朗读时会在结尾朗读出元素的属性，这也是无障碍优化中
阅读全文
摘要：哪些元素默认可以获得焦点 在html中表单元素、button、带href的a可以默认获得光标焦点，对表单元素设置autofocus=“autofocus”在页面加载完毕后可以自动获得光标焦点，除非有其它的方法修改了界面的焦点．比如通过focus() 方法修改页面的焦点．其他可以获得焦点的元素 可以通
阅读全文
摘要：盲人如何使用互联网的8个误区 误区1：屏幕阅读器读取链接标题文本 不试不知道，一试吓一跳，这居然是不正确的。很长一段时间里，我总是试图在链接上增加title文字以描述这个链接，目的是方便屏幕阅读器理解。现在我是知道了，屏幕阅读器压根就不会鸟title属性中的文字，这意味着为屏幕 阅读器用户添加额外信
阅读全文
摘要：radio <div role="radio" aria-checked="true" aria-label="单选2" tabindex="0">单选tabindex="0"</div> 这个div模拟了radio的功能，在平时读屏软件是分辨不出来的，但是加上role及aria-checked状态
阅读全文
摘要：ARIA使用规则一 如果你使用的元素( HTML5 )具有语义化，应该使用这些元素，而不应该重新定义一个添加ARIA的角色、状态或属性的元素。 浏览器的语义化标签已经默认隐含ARIA语义，像nav,article,button已经隐含ARIA的role="navigation",role="arti
阅读全文
摘要：设置获取无障碍属性值 为了跨浏览器兼容，总是使用WAI-ARIA属性解析来访问和修改ARIA属性，例如object.setAttribute("aria-valuenow", newValue)或者$('DOM').attr() 附图 点击查看大图
阅读全文
摘要：aria-***状态值 2020-0115修改 注意：aria-checked：true 读屏软件读已选中、aria-checked：false 读屏软件读未选中，aria-selected：true/false 同理 2020-0507修改 aria-checked：在ios上不读（6p） 202
阅读全文
摘要：role属性 当然并不是所有的HTML元素都具有对应的ARIA的role，下表列出了常用的标签元素对应的ARIA的role
阅读全文
摘要：ARIA是什么？ ARIA是W3C的 Web无障碍推进组织发布的可访问富互联网应用实现指南。WAI-ARIA是一个为残疾人士等提供无障碍访问动态、可交互Web内容的技术规范。是Web Accessibility Initiative - Accessible Rich Internet Applic
阅读全文
摘要：webview是什么？作用是什么？和浏览器有什么关系？ Android系统中内置了一款高性能 webkit 内核浏览器,在 SDK 中封装为一个叫做 WebView 组件也就是说WebView是一个基于webkit引擎、可以解析DOM 元素展现web页面的控件，它和浏览器展示页面的原理是相同的所以可
阅读全文
摘要：Android原生如何渲染H5页面 Android与 H5 的交互方式大概有以下 1 种： 利用WebView进行交互（系统API） iOS原生如何渲染H5页面 iOS 与 H5 的交互方式大概有以下 5 种： 利用 WKWebView 进行交互 (系统 API) 利用 UIWebView 进行交互
阅读全文
摘要：Android原生与H5交互的实现 H5调用原生的方式 方式可能有多种，根据开发经验，接触过两种方式。 方法一：Android向H5注入全局js对象，也就是H5调Android 1.首先对WebView进行初始化 WebSettings settings = webview.getSettings(
阅读全文
摘要：前言 现在移动端 web 应用，很多时候都需要与原生 app 进行交互、沟通（运行在 webview中），比如微信的 jssdk，通过 window.wx 对象调用一些原生 app 的功能。所以，这次就来捋一捋 h5 与原生 app 交互的原理。 h5 与原生 app 的交互，本质上说，就是两种调用
阅读全文
摘要：混合开发 随着移动互联网的高速发展，常规的开发速度已经渐渐不能满足市场需求。原生H5混合开发应运而生，目前，市场上许多主流应用都有用到混合开发，例如支付宝、美团等。下面，结合我本人的开发经验，简单谈一下对混合开发的认识以及实现方式。 Hybrid App（混合开发）主要以JS+Native两者相互调
阅读全文
摘要：前言 风控其实就是风险控制，各行各业，各个领域，各个渠道，都需要有一系列的完整的风险控制，以保证事情向好的方向发展，而免受不可预估的经济和财产损失而绰手不及。 含义 作为事物的主体，可以采取各种措施和方法，消灭或减少风险事件发生的各种可能性，或减少风险事件发生时造成的损失。这就是风险控制。 实例 我
阅读全文
摘要：前言 后端系统中经常会听到“某某白名单”的名字，为什么要有白名单呢？使用白名单机制有什么好处？ 在大型后端系统中，白名单机制是必不可少的 概念 白名单的概念与“黑名单”相对应。 白名单是设置能通过的用户，白名单以外的用户都不能通过。 黑名单是设置不能通过的用户，黑名单以外的用户都能通过。 所以一般情
阅读全文
摘要：Velocity 渲染方式：一种渲染方式，java服务端渲染 java服务端渲染 java服务端渲染 语法：一种语法 -》 #：关键字使用#开头 $：变量使用$开头 artTemplate 渲染方式：两种渲染方式，node服务端渲染、浏览器渲染 node服务端渲染 node服务端渲染 方式一：var
阅读全文
摘要：EJS的CommonJs规范版本 ejs分为两个版本一个是CommonJs版本,另外一个是AMD规范的版本. 基础：html页面 安装：<script type="text/javascript" src="./node_modules/ejs/ejs.js"></script> 检查：ejs会将自
阅读全文
摘要：模版函数 在 EJS 之外，提供了一些额外的模版函数来简化我们的一些工作 GIT：https://github.com/willerce/tmt-ejs-helper css()方法 快速的引用 CSS 文件，并附上注释线，CSS使用绝对路径，便于下游前端使用。 js()方法 功能与 css() 一
阅读全文
摘要：⚠️实例均结合node，也就是AMD规范版本 ejs中使用render()表示渲染文本 接收三个参数：模版字符串、data、options，返回一个字符串 ejs中使用renderFile()表示渲染文件 接收四个参数：模版字符串、data、options、callback，没有返回值 ejs中使用
阅读全文
摘要：标签含义 <% %> ：'脚本' 标签，用于流程控制，无输出即直接使用JavaScript语言。 <%= %>：转义输出数据到模板（输出是转义 HTML 标签）即在后端定义的变量，可以再前端显示输出 <%- %>：非转义输出数据到模板 <%# %>：注释标签，不执行、不输出内容 <%% %>： 输出
阅读全文
摘要：前言 EJS，"E" 代表 "effective"，即【高效】，EJS 是一套简单的JavaScript模板，EJS 没有如何组织内容的教条；也没有再造一套迭代和控制流语法；有的只是普通的 JavaScript 代码而已！ 可以利用ejs实现前端后端交互，仅仅用简单javascript代码即可生成H
阅读全文
摘要：原因 用brew install packagename是用来安装命令行工具的，一般不可能影响到图形界面。 mysql官方文档是通过dmg文件安装的: The MySQL Installation Package includes a MySQL preference pane that enabl
阅读全文
摘要：函数 COUNT()/计数、MIN()/最小值、MAX()/最大值、AVG()/平均值、SUM()/和 子句 子句是语句的一部分包括WHERE、GROUP、ORDER、LIMIT WHERE：条件 GROUP：合并（聚类，其实就是合并相同的） ORDER：排序 LIMIT：限制（限制输出） WHER
阅读全文
摘要：SQL四大查询语句——增删改查 增-INSERT INSERT INTO 表 (字段列表) VALUES(值列表) INSERT INTO `user_table` (`ID`, `username`, `password`) VALUES(0, 'blue2', '987654'); // 给0是
阅读全文
摘要：什么是 SQL？ SQL 指结构化查询语言（Structured Query Language） SQL 使我们有能力访问数据库 SQL 是一种 ANSI 的标准计算机语言 SQL 指结构化查询语言（Structured Query Language） SQL 使我们有能力访问数据库 SQL 能做什
阅读全文
摘要：前言 mysql安装完后默认只有命令行工具，所以我们可以下载一些数据库管理工具Navicat Navicat使用 首先建立一个连接选择mysql，填写信息 发现多了一个localhost，双击，打开连接，右键可以取消连接 右键新建数据库，输入数据库名、字符集（utf-8）、排序规则（utf8_gen
阅读全文
摘要：安装 方法一：通过homebrew 方法二：通过官网dmg文件安装（Mac） https://dev.mysql.com/downloads/mysql/ 通过homebrew安装的mysql 开启自启 注意：如果我们安装了指定的版本例如5.6那么启动时要带版本号 brew services sta
阅读全文
摘要：数据库简介 数据库分类 关系型数据库：MySQL、Oracle、SQLServer、Access、db2、fox pro 文件型数据库：sqlite、mongodb 空间型数据库： 数据库分为两端 数据库分成两端：Server端和Client端 Server端：数据存储 Client端：管理工具（N
阅读全文
