摘要:一、矩形、长条进度条 案例1: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> 阅读全文
posted @ 2021-01-16 11:09 天马3798 阅读(13) 评论(0) 推荐(0) 编辑
摘要:一、Asp.Net Core 跨域处理_Ajax 跨域处理整理 Asp.Net Core中已经自带了跨域处理。 跨域处理,需要3步 1.配置跨域定义,在ConfigureServices中 public void ConfigureServices(IServiceCollection servic 阅读全文
posted @ 2021-01-09 13:51 天马3798 阅读(41) 评论(0) 推荐(1) 编辑
摘要:一、.Net Core 5.0 Json序列化和反序列化 | System.Text.Json 的json序列化和反序列化 注意: .Net Core 5.0中的序列化和反序列化 ,沿用.Net Core 3.0版本的类封装 JsonSerializer 静态类 JSON API: Utf8Json 阅读全文
posted @ 2020-12-05 16:02 天马3798 阅读(379) 评论(0) 推荐(0) 编辑
摘要:一、Error概念 JavaScript 异常处理机制 跟 C#语言的处理机制逻辑相同。 error,指程序中的非正常运行状态,在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象,其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外,还 阅读全文
posted @ 2020-11-21 11:58 天马3798 阅读(45) 评论(0) 推荐(0) 编辑
摘要:一、Canvas事件绑定说明 canvas元素和CanvasRenderingContext2D 上下文对象,处理的是位图、像素数据,只有一个标签。 所有的交互,判断处理都是针对cavans标签的。 对于交互性要求比较高的应用场景推荐使用svg矢量图模式。 canvas交互逻辑需要自己编码处理,当点 阅读全文
posted @ 2020-11-07 14:00 天马3798 阅读(165) 评论(0) 推荐(0) 编辑
摘要:一、 float+ margin 经典模式,兼容性好 原理:使用padding+margin扩大内容,使用 hidden隐藏超出部分。 注:垂直方向无法居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na 阅读全文
posted @ 2020-10-31 15:07 天马3798 阅读(139) 评论(0) 推荐(0) 编辑
摘要:一、Css3 实现锯齿效果 优惠券锯齿效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale= 阅读全文
posted @ 2020-10-23 18:24 天马3798 阅读(124) 评论(0) 推荐(0) 编辑
摘要:一、currentColor定义及理解 来自MDN的解释:currentColor代表了当前元素被应用上的color颜色值。 使用它可以将当前这个颜色值应用到其他属性上,或者嵌套元素的其他属性上。 介绍currentColor相关知识 ⑴来源于SVG,CSS3的变量,可以解决颜色属性无法继承的问题。 阅读全文
posted @ 2020-10-19 19:17 天马3798 阅读(29) 评论(0) 推荐(0) 编辑
摘要:一、Css3 实现扇形 实现原理说明 使用transform skew 扭曲实现扇形角度,使用rotate宣传,实现多角度。 原理图: 二、Css3 实现六角扇形 实现案例 css代码: .circleBlock { width: 200px; height: 200px; border: 1px 阅读全文
posted @ 2020-10-19 17:43 天马3798 阅读(85) 评论(0) 推荐(0) 编辑
摘要:CanvasAPI参考文档推荐: https://www.canvasapi.cn/ 一、CanvasRenderingContext2D 属性 canvas : 当前元素对象 globalAlpha: 全局透明度,范围是0到1,范围以外的值会被忽略 globalCompositeOperation 阅读全文
posted @ 2020-10-17 14:53 天马3798 阅读(111) 评论(0) 推荐(0) 编辑
摘要:一、HTMLCanvasElement canvas标签对象,首先是Element对象支持节点通用操作 canvas属性 width: canvas元素的宽度,绘制区域的宽度,单位像素,默认300px height:canvas元素的高度,绘制区域的高度,单位像素,默认150px canvas 尺寸 阅读全文
posted @ 2020-10-17 14:15 天马3798 阅读(146) 评论(0) 推荐(0) 编辑
摘要:一、Android 中文开发社区有哪些? 推荐:Android开发者 Android Developers: https://developer.android.google.cn/ 更多: 在线生成安卓APP图标 adb: failed to install app-debug.apk: Fail 阅读全文
posted @ 2020-10-14 09:45 天马3798 阅读(67) 评论(0) 推荐(0) 编辑
摘要:一、基础使用canvas的画圆和画弧度api <canvas id="cavasOne" width="300" height="300" style="border: 1px solid red;"></canvas> <script> var cavans = document.querySel 阅读全文
posted @ 2020-10-10 14:49 天马3798 阅读(108) 评论(0) 推荐(0) 编辑
摘要:一、Css3 实现全圆进度条展示功能1 <style> .block { width: 200px; height: 200px; background: rgb(247, 49, 49); position: relative; border-radius: 50%; } .block>.bloc 阅读全文
posted @ 2020-10-08 18:24 天马3798 阅读(62) 评论(0) 推荐(0) 编辑
摘要:一、CSS3圆环旋转效果 1 原理:设置不同效果的边框,进行宣传 <div class="demo"></div> <style> .demo { width: 250px; height: 250px; border: 50px solid red; border-left-color: blue 阅读全文
posted @ 2020-10-08 17:25 天马3798 阅读(221) 评论(0) 推荐(0) 编辑
摘要:一、C#实现中文转颜色 - 实现根据名字自动生成头像 原理说明: 由于名字图像是自动生成,背景颜色不一样,可以考虑一下几种方法: 1)使用随机数来自动生成一个16进制颜色字符串,作为头像的背景颜色; 2)获取名字的第一个字,转换成16进制文字颜色字符串,作为头像背景颜色; 注:推荐第二个方案,第二个 阅读全文
posted @ 2020-09-28 19:00 天马3798 阅读(192) 评论(0) 推荐(0) 编辑
摘要:一、input=text 样式处理: 在不同浏览器中 input =text 数据框的默认样式不近相同,为了呈现一致,input 的样式重写是必然选择。 /* * 字体大小 * 行高 (box-sizeing:content-box) padding: 处理 * input 框的高度 * 宽度:根据 阅读全文
posted @ 2020-09-26 10:52 天马3798 阅读(185) 评论(0) 推荐(0) 编辑
摘要:<div class="parent"> <a href="http://www.jnqianle.cn"> http://www.jnqianle.cn </a> </div> 一、JavaScript 拒绝事件冒泡,拒绝默认操作 整理 //JavaScript 拒绝默认操作 var aList 阅读全文
posted @ 2020-09-26 10:35 天马3798 阅读(56) 评论(0) 推荐(0) 编辑
摘要:一、DOM 简介 DOM (Document Object Model) 译为文档对象模型,是 HTML 和 XML 文档的编程接口。 HTML DOM 定义了访问和操作 HTML 文档的标准方法。 DOM 以树结构表达 HTML 文档。 二、DOM树结构 三、什么是 DOM? DOM 是 W3C( 阅读全文
posted @ 2020-09-19 12:14 天马3798 阅读(48) 评论(0) 推荐(0) 编辑
摘要:一、JavaScript Attr对象 | Dom属性对象 Attr 对象 在 HTML DOM 中, Attr 对象 代表一个 HTML 属性。 HTML属性总是属于HTML元素。 NamedNodeMap 对象 在 HTML DOM 中, the NamedNodeMap 对象 表示一个无顺序的 阅读全文
posted @ 2020-09-19 12:08 天马3798 阅读(126) 评论(0) 推荐(0) 编辑