- 博客(36)
- 资源 (1)
- 收藏
- 关注
RSS订阅
原创 [antd: Form.Item] `defaultValue` will not work on controlled Field. You should use `initialValues`
使用antd: Form.Item组件的defaultValue属性之后，页面虽然显示了数据但是报错;错误代码：报错截图：翻译之后也不是很明白，最后百度后找了方法解决这个错误下面是我的 解决的方法;去掉defaultValue将初始值用initialValues={{name:key}}的形式写在from标签里面利用上述方法，就解决了这个麻烦的问题~（有错误的地方欢迎指出）...
2020-12-03 11:11:54
17842
2
原创 VScode学习vue组件时template: ``模板字符串自动补全方法
VScode使用vue组件模板字符串自动补全代码的方法1.打开设置2.搜索找到settings.json文件3.复制粘贴以下代码到文件保存即可"emmet.triggerExpansionOnTab": true, "emmet.showAbbreviationSuggestions": true, "emmet.showExpandedAbbreviation": "always", "emmet.includeLanguages": { "javasc
2020-10-10 16:28:04
4253
2
原创 HTML如何引入icon矢量图
HTML如何引入icon矢量图下载icon矢量图压缩包解压，并且将文件放入自己开发项目的fonts文件下（自己决定文件名）将iconfont.css文件引入你想要使用的页面。找到icon的名字，将icon引入页面例如：补充添加icon的方式<span class="iconfont"></span>以上就是引入icon的方式之一的详细讲解，个人比较喜欢使用这个方法，有疑问欢迎咨询~...
2021-03-16 15:30:48
674
原创 新手入门第一次创建微信小程序实现HX编辑连接微信开发工具可视化，开发者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面
这是uni-app官网教程，非常详细微信小程序实现HX编辑连接微信开发工具可视化“若HBuilderX不能正常启动微信开发者工具，者手动启动，然后将uni-app生成小程序工程的路径拷贝到微信开发者工具里面”这里讲一下怎么手动完成这句话的内容，对于零基础应该有所帮助这是我的项目，以及项目结构打开项目所在的文件，然后找到mp-weixin这个文件夹，如果你也是创建的uni-ui模板，大概率和我文件结构一样然后打开微信开发工具，路径填写（F:\工作\small\first\unpackage\
2021-03-03 10:28:54
1225
转载 MySQL安装与，MySql错误 1251 - Client does not support authentication protocol requested by server 解决方案
详细安装教程MySql错误 1251 - Client does not support authentication protocol requested by server 解决方案
2021-03-02 14:44:01
212
原创 关于微信小程序如何去掉顶部标题，自定义标题详细讲解
关于微信小程序如何去掉顶部今天工作要求去掉小程序顶部，做成自定义样式，百度后看到一码友写的不错，附上链接：自定义小程序顶部下面是我新建后做的例子：首先新建后结构如下：（图片是我自己添加的，用于顶部背景图）找到app.json文件原文档：将default默认样式改成custom即可"navigationStyle": "custom",示例：未修改（可以看到顶部是默认的文字，背景我改成了粉色，下面自己加了图）修改后：（有没有很神奇，顶部默认的文字样式会将
2021-03-02 10:36:36
5467
2
原创 重装系统之后-（1）-vscode命令行不能够使用的解决方式
vscode命令行不能够使用的解决方式1.管理员身份运行2. 打开之后输入代码：set-ExecutionPolicy RemoteSigned截图：3. 以上就可以了
2020-12-29 16:16:19
414
原创 关于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()时间比较：需要将时间转换成毫秒数，在进行比较例如
2020-12-04 11:43:14
831
2
原创 react 使用ant.design使用modal里面嵌套form遇到的坑，modal修改按钮和去掉按钮的方法
背景：为了获取from表单里面的数据，试了无数遍之后总结了以下方法：modal修改按钮和去掉按钮的方法（另外一个博主写的，挺详细）react使用Ant Design 的table组件添加button按钮后，按钮怎么获取当前行数据我的弹框里面有Input，Select，InputNumber，DatePicker，所以使用数据双向绑定（以下有代码）疯狂报错，最后在看了官方文档自己琢磨之后选择了下面的方法获取数据;原理：利用form的onFinish属性直接绑定函数获取当前表单的值，然后将modal的
2020-12-02 16:11:44
3891
1
原创 react使用Ant Design 的table组件添加button按钮后，按钮怎么获取当前行数据
解决办法：按钮的点击函数 xiugai = (row) => () => { console.log(row) }columns 的最后一项，按钮组件{ title: '操作', width: '100px', align: 'center', //这里传当前行的数据row，（自定义名称） render
2020-12-01 17:37:56
2975
原创 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为每一项的唯一字段名）有问题欢迎指出~..
2020-12-01 17:21:28
1491
1
原创 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'", "", //
2020-11-17 10:58:43
573
原创 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中如
2020-11-12 19:14:22
1368
原创 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>
2020-10-23 12:49:53
910
原创 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="菜品名称"
2020-10-23 11:53:34
8955
1
原创 canvas基础讲解，绘制直线，弧形，矩形，图片
canvas基础讲解，绘制直线，弧形，矩形，图片1. 什么是canvas？1.1 Canvas 是一个矩形区域的画布，可以用 JavaScript 在上面绘画，控制其每一个像素。1.2 canvas 标签使用 JavaScript 在网页上绘制图像，本身不具备绘图功能。2. Canvas 标签2.1 canvas 标签语法和属性 （重点）标签名 canvas，需要进行闭合。就是一普通的 html 标签。可以设置 width 和 height 属性，但是属性值单位必须是 px，否则忽略。
2020-09-21 16:01:01
648
原创 nodeJS：服务器引进icon，图片，数据库，日志等方法
nodeJS：服务器引进icon，图片，数据库，日志等方法(nodejs：引进express，配置搭建服务器)在上一次文件的基础上，现在我们来引进需要的其他文件，这里讲一个简单的方法。首先打开我们的package.json文件，红色的部分就是我们导入的文件的名字和版本。复制粘贴以下代码："body-parser": "^1.19.0", "express": "^4.17.1", "morgan": "^1.10.0", "mysql": "^2.18.1",
2020-09-16 19:37:51
480
原创 nodejs：引进express，配置搭建服务器
nodejs：引进express，配置搭建服务器需要用到的命令行// 1. 初始化 npm init// 2.下载express npm install express@4 --save// 3.删除express，可以不用后面的命令，直接 npm install// 4. 下载镜像 npm install nrm -g// 5. 查看使用的镜像 nrm test// 6. 改镜像 nrm use taobao// 7. 导入日志模块 npm install morg
2020-09-14 16:17:40
142
原创 SQL语句分组，排序，限制
SQL语句分组，排序，限制分组：group by +列名as 别名where 第一次判断having 二次判断-- 当你使用的group by语句 那么投影类只能是聚合函数列和分组列-- 查询男生数量高于2人的班级SELECT s_classid,COUNT(*)AS 'stuNum' FROM t_student WHERE s_sex = '男' GROUP BY s_classid HAVING stuNum>2排序：ORDER BY +列名– 默认是升序– DE
2020-09-10 09:23:01
573
原创 SQL基本语法（查插删改）
SQL基本语法（查插删改）创建数据库：create datebase 数据库名称；使用数据库:use 数据库名称 ;创建表:create table 表名(列名 数据类型，id int，)；– 约束– PRIMARY KEY 约束 保证实体完整性– NOT NULL 这一列不能为空– UNIQUE 唯一– default 默认约束– 完整性的约束– 实体完整性 保证每一行数据的有效 主键保证– 域完整性 保证每一列的数据都是有效的 unique 默认 非空
2020-09-08 18:57:04
229
原创 js运用循环画出三角形和平行四边形（详解）
js画出三角形和平行四边形在运用代码绘画出图形之前，首先我们需要了解循环，并且知道其原理！循环：自我理解就是，你要重复的去干一件事，那么就需要重复执行，则需要循环。表达式如下：for(表达式1(从哪里开始);表达式2(在什么时候结束);表达式3(如何循环)){ // 循环体(我要循环干的事情)}例如：//a为下标，从0开始，小于5，所以到4结束：0,1，2,3，4，//a++等同于a=a+1;for(var a = 0;a<5;a++){ console.
2020-08-22 15:04:41
2576
原创 js传统事件绑定与取消
js传统事件绑定与取消传统事件的绑定格式：节点.onclick = function () { // 事件处理程序 }先定义一个通过id找到节点的函数：($是函数名，你也可以取其他的)function $(id) { return document.getElementById(id) }定义两个函数：// 事件绑定 // 事件代表发生了某件事情 ====事件处理程序 function test() { console.l
2020-08-18 11:09:09
241
原创 js 序列：1，2，3，5，8，13...。找出第20个数是多少?
序列：1，2，3，5，8，13…。找出第20个数是多少? 得出前20个数x y之和是多少？思路：1.由题可以看出规律：第三项等于前两项和，之后每一项都是等于前两项的和。2.代码如下： //定义第一项x1,第二项x2,定义和sum,用t作为暂时存储数据的中转站 var x1=1,x2=2,sum=3,t; //除去前两项，从第三项开始， for (var i=0; i<18;i++){ //记录前一项数据
2020-08-12 15:50:48
2950
原创 js 正整数分解质因数
js 正整数分解质因数背景：质因数 [3] 就是一个数的约数，并且是质数。比如8=2×2×2，2就是8的质因数；12=2×2×3，2和3就是12的质因数。把一个式子以12=2×2×3的形式表示，叫做分解质因数。题目要求例如：输入90,打印出90=2x3x3x5。输入60=2x2x3x5。思路：1.写一个判断是否是质数的函数：//质数是指在大于1的自然数中，除了1和它本身以外不再有其他因数的自然数。 //定义函数名：isPrime（形参：n） functi
2020-08-12 15:35:27
2211
1
原创 三元运算符if
三元运算符if(条件){成立执行这里} else{不成立执行这里}<script> if(a==1){ console.log("我是a") }else{ console.log("我不是a") }</script>?前面的是条件 为true执行?后面的代码 为false 执行:后面的代码<script>var sex = prompt('请输入你的性别');sex === '男'?alert('你的性别是男性'):ale
2020-08-05 17:36:41
148
原创 ===，！==之间的区别
===，！==之间的区别“=”是赋值操作符。 “==”是判断值是否相等操作符。 “===”是判断是否完全相等操作符。 举个例子： x=8;//表示把8赋值给x x==y;//判断x和y的数值是否相等，在这里，如果x=“55”； y=55，前者是一个字符串，后者是一个数值，但是按照js规范， x==y也是成立的，也就是说他们是相等的。
2020-08-05 17:25:13
363
原创 JS的几种引入方式
JS的几种引入方式1.通过标签里面onXXXX引入<div onclick="alert('我被点击了')"></div>2.通过a标签引入 <a href="javascript:alert('hah')">sdfsdf </a>3.script标签直接使用<script> /*弹框*/ alert('我显示了') /*打印文字*/ console.log('s
2020-08-05 17:13:03
258
原创 button标签（按钮）的详解
button标签（按钮）的详解默认样式：按钮是具有默认样式的，不独占一行，有边框，字体也是默认居中。<button id="button1">我是按钮1</button> <button>我是按钮2</button>如何改变按钮的样式？<style> #button1{ /*改变宽，高*/ width: 200px; height: 50px; /*改变背景颜色
2020-07-28 19:37:00
4265
原创 HTML导航CSS样式详解
HTML导航CSS样式详解导航的最终样式：可以看到我们的导航栏分为左边logo和右边的导航（字），两边距离网页边框相同，背景为灰色，我们可以简单分为以下模块：我们将导航栏作为一个大盒子，里面嵌套一个盒子让它居中，再绿色盒子里面放入一个小盒子分别装logo图片和一个无序列表ul装文字导航。代码结构如下：<nav class="clear"> <div id="logo"> <img src="../day05/web-img
2020-07-28 09:11:46
13705
原创 HTML中表单(form)详细讲解：
HTML中表单(form)详细讲解：表单标签：form<form action="" method=""></form> action：服务器的地址（北京）； method：提交的方式（坐飞机，火车去北京）；表单元素:关联标签：label显示关联：在label中for属性与input的id属性设为同样的值，使他们达到关联的效果。<label for="username">用户名</label><input id="
2020-07-22 18:45:49
697
1
原创 CSS的基础以及选择器
CSS的基础以及选择器网页基本结构网页分为三部分 结构（HTML） 表现（css） 行为（JavaScript）CSS的引入方式 CSS位置在head标签里面的style标签里面进行书写:<head> <meta charset="UTF-8"> <title>CSS</title> <style> h2 { color: brown;
2020-07-22 13:05:17
234
原创 HTML中的table表格标签
HTML中的table表格标签table：表格标签；包括“thead”，“tbody”两个部分。thead标签：表示表格头部，里面包含“tr”行标签，“tr”里面包含“th”列标签。tbody标签：表示表格内容部分，其中包括“tr”行标签，“tr”里面的“td”列标签。td，th标签共同的属性：“colspan”合并列，“rowspan”合并行。<table border="1px" cellspacing="0"><!--border:表示边框1像素 ，cellspacing=
2020-07-21 20:00:12
486
原创 web开发工作流程
web开发工作流程什么是web应用？运行在web上的应用程序；指代运行在网络上，以浏览器作为通用客户端的应用程序，在许多地方又称B/S（浏览器/服务器）模式的应用；（B/S（浏览器/服务器）模式：浏览器请求，服务器响应，返回浏览器，解析，呈现。）当时用各种浏览器在网易等用户网站上浏览网页查看资料，使用的就是web应用。流量：即用户。当用户有一定的习惯很难改变，所以一个新的APP出来需要先占领市场，然后不断更新迭代。（迭代：更新换代。）前端开发与原生开发各有优劣：B/S不用随时更新，C/
2020-07-21 19:31:05
426
原创 HTML空元素（img标签）
空元素不是所有元素都拥有开始标签，内容，结束标签。一些元素只有一个标签，通常用来在此元素所在位置插入/嵌入一些东西。例如：元素是用来在元素所在位置插入一张指定的图片。<img src="./img/pic1.jpg" alt="iu小姐姐" width="342px" height="192px">其中：src里面输入图片的路径；alt:alt属性是元素的必选属性,它给出了图像的备选文本,供图像无法显示时采用。 当用户因为某种原因(比如:打开速度慢、src属性存在错误或者用户使用了屏幕
2020-07-18 15:11:56
695
原创 第一个HTML文件
第一个HTML文件注：HTML 标签不区分大小写。也就是说，输入标签时既可以使用大写字母也可以使用小写字母。初识p标签：将这行文字封装成一个段落（Paragraph），p元素来使其在单独一行呈现：（属于块级元素）块级元素：块级元素在页面中以块的形式展现 —— 相对于其前面的内容它会出现在新的一行，其后的内容也会被挤到下一行展现。块级元素通常用于展示页面上结构化的内容，例如段落、列表、导航菜单、页脚等等。一个以block形式展现的块级元素不会被嵌套进内联元素中，但可以嵌套在其它块级元素中。<
2020-07-18 14:45:28
177
3
原创 《HTML》所用高频单词合集
*《HTML》所用高频单词合集*\1.head 文档的头部信息\2.title 文档的标题\3. body 指定文档主体的开始和结束\4. font 指盎甩于修饰所包含文本的字体类型、大小和颜色\5. align 水平对齐方式\6. image 图像\7. marquee 创建一个滚动的文本、图像或图文．\8. 难点单饲\9. scrolldelay 滚动延迟时间\10. direction 滚动方向\11. table 指定所包括的内容要组成行列的
2020-07-17 17:13:09
655
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人