web前端开发
web
草莓丸子不加冰
一个努力的女孩
展开
-
HTML如何引入icon矢量图
HTML如何引入icon矢量图下载icon矢量图压缩包解压,并且将文件放入自己开发项目的fonts文件下(自己决定文件名)将iconfont.css文件引入你想要使用的页面。找到icon的名字,将icon引入页面例如:补充添加icon的方式<span class="iconfont"></span>以上就是引入icon的方式之一的详细讲解,个人比较喜欢使用这个方法,有疑问欢迎咨询~...原创 2021-03-16 15:30:48 · 726 阅读 · 0 评论 -
重装系统之后-(1)-vscode命令行不能够使用的解决方式
vscode命令行不能够使用的解决方式1.管理员身份运行2. 打开之后输入代码:set-ExecutionPolicy RemoteSigned截图:3. 以上就可以了原创 2020-12-29 16:16:19 · 470 阅读 · 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()时间比较:需要将时间转换成毫秒数,在进行比较例如原创 2020-12-04 11:43:14 · 866 阅读 · 2 评论 -
[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 · 18167 阅读 · 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 · 3965 阅读 · 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 · 3043 阅读 · 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为每一项的唯一字段名)有问题欢迎指出~..原创 2020-12-01 17:21:28 · 1540 阅读 · 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 · 624 阅读 · 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中如原创 2020-11-12 19:14:22 · 1410 阅读 · 0 评论 -
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 · 4435 阅读 · 2 评论 -
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 · 707 阅读 · 0 评论 -
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 · 172 阅读 · 0 评论 -
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 · 2634 阅读 · 0 评论 -
js传统事件绑定与取消
js传统事件绑定与取消传统事件的绑定格式:节点.onclick = function () { // 事件处理程序 }先定义一个通过id找到节点的函数:($是函数名,你也可以取其他的)function $(id) { return document.getElementById(id) }定义两个函数:// 事件绑定 // 事件代表发生了某件事情 ====事件处理程序 function test() { console.l原创 2020-08-18 11:09:09 · 259 阅读 · 0 评论 -
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 · 3034 阅读 · 0 评论 -
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 · 2268 阅读 · 1 评论 -
web开发工作流程
web开发工作流程什么是web应用?运行在web上的应用程序;指代运行在网络上,以浏览器作为通用客户端的应用程序,在许多地方又称B/S(浏览器/服务器)模式的应用;(B/S(浏览器/服务器)模式:浏览器请求,服务器响应,返回浏览器,解析,呈现。)当时用各种浏览器在网易等用户网站上浏览网页查看资料,使用的就是web应用。流量:即用户。当用户有一定的习惯很难改变,所以一个新的APP出来需要先占领市场,然后不断更新迭代。(迭代:更新换代。)前端开发与原生开发各有优劣:B/S不用随时更新,C/原创 2020-07-21 19:31:05 · 465 阅读 · 0 评论