天马3798 - 博客园

2021年1月23日

摘要： Css3 列表布局两列或者多列布局整理 Css布局多列，宽度自适应一、float + border-box + 宽度百分比处理（推荐）宽度百分比，自动换行到下一列。此方式推荐，重点兼容性高。案例1： css代码： .list { background: rgb(250, 213, 180 阅读全文

posted @ 2021-01-23 14:19 天马3798 阅读(2214) 评论(0) 推荐(0)

Css3 常用布局方式一行两列&高度固定&某列宽度自适应

摘要： Css3 常用布局方式一行两列&高度固定&某列宽度自适应方案有很多种，根据自己的喜好和实际场景选择方式一、float +margin 方式（推荐）此方式，使用度高，扩展强，兼容性好。使用到垂直方向居中，参考：CSS网页布局垂直居中整理示例1： css 代码 /* 一行两列，高度固定，某阅读全文

posted @ 2021-01-23 11:05 天马3798 阅读(1826) 评论(0) 推荐(0)

2021年1月16日

CSS3 进度条布局整理

摘要：一、矩形、长条进度条案例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 阅读(485) 评论(0) 推荐(0)

2021年1月9日

Asp.Net Core 跨域处理_Ajax 跨域处理整理

摘要：一、Asp.Net Core 跨域处理_Ajax 跨域处理整理 Asp.Net Core中已经自带了跨域处理。跨域处理，需要3步 1.配置跨域定义，在ConfigureServices中 public void ConfigureServices(IServiceCollection servic 阅读全文

posted @ 2021-01-09 13:51 天马3798 阅读(856) 评论(0) 推荐(1)

2020年12月5日

.Net Core 5.0 Json序列化和反序列化 | System.Text.Json 的json序列化和反序列化

摘要：一、.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 阅读(9196) 评论(0) 推荐(2)

2020年11月21日

JavaScript Error对象整理_JavaScript 异常处理整理

摘要：一、Error概念 JavaScript 异常处理机制跟 C#语言的处理机制逻辑相同。 error，指程序中的非正常运行状态，在其他编程语言中称为“异常”或“错误”。解释器会为每个错误情形创建并抛出一个Error对象，其中包含错误的描述信息。 ECMAScript定义了六种类型的错误。除此之外，还阅读全文

posted @ 2020-11-21 11:58 天马3798 阅读(297) 评论(0) 推荐(0)

2020年11月7日

Canvas 事件绑定|Canvas事件处理

摘要：一、Canvas事件绑定说明 canvas元素和CanvasRenderingContext2D 上下文对象，处理的是位图、像素数据，只有一个标签。所有的交互，判断处理都是针对cavans标签的。对于交互性要求比较高的应用场景推荐使用svg矢量图模式。 canvas交互逻辑需要自己编码处理，当点阅读全文

posted @ 2020-11-07 14:00 天马3798 阅读(4875) 评论(0) 推荐(0)

2020年10月31日

Css3 常用布局方式一行两列&高度自适应&垂直方向居中

摘要：一、 float+ margin 经典模式，兼容性好原理：使用padding+margin扩大内容，使用 hidden隐藏超出部分。注：垂直方向无法居中 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta na 阅读全文

posted @ 2020-10-31 15:07 天马3798 阅读(952) 评论(0) 推荐(0)

2020年10月23日

Css3 实现锯齿效果整理

摘要：一、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 阅读(1929) 评论(0) 推荐(0)

2020年10月19日

Css3 currentColor 变量使用

摘要：一、currentColor定义及理解来自MDN的解释：currentColor代表了当前元素被应用上的color颜色值。使用它可以将当前这个颜色值应用到其他属性上，或者嵌套元素的其他属性上。介绍currentColor相关知识 ⑴来源于SVG，CSS3的变量，可以解决颜色属性无法继承的问题。阅读全文

posted @ 2020-10-19 19:17 天马3798 阅读(263) 评论(0) 推荐(0)

Css3 实现任意角扇形|Css3实现六角扇形

摘要：一、Css3 实现扇形实现原理说明使用transform skew 扭曲实现扇形角度，使用rotate宣传，实现多角度。原理图：二、Css3 实现六角扇形实现案例 css代码： .circleBlock { width: 200px; height: 200px; border: 1px 阅读全文

posted @ 2020-10-19 17:43 天马3798 阅读(820) 评论(0) 推荐(0)

2020年10月17日

CanvasRenderingContext2D 整理

摘要： CanvasAPI参考文档推荐： https://www.canvasapi.cn/ 一、CanvasRenderingContext2D 属性 canvas : 当前元素对象 globalAlpha: 全局透明度，范围是0到1，范围以外的值会被忽略 globalCompositeOperation 阅读全文

posted @ 2020-10-17 14:53 天马3798 阅读(1724) 评论(0) 推荐(0)

HTMLCanvasElement 整理

摘要：一、HTMLCanvasElement canvas标签对象，首先是Element对象支持节点通用操作 canvas属性 width: canvas元素的宽度，绘制区域的宽度，单位像素，默认300px height:canvas元素的高度，绘制区域的高度，单位像素，默认150px canvas 尺寸阅读全文

posted @ 2020-10-17 14:15 天马3798 阅读(2626) 评论(0) 推荐(0)

2020年10月14日

Android 中文开发社区

摘要：一、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 阅读(1142) 评论(0) 推荐(0)

2020年10月10日

Canvas 实现圆圈进度展示/进度动画

摘要：一、基础使用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 阅读(560) 评论(0) 推荐(0)

2020年10月8日

Css3 实现全圆进度条展示功能

摘要：一、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 阅读(448) 评论(0) 推荐(0)

CSS3 圆环旋转效果

摘要：一、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 阅读(1726) 评论(0) 推荐(0)

2020年9月28日

C# 实现中文转颜色 - 实现根据名字自动生成头像

摘要：一、C#实现中文转颜色 - 实现根据名字自动生成头像原理说明：由于名字图像是自动生成，背景颜色不一样，可以考虑一下几种方法： 1）使用随机数来自动生成一个16进制颜色字符串，作为头像的背景颜色； 2）获取名字的第一个字，转换成16进制文字颜色字符串，作为头像背景颜色；注：推荐第二个方案，第二个阅读全文

posted @ 2020-09-28 19:00 天马3798 阅读(1285) 评论(0) 推荐(0)

2020年9月26日

Css3 Form表单布局处理,Input布局处理

摘要：一、input=text 样式处理：在不同浏览器中 input =text 数据框的默认样式不近相同，为了呈现一致，input 的样式重写是必然选择。 /* * 字体大小 * 行高 (box-sizeing:content-box) padding: 处理 * input 框的高度 * 宽度：根据阅读全文

posted @ 2020-09-26 10:52 天马3798 阅读(1229) 评论(0) 推荐(0)

JavaScript 拒绝事件冒泡，拒绝默认操作整理

摘要： <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 阅读(259) 评论(0) 推荐(0)

公告