自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

小张微说的博客

专攻前端、.net开发。

  • 博客(69)
  • 资源 (2)
  • 收藏
  • 关注

原创 《JS原理、方法与实践》- canvas作图基础

canvas简介canvas标签是HTML5标准最受欢迎的一个标签,它的作用就相当于一块画布,可以通过JS脚本在canvas上面进行绘画,而且还可以对画面的内容进行修改,通过不断修改可以实现动画的效果,再跟事件结合后就可以制作游戏了!canvas标签及其所对应的JS对象HTMLCanvasElement本身非常简单,它们主要包含width、height两个属性和一个getContext方法。虽然HTML5中新增了setContext等方法,但是各大浏览器支持得并不好。canvas本身并没有太多得操作,

2020-11-23 21:22:33 9

原创 《JS原理、方法与实践》- canvas作图(八)- 阴影

属性值:shadowOffsetX: 阴影的水平偏移距离shadowOffsetY: 阴影的竖直偏移距离shadowBlur: 阴影的模糊效果,数字越大越模糊shadowColor: 阴影颜色示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

2020-11-23 21:13:21 7

原创 《JS原理、方法与实践》- canvas作图(七)- 缩放

方法: scale(x, y)坐标系除了可以移动和旋转外还可以进行缩放,缩放使用的是scale方法,它有两个参数,分别标识横轴和纵轴缩放的比例, 1为原始大小,大于1为放大,小于1为缩小。示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial

2020-11-19 20:23:48

原创 《JS原理、方法与实践》- canvas作图(六)- 坐标操作

移动坐标原点方法:translate(x,y):x,y代表移动后x,y坐标旋转坐标系方法:rotate(angle), 旋转角度,整数为逆时针,负数为顺时针。实例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt

2020-11-19 20:22:56

原创 《JS原理、方法与实践》- canvas作图(五)- 环境的保存和恢复

在绘图的过程中经常需要对环境进行设置,例如填充样式、描边,在操作完之后,往往需要恢复到原来的环境,CanvasRenderingContext2D中可以使用save和restore方法快速操作。环境的保存和恢复还可以进行多层嵌套。多次使用save方法可以创建多个保存点,每次调用restore方法都会按save相反的顺序获取所保存的环境。实例:<!DOCTYPE html><html lang="en"><head> <meta charset="U

2020-11-18 20:45:53 13

原创 《JS原理、方法与实践》- canvas作图(四)- 插入文本和图片

插入文本在绘图的过程中经常需要插入一些文本内容,在CanvasRenderingContext2D中可以使用下面的方法来插入:fillText(text,x,y[,maxWidth]):实心文本strokeText(text,x,y[,maxWidth]):空心wenb相关属性:font: 字体textAlign:排列方式,可选值[start, end, left, right, center]direction: 文本方向textBaseline: 文本的基线,汉字用不到,值为top,h

2020-11-18 20:45:03 14

原创 球类比赛计分系统(简化版)(.net winform)

木球比赛计分系统使用说明系统包含的相关功能:项目管理功能组别管理功能参赛名单Excel导入功能(根据组别和项目类别进行筛选分类)设置分数生成报表打开历史报表功能导出模板样式前言找到WoodballCompetitionScoringSys.exe点击后即可运行。该系统利用.net framework4平台,编程语言使用C#编程,框架使用winform,数据库采用NoSQL sqlite,数据存放至SysDB中。以下根据不同的界面详细讲解各个功能点:一、主页主页功能:添加比赛项目

2020-11-09 22:56:11 19

原创 VS 2019 C#控制台应用程序添加引用报错

报错信息:未能正确加载“ReferenceManagerPackage”包第一步:打开Developer Command Prompt for VS 2019(以管理员权限打开)第二步:在命令窗口输入:CD G:\Program Files (x86)\Microsoft Visual Studio\2019\Enterprise\Common7\IDE\PublicAssemblies(VS安装目录)第三步:在CMD窗口输入 gacutil -i Microsoft.VisualStudio.S

2020-11-07 23:34:43 44

原创 VS扩展插件-CodeMaid整洁你的代码

CodeMaid是一个开源的Visual Studio的扩展插件,用于整理与优化代码等。功能类似于商业软件ReSharper,但它是免费的,并且开放源代码。它能帮助你更容易的理解你的代码,支持多种编程语言。功能:代码清洁代码挖掘重新布局。可以按Microsoft’s StyleCop,也可自定义。格式化连接行。在解决方案资源管理器窗口递归地折叠节点或整个目录树查看Visual Studio 编译的进度。增强查找,切换Cpp到头文件,XAML到后端代码。以上参考:开源VS扩展CodeM

2020-11-07 23:32:58 28

原创 VS 2019切换编程背景图

工具->扩展和更新->下载ClaudiaIDE重启VS2019工具->选项->ClaudiaIDE,根据自己的喜好修改图片,图片大小以及透明度。看着如此美丽的风景,敲代码的心情也会好很多,哈哈~如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!听说 ???? 点赞 ???? 的人运气不会太差,每一天都会元气满满哦 嘿嘿!!! ❤️ ❤️ ❤️大家的支持就是我坚持下去的动力。点赞后不要忘了???? 关注 ????我哦!个人

2020-11-07 23:31:40 54

原创 VS 2019 点击页面自动定位到解决方案资源管理器目录位置

Tools->Option->Projects And Solutions->General, tick “track Active Item in Solution Explorer”工具-> 选项->项目和解决方案-> 常规-> 在解决方案资源管理器中跟踪活动项展示结果:如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!听说 ???? 点赞 ???? 的人运气不会太差,每一天都会元气满满哦 嘿嘿!!! ❤️

2020-11-07 23:30:30 62

原创 利用Visual Studio找出不合规范的代码 - Code Analysis

“Microsoft 的所有规则”代码分析规则集在Visual Studio里面有一个 Code Analysis的功能,在这个功能里面有着各种各样的功能,可以在项目属性,代码分析中看到,为了更多的了解都有哪些规则,此处将运行规则切换到了Micresoft的所有规则:当然这些规则不仅可以运用于当前项目,然而通过类别排序,非常方便我们的使用。在此介绍几个常用的规则:IDE0060 删除未使用的参数 “args”IDE0051 未使用私有成员“Program.Say1”。CS8019 不需要的

2020-11-07 23:29:07 17

原创 Visual studio 2019 尝尝鲜

Visual studio 2019 已经发布啦, 下载下来尝尝鲜~下载安装,启动界面还挺帅~创建项目界面也挺帅~在19中,会提示将一些模块提取为方法,并且还提供了想linq语句查询的转换:在19中还会很智能的对方法的书写进行转换而且建议删除未使用的方法:在19中还支持在调试时对变量的修改:整体感觉,很帅,很智能~如果我的博客对你有帮助、如果你喜欢我的博客内容,请 “点赞” “评论” “收藏” 一键三连哦!听说 ???? 点赞 ???? 的人运气不会太差,每一天都会元气满满哦 嘿嘿

2020-11-07 23:28:11 18

原创 《前端面试题》- CSS - 盒子模型

个人对于盒子模型的理解:1. 每个盒子都是由 “外边距、边框、内边距、内容” 4部分构成:。2. 盒子模型的种类有:标准盒子模型和IE盒子模型,不同之处在于计算width和height的方式不同。标准盒模型的width不包括border和padding, IE盒子模型包括border和padding。可以使用CSS3中的box-sizing指定使用哪种盒子模型(content-box、border-box、inherit)。3. 常见的盒子有块级盒子和内联盒子及对应HTML元素中的块级元素和内联元素

2020-11-07 23:22:42 27

原创 《图解CSS》盒子模型

盒子模型在HTML文档中,每个元素都会在页面上生成一个盒子。因此,HTML页面实际上就是由一堆盒子组成的。默认情况下,每个盒子的边框不可见,背景也是透明的。每个盒子由4部分构成: 外边距、边框、内边距、内容。虽然浏览器各不相同,但是盒子模型都是由这四部分组成。标准盒子模型根据 W3C 的规范,元素内容占据的空间是由 width 属性设置的,而内容周围的 padding 和 border 值是另外计算的;即在标准模式下的盒模型,盒子实际内容(content)的width/height=我们设置的w

2020-11-04 22:26:14 22

原创 《JS原理、方法与实践》- canvas作图(三)- 修改颜色和样式

颜色和样式是通过strokeStyle和fillStyle两个属性修改的,它们的默认值都是black,strokeStyle表示画线(描边)用的样式,fillStyle表示填充用的样式,它们可以被赋予三种类型的值:纯色、渐变和模式。纯色纯色有以下三种赋值方法:直接赋予颜色值,包括赋予十六进制和颜色的单词,例如#323232、red等使用rgb函数赋值,rgb函数有三个十进制(0~255)的参数,分别表示红、绿、蓝的值使用rgba函数赋值,rgba函数在rgb函数的基础上添加了透明度(alpha)

2020-10-29 12:08:20 24

原创 C#快速概览

C#有用的网站C# Programming Guide - 介绍了有关关键的 C# 语言特征以及如何通过 .NET 框架访问 C# 的详细信息。Visual Studio - 下载作为 C# 集成开发环境的 Visual Studio 的最新版本。Go Mono - Mono 是一个允许开发人员简单地创建跨平台应用程序的软件平台。C Sharp (programming language) - 维基百科解释 C#(编程语言)。C#简介下面列出 C# 一些重要的功能:布尔条件(Boolea

2020-10-24 14:27:56 36

原创 CSS 荧光边框

Code<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&.

2020-10-24 14:07:40 50

原创 Web Components使用(二)

在上一章节中主要介绍了Custom elements(自定义元素),Shadow DOM(影子DOM)的使用,我们发现其实只使用上述的两种方式,已经可以构建我们平时需要的组件,那么为什么还需要HTML templates(HTML模板)技术呢?不知道大家还记不记得之前创建元素的方式: const input = document.createElement('input'); input.setAttribute('type', 'text'); input

2020-10-22 21:55:57 31

原创 《图解CSS》选择器

在CSS简介一节中,我们了解到,CSS的语法如下:选择器 { 属性1:属性值; 属性2:属性值}那么有哪些选择器可以使用呢?上下文选择符:基于祖先或同胞元素选择一个元素ID和类选择符:基于id和class属性的值选择元素属性选择符:基于属性的有无和特征选择元素上下文选择符基于祖先语法祖先标签 子标签 {声明}或祖先标签 ... 父标签 子标签 {声明}这里的祖先标签可以是子标签的父标签,也可以是子标签的任何一个上级标签。示例:<head> <m

2020-10-21 22:44:22 35

原创 《图解CSS》CSS简介

在学习一门新的知识之前,我们需要先知道,它是什么,为什么使用,和怎么使用,也就是常说的3W(what, why,how)。CSS是什么?CSS全称为Cascading Style Sheets,中文翻译为“层叠样式表”,简称CSS样式表,是一种用来表现HTML或XML等文件样式的计算机语言,是一种标准的样式表语言,用于描述网页的表示,即布局和格式。由于网页是由HTML结构组成的,所有通过"是什么"我们可以猜测到"为什么",即CSS与HTML的关系。为什么使用CSS?在《图解HTML》的学习中让我们

2020-10-21 22:43:33 29

原创 《React项目0到1》-初始化项目

使用react脚手架:create-react-app 新建一个react项目,如下:create-react-app projectName整个过程大概也就3-5分钟的样子,安装完成后,我们可以看到可以使用一些yarn命令,启动、build、test、弹射(不可逆,慎用)。那么,我们就启动项目,执行一下: cd admin -> yarn start我并没有设定默认浏览器,所以打开的是Edge浏览器,之后会修改成为谷歌浏览器,毕竟谷歌浏览器调试起来,要好用得多。之后考虑的兼容浏览器:

2020-10-17 22:08:43 20

原创 vue3.0项目从0到1-添加ant design ui组件

官网:Ant Design of Vue安装npm install ant-design-vue --save或yarn add ant-design-vuemain.tsimport { createApp } from 'vue'import App from './App.vue'import './registerServiceWorker'import router from './router'import store from './store'// 此处使用的是全部

2020-10-17 22:06:22 65

原创 vue3.0项目从0到1-初始化项目

第一步:安装vue-clinpm install -g @vue/cli检测是否安装成功 vue -V:$ vue -V@vue/cli 4.5.6第二步:初始化项目vue create project-name// project name: ui vue create ui如果选择Manaually, 会让你选择一些组件(注意这里如果选择vue 3,会创建最为纯洁的vue项目)这里选择的Manualy select features:第三步: 运行项目 yarn serve

2020-10-17 22:05:35 32

原创 Win10系统安装

下载启动盘制作工具,可下载老毛桃,U深度,大白菜等。此处我下载的是老毛桃老毛桃地址:https://www.laomaotao.net/doc/setupwin10local.html制作启动盘找一个U盘,先备份Upan内容,之后该U盘会被格式化。安装软件,打开界面直接点解安装即可:电脑:联想Y700, F2进入BOSS:在Security选项卡,Security: DisabledBoot选项卡,在EFI部分,将U盘升至第一位置:Exit选项卡,OS Optimized..

2020-10-14 23:27:33 33

原创 《JS原理、方法与实践》- canvas作图(二)- 组合、剪切、坐标检测

组合与剪切组合与剪切主要是对应多个图形来说的,组合指的是多个图形重叠时的组合方式,剪切是指使用路径来指定绘图的区域,类似于Photoshop中的蒙版的效果。组合图形的组合是通过globalCompositeOperation属性来操作的,该属性可以取下面的值:source-over: 后绘制的图形覆盖原图,该值为默认值source-in: 保留后绘制图形和原图形重叠的部分,使用后绘制图形的样式,其他区域透明,也就是保留相交的部分source-out: 保留后绘制图形不和原图形重叠的部分,其他区

2020-10-14 23:00:36 21

原创 JavaScript实例-页面特效1-改变背景色

功能一:修改文档的背景颜色代码:<body><form> <p align="left">请输入颜色编码:</p> <input type="text"name="text" size="20" /> &nbsp;&nbsp; <input type="button" name="button" value="修改颜色" onClick="change(this.form)" /><

2020-10-13 22:34:23 38

原创 个人常用观影网址记录

国内电影网站迅影网 http://www.xunyingwang.com/neets搜索站:http://neets.cc/宅腐资源站 http://www.zhaifu.cc/影视 https://www.bd-film.cc/电影天堂http://www.dytt8.net/疯狂影视搜索http://ifkdy.com/音频在线解析 http://music.ifkdy.com/优质电影网http://www.youzhidy.com/美剧资源网站天天美剧http://www.ttm

2020-10-12 22:58:11 91 1

原创 《JS原理、方法与实践》- canvas作图(一)

canvas简介canvas标签是HTML5标准最受欢迎的一个标签,它的作用就相当于一块画布,可以通过JS脚本在canvas上面进行绘画,而且还可以对画面的内容进行修改,通过不断修改可以实现动画的效果,再跟事件结合后就可以制作游戏了!canvas标签及其所对应的JS对象HTMLCanvasElement本身非常简单,它们主要包含width、height两个属性和一个getContext方法。虽然HTML5中新增了setContext等方法,但是各大浏览器支持得并不好。canvas本身并没有太多得操作,

2020-10-01 21:40:21 32

原创 VS Code快速入门

VS Code(Visual Studio Code)是由微软研发的一款免费、开源、轻量级但功能强大的跨平台文本(代码)编辑器。可以安装在Windows、macOS和Linux系统。具有丰富的生态系统和其他语言的的扩展(例如C++、C#、Java、Python、PHP、Go)以及运行环境(例如.net 和unity)。introductory videos.官网:https://code.visualstudio.com文档:https://code.visualstudio.com/docs源码:h

2020-09-29 21:51:18 23 1

原创 《图解HTML》第五节 HTML编码规范

通过前面的四节,我们对HTML已经有了一个基本的认识和使用。可是,当我们写了很多的HTML时,我们会发现即使一样的展示效果,可是我们却写得全然不同。例如:<body> <span style="background-color: red;">这是span</span> <p style="background-color: red; display: inline;">这是p</p></body>通过上面的例

2020-09-28 12:34:06 24

原创 Web Components使用(一)

在使用Web Components之前,我们先看看上一篇文章Web Components简介,其中提到了相关的接口、属性和方法。正是这些接口、属性和方法才实现了Web Components的主要技术:Custom elements(自定义元素)、Shadow DOM(影子DOM)、HTML templates(HTML模板)。由于并不是所有的接口以及接口所包含的方法都会被用到,所以我们从实际的案例出发,逐步了解Web Components的使用。需求1:创建一个基础的组件,包含一个输入框,和一个but

2020-09-24 09:15:01 97

原创 Web Components简介

简介谷歌公司由于掌握了 Chrome 浏览器,一直在推动浏览器的原生组件,即 Web Components API。相比第三方框架,原生组件简单直接,符合直觉,不用加载任何外部模块,代码量小。目前,它还在不断发展,但已经可用于生产环境。组件化、复用,这几乎是所有开发者追求的东西。Web Components API就是为此而提出。可以使用来创建封装功能的定制元素,可以在你喜欢的任何地方重用,不必担心代码冲突。Web Components API允许我们创建可重用的定制元素,并且在我们的web应用中直接使

2020-09-24 09:14:12 134

原创 Web Components初探

组件化,标签语义化,是前端发展的趋势。现在流行的组件化框架有React、Vue等,标签语义化在H5中添加的article、dialog等。Web Components 就是类似的一套技术,允许您创建可重用的定制元素,并且在您的web应用中使用它们。Web Components由三项主要技术组成,它们可以一起使用来创建封装功能的定制元素,可以在你喜欢的任何地方重用,不必担心代码冲突。**Custom elements(自定义元素):**一组JavaScript API,允许您定义custom elem

2020-09-24 09:13:21 38

原创 C#汽车部件仓储管理系统含源码

##效果展示####登录[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-GslW83WI-1600696435194)(http://upload-images.jianshu.io/upload_images/2789632-cd7962506fe2e0eb.gif?imageMogr2/auto-orient/strip)]####一级管理员主界面##需求分析汽车配件仓储信息管理网站设计的使用和相关者有:1.一级管理员:一级管理员对配件信息,供应商信息,需求

2020-09-21 21:58:49 52

原创 C#简单银行管理系统含源码

##一、任务描述1.使用Asp.NET技术,完成银行管理系统2.开发工具:VS20103.数据库:SQL Server 2008功能模块:登录、开户、存款、取款、转账、挂失等功能运行界面:####1.登录界面(Login.aspx),在后台提供筛选,如果是管理员的登录账号与密码就跳入管理员首页,如果是普通用户,就进入普通用户首页。####2.管理员首页(AdministratorIndex.aspx),提供用户信息,银行卡信息(选项切换),和新增用户和查看日志的跳转。在用户管理选项里,在用户

2020-09-21 21:45:13 327

原创 C#简单超市管理系统含源码

要完成的功能:1.使用Asp.NET技术,完成超市商品管理系统2.开发工具:VS20103.数据库:SQL Server 2008功能模块:登录、账户管理、商品类别管理、商品信息管理一、登录界面,在前端实现判断是否为空,如果为空则提示,不进行处理,在后台实现判断是否用户名和密码是否正确,再进行登录。二、登录之后进入商品管理界面。界面内,可以分类查询,检索(支持模糊查询),勾选删除,和新增功能,商品名称可以链接到商品详情界面,以及商品分类管理和用户信息管理两个超链接。三、新增界面可根据是否打

2020-09-21 21:41:15 219 2

原创 C#木球竞赛抽签计分系统

功能模块:1、比赛管理:名称、承办、时间、地点2、人员管理:姓名、单位、性别、组别(老年组、中年组、小学生组),3. excel导入4.组别管理5. 生成对阵表6.录入成绩7.生成报表(PDF, Excel各一份),目前仅支持8位,32位,64位报表的生成。8. 种子的设置,和轮空的设置,都是按照运动抽签的规则。技术:.net framework 4.5, winform, DoNetBar, NPOI, FreeSpire.XLS(免费版,PDF页数有限制)主页在主页添加比赛项目,

2020-09-21 21:33:18 27

原创 H5 Notifications在不同浏览器中的行为

Notifications API的使用可参看:https://notifications.spec.whatwg.org/#example-08e8eceahttps://developer.mozilla.org/en-US/docs/Web/API/notification尽量参看英文,中文有翻译不完整甚至有不准确的地方。最近发现Notifications在自己的谷歌浏览器(85.0.4183.83)上使用发生了与之前不太相同的地方,就是无法触发onclick事件了!!!代码如下:<

2020-09-21 00:17:40 46

原创 如何设置CSDN的ID(仅新建可设置)

最近打算使用CSDN,可是发现有个ID,由于长时间不用而且很久之前设置的,忘记当时怎么设置的了,反正不合自己的心意,于是折腾了一番,终于被我给改了。(记录时间:2020.9.9)前提新建一个CSDN账号,已有账号的情况下,没找到修改的办法。虽然之前在上面写的东西不多,可是删除账号的瞬间,还是感到痛心疾首~创建步骤第一步:修改自己的微信名,这个微信名就是之后的ID,例如我修改我的微信名现在修改为iotzzh第二步:利用这个微信号扫描CSDN注册码,进行注册(我是利用手机扫描电脑端的注册码)第三步

2020-09-21 00:12:44 90

Docker Community Edition 18.06.1-ce-win73 2018-08-29|Docker Community Edition 18.06.1-ce-win73 2018-08-29.exe.7z

Docker Community Edition 18.06.1-ce-win73 2018-08-29 下载好久才下载下来的。

2020-10-14

licecap录屏生成gif|licecap128-install.7z

一个录屏软件,生成gif。可用于录屏后生成gif放置在文章中。 一个录屏软件,生成gif。可用于录屏后生成gif放置在文章中。 一个录屏软件,生成gif。可用于录屏后生成gif放置在文章中。

2020-10-14

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除