前端
全栈开发crud师
程序员困惑编程问题咨询v: woyaobaofuniubi,请备注
展开
-
yarn的安装与使用及与npm对应的命令
在Nodejs环境下,通过npm install -g yarn 命令进行全局安装yarn versionyarn inityarn installyarn add vueyarn add vue-routeryarn remove vue-routernpm Yarnnpm install yarn install(N/A) yarn install --flat(N/A) yarn install --har(N/A) yarn install --no-lockfile(N/转载 2022-04-01 19:25:00 · 836 阅读 · 0 评论 -
前端在写项目的时候要注意的问题后端一次性往数据库插入多条数据(其实归根到底就是insert一次性插入多个值)
前端在写项目的时候要注意的问题我们在给一个对象设置一个唯一标识的时候,最好不要用index,因为我们前端经常用到各种遍历就会用到各种index索引,这样很容易混淆。而且这个唯一表示不要和索引建立联系,因为你假如删除数组的元素,index会变化,从而导致你设置的唯一标识就会发生变化。后端一次性往数据库插入多条数据(其实归根到底就是insert一次性插入多个值)https://blog.csdn.net/qq_38322527/article/details/103390252?utm_medium原创 2021-12-29 21:34:58 · 1017 阅读 · 0 评论 -
vue中路由的使用
https://blog.csdn.net/qq_45716120/article/details/112857794转载 2021-11-18 18:49:48 · 114 阅读 · 0 评论 -
前端解决跨域问题的方法
https://segmentfault.com/a/1190000011145364转载 2021-11-18 10:15:19 · 93 阅读 · 0 评论 -
React脚手架项目的搭建
https://www.cnblogs.com/zjh-study/p/10937847.html函数式组件渲染就可以理解为用函数定义组件,渲染的时候也是通过函数里面写render方法渲染组件。函数组件直接返回就可以了,类组件要渲染返回的值。组件看成是对象,然后给对象的属性设置东西如果有事件的话就用类组件。如果组件里面套用了组件,最外层渲染对象传的属性还要在子组件上赋值一下。这样才会把值传给子组件。要不然你只是传给了你赋值的那个组件。state其实就是有转载 2021-11-17 22:49:01 · 150 阅读 · 0 评论 -
react里面什么时候用双括号
<Input placeholder="xxx" style={{width:'233px', marginRight:'10px'}} prefix={<UserOutlined />} />原创 2021-11-17 16:27:10 · 434 阅读 · 0 评论 -
简单组件和随机组件的区别(React使用脚手架写项目)
https://www.cnblogs.com/zjh-study/p/10937847.html转载 2021-11-17 09:02:41 · 88 阅读 · 0 评论 -
new的是函数不是对象,js中要注意(箭头函数的指向)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <script> //箭头函数中的this是在定义转载 2021-11-16 16:42:37 · 282 阅读 · 0 评论 -
node.js的安装
https://www.cnblogs.com/lxg0/p/9472851.htmlhttps://blog.csdn.net/jincheng_921/article/details/100109747npm config set prefix “D:\biancheng\node-v16.13.0-win-x64\node-global”npm config set cache “D:\biancheng\node-v16.13.0-win-x64\node-cache”转载 2021-11-16 10:58:19 · 68 阅读 · 0 评论 -
react中Props 验证使用 propTypes
原创 2021-11-16 10:20:12 · 633 阅读 · 0 评论 -
react中state的理解
而且state的状态是封闭的外部好像是无法引用的。原创 2021-11-16 10:04:20 · 780 阅读 · 0 评论 -
React中事件的调用
<!DOCTYPE html><html><head> <meta charset="UTF-8" /> <title>Hello React!</title> <script src="https://cdn.staticfile.org/react/16.4.0/umd/react.development.js"></script> <script src="https://cdn原创 2021-11-16 08:47:56 · 201 阅读 · 0 评论 -
React里面的constructor()、super()、super(props)具体使用
https://blog.csdn.net/chiuwingyan/article/details/82931165翻译 2021-11-16 08:24:03 · 150 阅读 · 0 评论 -
js中的异步(promise的使用,ajax)
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <script> // function y原创 2021-11-15 13:09:46 · 623 阅读 · 0 评论 -
react中的props
原创 2021-11-14 21:05:55 · 70 阅读 · 0 评论 -
React中组件的使用(创建多个组件合成一个组件,易错的点)
function Name(props) { return <h1>网站名称:{props.name}</h1>;}function Url(props) { return <h1>网站地址:{props.url}</h1>;}function Nickname(props) { return <h1>网站小名:{props.nickname}</h1>;}function App() {...原创 2021-11-14 20:29:39 · 513 阅读 · 0 评论 -
react引入js文件
原创 2021-11-14 19:20:17 · 1766 阅读 · 1 评论 -
js中this的理解(箭头函数)
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title></head><body> <p>该实例中, myFunction 是函数构造函数:</p> <p id="demo"></p> <scrip.转载 2021-11-14 14:21:55 · 114 阅读 · 0 评论 -
fillRect 就是rect+fill的结合体(canvas)
//填充颜色的顺序不一样 ,fillRect 就是rect+fill的结合体ctx.rect(20,20,150,100);ctx.fillStyle=“green”; //这个不管在前在后都不影响ctx.fill();ctx.fillStyle=“green”;ctx.fillRect(0,0,150,85);原创 2021-11-14 13:49:19 · 726 阅读 · 0 评论 -
使用canvas画小方块
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> body {原创 2021-11-14 12:55:05 · 730 阅读 · 0 评论 -
canvas的使用(beginPath()和stroke())的理解
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");ctx.fillStyle="#FF0000";ctx.fillRect(0,0,150,85); //绘制图像ctx.fillRect(0,0,150,85); //我填充了初始坐标为(0,0) 结束坐标(150,85)ctx.clearRect(0, 0, 80, 80); //清除了初始坐标为(0,0) 结束坐标为(80,80原创 2021-11-14 12:30:40 · 2272 阅读 · 0 评论 -
box-shadow的使用
//水平位置,垂直位置,阴影的模糊效果,阴影的颜色box-shadow: 20px 20px 5px #888888;原创 2021-11-14 10:33:08 · 665 阅读 · 0 评论 -
setInterval没有多次调用
原创 2021-11-14 09:20:45 · 131 阅读 · 0 评论 -
vscode 自动添加分号, 双引号
"prettier.useEditorConfig": false, "prettier.semi": true, // 是否带分号"prettier.singleQuote": true // 是否为单引号https://www.cnblogs.com/alantao/p/12551127.html转载 2021-11-13 14:49:06 · 2388 阅读 · 0 评论 -
vue前端如何解决跨域问题
原创 2021-11-10 08:26:43 · 641 阅读 · 0 评论 -
vue中的@符号的是什么意思
@指的是当前项目的根路径原创 2021-11-10 08:08:56 · 2851 阅读 · 0 评论 -
节点的删除
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title></head><body> <!-- &l原创 2021-11-08 21:03:17 · 571 阅读 · 0 评论 -
js+html写的打地鼠
之前有当我连续打同一只地鼠会重复计分。想过设置一个flag判断,但是打完以后flag为true值不知道写在哪个位置现在相同了<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title&原创 2021-11-05 20:42:44 · 132 阅读 · 0 评论 -
js实现打地鼠的理解
准备条件:坑,地鼠,挨打的地鼠。函数:出现地鼠,地鼠消失,出现的地鼠和地鼠消失是递进,消失的就是出现的那只地鼠,打了地鼠也是打了出现的地鼠,消失的还是打了的地鼠也就是出现的地鼠显示的时候出来的是地鼠的图,地鼠图坑的位置要和原来坑的位置一致,所以地鼠出来的时候要设置一下,地鼠消失以后,你现在设的位置肯定要变回去。打地鼠出来的图的位置和坑的位置要一样,打完地鼠地鼠还是要消失,所以还要把原来的坑的位置显示变回去。(只不过打了地鼠和地鼠隐藏的时候都是调用的hideof()方法)<!DOCTYPE h原创 2021-11-01 23:09:36 · 365 阅读 · 0 评论 -
Promise的使用
是一个构造函数,new以后就会调用,然后里面有两个参数,其实也是函数()resolve, reject,resolve()以后会进入then的函数reject()会进入catch的函数<!DOCTYPE html><html lang="en"> <head> <!-- <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, i原创 2021-10-31 13:33:18 · 122 阅读 · 0 评论 -
js中异步的理解
异步的函数,我只要调用了我就继续执行我下面的代码,异步函数里面的内容早晚会执行完毕的,我不用管了。原创 2021-10-31 11:44:52 · 78 阅读 · 0 评论 -
Uncaught TypeError: Cannot set properties of null (setting ‘innerHTML‘)的原因怎么看
意思不就是说我们设置的属性是控制,这个时候就要检查是不是获取元素的时候把标签的id和class类似的内容写错了导致获取不到。原创 2021-10-31 11:37:29 · 4124 阅读 · 0 评论 -
回调函数的理解
回调函数的使用刚开始函数是从上到下执行但是我设置了setTimeout导致这个函数还没执行完成下面的函数就开始了,导致我变量还是原来的变量不合理。那我就要让这个函数到点再执行。所以我这个函数就不能直接写在外面了。要用回到的时候调用这个函数。(调用的函数你传过来,但是你里面还得调用这个函数才会生效)然后我又想简单点,我直接把这个函数写成匿名函数,不用调用函数了。function timer(time, callback)一会输出一下callback就知道输出的是不是匿名函数了一会儿我就按照这个逻辑原创 2021-10-31 10:41:01 · 72 阅读 · 0 评论 -
相对定位的理解
转载 2021-10-30 18:24:23 · 58 阅读 · 0 评论 -
前端的return的返回值一定要用一个变量进行接收(随机数生成,不重复)
<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="UTF-8" /> <title>Puzzle</title> <!-- <link rel="stylesheet" type="text/css" href="puzzle.css" /> --> <script src="https://cdn.boo原创 2021-10-30 17:15:19 · 682 阅读 · 0 评论 -
百度地图生成器添加标注后图标不显示的解决方法
解决方法也很简单,只要找到生成的代码中的icon地址:http://app.baidu.com/map/images/us_mk_icon.png替换成这个地址即可:http://api.map.baidu.com/lbsapi/creatmap/images/us_mk_icon.png<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-t原创 2021-10-30 14:26:53 · 1289 阅读 · 0 评论 -
查看疫情数据(如何把jquery的值赋值到echars里面)
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <style> div { height: 500px; width: 100%; } </style> </head> <body> <div id="container"></div&原创 2021-10-30 11:02:23 · 221 阅读 · 0 评论 -
设置鼠标的图片样式,鼠标经过以后图片消失
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>鼠标经过和鼠标离开的操作</title> <style> div:hover原创 2021-10-28 22:06:41 · 434 阅读 · 0 评论 -
document.getElementsByTagName(“input“)赋值
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> </head> <body> <转载 2021-10-28 11:15:45 · 2023 阅读 · 0 评论 -
在css中添加html的内容(before,alter)的用法
下面是在小程序中的写法.header::after{ content:'把你今天要做的事情都记录下来吧'; position: absolute; width: 20rem; z-index: 1; text-align: center; color: blue; font-size: 50rpx; left: 0; bottom:-50px;}原创 2021-10-28 10:08:09 · 620 阅读 · 0 评论