canvas基础讲解,绘制直线,弧形,矩形,图片

canvas基础讲解,绘制直线,弧形,矩形,图片1. 什么是canvas?1.1 Canvas 是一个矩形区域的画布,可以用 JavaScript 在上面绘画,控制其每一个像素。1.2 canvas 标签使用 JavaScript 在网页上绘制图像,本身不具备绘图功能。2. Canvas 标签2.1 canvas 标签语法和属性 (重点)标签名 canvas,需要进行闭合。就是一普通的 html 标签。可以设置 width 和 height 属性,但是属性值单位必须是 px,否则忽略。
分类: 其他 发布时间: 03-04 09:06 阅读次数: 0

vue使用elment ui 自定义按钮样式/改变el-button,el-input的样式详解

vue使用elment ui 自定义按钮样式/改变el-button的样式例如:代码如下:HTML结构:在type属性里面写自己自定义的名字<el-form :inline="true" :model="formInline" class="demo-form-inline"> <el-form-item label=""> <el-input v-model="formInline.foodname" placeholder="菜品名称"
分类: 其他 发布时间: 03-04 09:06 阅读次数: 0

vue使用elment ui 自定义按钮样式/改变el-table的样式详解,解决表格线不对齐

vue使用element ui里面el-table样式的修改效果:HTML:<el-table :header-cell-style="{background:'rgb(240,249,235)',color:'#606266'}" border style="width: 100%"> <el-table-column prop="id" label="菜品编号" sortable> </el-table-column>
分类: 其他 发布时间: 03-04 09:05 阅读次数: 0

uni-app引用icon font后微信开发者工具能编译出来,手机上报错MiniProgramError TypeError: Cannot read property ‘getElementsBy

uni-app引用icon font后微信开发者工具能编译出来,手机上报错MiniProgramError TypeError: Cannot read property 'getElementsBy报错内容:刚开始一直找不到原因,后来发现:因为引用了iconfont,放在自带的static文件夹下面,百度之后发现他识别不了,于是新建了文件夹将icon文件夹放在自己创建的文件夹下面:参考:文件上传失败解决办法至于如何引用icon也和开发页面有一定的区别,参考:如何引入icon在uni-app中如
分类: 其他 发布时间: 03-04 09:05 阅读次数: 0

VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段(示例)

VScode快速一键生成html、vue、jsx、ajax、sass、docker等代码片段自定义代码片可以极大地提高我们的工作效率!1.文件=>首选项=>用户代码片段(或者左下角设置–》用户代码片段)2 . 我以.jsx文件为例:3 .将里面的代码跟改为以下代码:(保存就可){ "JSX": { "prefix": "jsx", //触发的关键字输入jsx按下tab键 "body": [ "import React from 'react'", "", //
分类: 其他 发布时间: 03-04 09:05 阅读次数: 0

react引用Ant Design组件遇到的坑(table)index.js:1 Warning: Each child in a list should have a unique “key“

打印台报错,百度了一下解决办法,参考博客或者参考文章最后。如图:表格分页居中设置(在table组件里面写上,bottomCenter表示表格下方居中,6条数据分页)pagination={{ position: ['bottomCenter'], pageSize: 6 }}表格中添加组件(例如按钮)在columns最后一项里面写组件:利用 render:()=> 箭头函数返回组件代码:分页,报错解决方式如图:(rowKey为每一项的唯一字段名)有问题欢迎指出~..
分类: 其他 发布时间: 03-04 09:05 阅读次数: 0

react使用Ant Design 的table组件添加button按钮后,按钮怎么获取当前行数据

解决办法:按钮的点击函数 xiugai = (row) => () => { console.log(row) }columns 的最后一项,按钮组件{ title: '操作', width: '100px', align: 'center', //这里传当前行的数据row,(自定义名称) render
分类: 其他 发布时间: 03-04 09:04 阅读次数: 0

react 使用ant.design使用modal里面嵌套form遇到的坑,modal修改按钮和去掉按钮的方法

背景:为了获取from表单里面的数据,试了无数遍之后总结了以下方法:modal修改按钮和去掉按钮的方法(另外一个博主写的,挺详细)react使用Ant Design 的table组件添加button按钮后,按钮怎么获取当前行数据我的弹框里面有Input,Select,InputNumber,DatePicker,所以使用数据双向绑定(以下有代码)疯狂报错,最后在看了官方文档自己琢磨之后选择了下面的方法获取数据;原理:利用form的onFinish属性直接绑定函数获取当前表单的值,然后将modal的
分类: 其他 发布时间: 03-04 09:04 阅读次数: 0

[antd: Form.Item] `defaultValue` will not work on controlled Field. You should use `initialValues`

使用antd: Form.Item组件的defaultValue属性之后,页面虽然显示了数据但是报错;错误代码:报错截图:翻译之后也不是很明白,最后百度后找了方法解决这个错误下面是我的 解决的方法;去掉defaultValue将初始值用initialValues={{name:key}}的形式写在from标签里面利用上述方法,就解决了这个麻烦的问题~(有错误的地方欢迎指出)...
分类: 其他 发布时间: 03-04 09:04 阅读次数: 0

关于JS进行时间的转换(毫秒,2020-12-4 11:30:20格式),Date()函数,时间进行比较

关于JS进行时间的转换(毫秒,2020-12-4 11:30:20格式),Date()函数,时间进行比较记录一下最近遇到的时间格式转换:获取当前时间://这里打印: Fri Dec 04 2020 11:34:10 GMT+0800 (中国标准时间)let nowTime = new Date()将上述之间转换成毫秒数//这里打印: 1607052960783let nowTime = new Date().getTime()时间比较:需要将时间转换成毫秒数,在进行比较例如
分类: 其他 发布时间: 03-04 09:04 阅读次数: 0

重装系统之后-(1)-vscode命令行不能够使用的解决方式

vscode命令行不能够使用的解决方式1.管理员身份运行2. 打开之后输入代码:set-ExecutionPolicy RemoteSigned截图:3. 以上就可以了
分类: 其他 发布时间: 03-04 09:03 阅读次数: 0

关于微信小程序如何去掉顶部标题,自定义标题详细讲解

关于微信小程序如何去掉顶部今天工作要求去掉小程序顶部,做成自定义样式,百度后看到一码友写的不错,附上链接:自定义小程序顶部下面是我新建后做的例子:首先新建后结构如下:(图片是我自己添加的,用于顶部背景图)找到app.json文件原文档:将default默认样式改成custom即可"navigationStyle": "custom",示例:未修改(可以看到顶部是默认的文字,背景我改成了粉色,下面自己加了图)修改后:(有没有很神奇,顶部默认的文字样式会将
分类: 其他 发布时间: 03-04 09:03 阅读次数: 0

VScode学习vue组件时template: ``模板字符串自动补全方法

VScode使用vue组件模板字符串自动补全代码的方法1.打开设置2.搜索找到settings.json文件3.复制粘贴以下代码到文件保存即可"emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "javasc
分类: 其他 发布时间: 03-04 09:03 阅读次数: 0

Beekeeper Studio for mac(数据库管理器) v1.9.4免费版

Beekeeper Studio Mac版是一个简单好看的、开源的SQL工作平台,可以查询和管理您的关系数据库,标签式界面,让你可以进行多任务处理,,它不仅功能强大,而且易于使用。Beekeeper Studio for mac安装教程安装包下载完成后,根据提示进行操作安装即可。Beekeeper Studio for mac软件介绍Beekeeper Studio Mac版是Mac电脑上的一款开源 SQL 编辑器和数据库管理器。使用Beekeeper Studio Mac版查询和管理您的关系数据库
分类: 其他 发布时间: 03-04 09:03 阅读次数: 0

Mactracker for mac(Mac硬件信息查询工具) v7.10.3免费版

想知道你电脑的信息吗?Mactracker mac版是Macos上一款硬件信息查询工具,可以查询电脑中的硬件信息,还可以查看您使用软件的具体情况,苹果电脑产品和周边产品的信息,售价等等,让您对电脑有更多深刻的了解。Mactracker mac版安装教程镜像包下载完成后,双击.pkg根据提示输入电脑密码,即可安装完成。Mactracker mac版功能介绍Mactracker提供了有关每台Mac电脑的详细信息,包括处理器速度,内存,光盘驱动器,图形卡,受支持的macOS版本和扩展选项。还包括有关Ap
分类: 其他 发布时间: 03-04 09:02 阅读次数: 0

IM+ for mac(多合一社交软件) v1.16.0激活版

IM+ for Mac是一款多合一社交软件,中支持Zoom,WhatsApp,Telegram,Facebook Messenger,Facebook,Twitter,Slack,Skype,Gmail,Outlook,Hangouts,LinkedIn消息传递,Instagram,SnapMap,微信,ChatWork,HipChat和Facebook Pages。IM+ mac版安装教程安装包下载完成后打开,双击.pkg按照安装引导器进行安装即可!IM+ Mac软件功能IM+ for Mac是一
分类: 其他 发布时间: 03-04 09:02 阅读次数: 0

Cleaner for Xcode mac(xcode清理工具) v4.0.4激活版

Xcode文件太多,如何检测清理?试试Cleaner for Ⅹcode吧!Cleaner for Xcode for Mac可以检测您的 Xcode占用磁盘的情况,统计各个部件所占用的空间。并帮助您清理版本升级过程中遗留下的文件,以及编译过程中产生的中间文件。Xcode清理工具Cleaner for Xcod安装教程Cleaner for Xcode安装包下载完成后打开,双击.pkg按照安装引导器进行安装即可!Cleaner for Xcode for Mac软件介绍Cleaner for Xco
分类: 其他 发布时间: 03-04 09:02 阅读次数: 0

Dash for Mac(好用的API文档工具) v6.0激活版

Dash for mac是适用于Mac OS平台的一款好用的API文档工具,可以浏览API文档,以及管理代码片段工具。Dash自带了丰富的API文档,涉及各种主流的编程语言和框架。测试环境:MacOS 11.1dash for mac 版教程Dash 5 Mac版下载完成后,双击.pkg安装包根据提示默认安装即可。dash for mac 版软件介绍Dash是一个API文档浏览器和代码片段管理器。码短跑店段,并立即查找离线文件集200层+的API,100+小抄和更多。您甚至可以生成自己的docset
分类: 其他 发布时间: 03-04 09:02 阅读次数: 0

Final Cut Pro X实用教程:FCPX安装插件位置以及如何删除插件

Final Cut Pro X是大多数电影人的首选编辑软件,FCPX支持多种插件,可以帮助剪辑师更好的制作视频。长期使用下来积累了相当多的插件,想删除却不知道该如何删除,fcpx插件安装位置在哪也无从找起,下面为大家带来关于FCPX插件位置以及如何删除插件,希望可以帮助到大家。fcpx插件安装位置有四个1、多数插件路径会默认在你的电脑影片下,如图:/Users/你的用户名/影片/Motion Templates/对应关系如下:Effects → 特效/效果Generators → 发生器Tran
分类: 其他 发布时间: 03-04 09:01 阅读次数: 0

Smultron 12 for Mac(网页文本编辑器) v12.3直接版

Smultron Mac版是一款基于Mac OS X系统的网页文本编辑器,Smultron for Mac拥有简单好用、功能强大和优雅简洁的特点。Smultron下载安装教程在本站下载完成.pkg安装包后,双击打开,按照提示即可完成安装。Smultron mac版功能特色Smultron - 优雅的文本编辑器您可以使用Smultron创建或编辑任何文本文档。从网页,笔记或脚本到任何单一文本或代码的所有内容。 Smultron非常易于使用,速度很快,并使用自动保存等强大技术。它可以帮助你做你想做的
分类: 其他 发布时间: 03-04 09:01 阅读次数: 0