个人案例
菜谱云平台
分享自己喜欢的菜谱，实现了菜谱的增删改查。
菜谱云平台扫码体验
- picker中的range，怎样使用对象数组？
[图片] 我的picker里面是一个对象数组，但是效果显示不出来呀，怎么办？我看文档里面说是可以写对象数组的
2020-03-25 - 小程序中的onError onPageNotFound怎样才能调用到？
小程序中的生命周期函数：onError 、onPageNotFound和onUnhandleRejection，怎样才能调用到呢？ [图片]
2020-03-24 - js原生实现的一个下拉菜单，每次都要绑定onmouseover和onmouseout事件，怎样修改？
用原生js写了一个下拉菜单，每次想实现次级菜单下拉，都要去绑定onmouseover和onmouseout事件，很是麻烦，有什么好办法么？ [图片][图片] <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>下拉菜单</title> <style> *{padding: 0px;margin: 0px;} ul{ list-style-type: none; } li{ cursor: pointer; /*鼠标变成小手*/ } #menu{ line-height: 50px; width: 800px; margin: 0 auto; } /*子代选择器：#menu下面的第1层li标签*/ #menu>li{ float: left; padding: 0px 0px; background: #CCCCCC; width: 120px; text-align: center; } #sub{ display: none; } #sub li{ /*padding: 10px 0px;*/ border-bottom: 1px solid #fff; } </style> <script> //显示次级菜单 function show(){ var sub=document.getElementById("sub"); sub.style.display="block" } //隐藏次级菜单 function hide(){ var sub=document.getElementById("sub"); sub.style.display="none" } </script> </head> <body> <ul id="menu"> <li>首页</li> <li onmouseover="show()" onmouseout="hide()">课程大厅 <ul id="sub"> <li>JavaScript</li> <li>CSS</li> <li>HTML</li> <li>Python</li> </ul> </li> <li>学习中心</li> <li>经典案例</li> <li>关于我们</li> </ul> </body> </html>
2020-03-18 - 小程序页面被"索引"和被"收录"，是同一个意思么？
小程序页面被"索引"和被"收录"，是同一个意思么？
2020-03-17 - js中同样给变量赋值为null，但是打印数据类型，为什么不一致呢？
//同样给sex和name都赋值为null，打印出来的不一样，是为什么呢？ var sex=null; var name=null console.log(typeof(sex)) //打印出 object console.log(typeof(name)) //打印出string [图片]
2020-03-15 - 我的五角星为什么画不出来呢？
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script> window.onload=function(){ var canvas=document.getElementById("canvas"); canvas.width=800; canvas.height=800; var context=canvas.getContext("2d"); context.lineWidth=30; context.strokeStyle="#005588"; context.beginPath(); for(var i=0;i<5;i++){ context.lineTo(Math.cos((18+i*72)/180*Math.PI)*300+400, -Math.sin((18+i*72)/180*Math.PI)*300+400); context.lineTo(Math.cos((54+i*72)/180*Math.PI)*150+400, -Math.sin((54+i*72)/180*Math.PI)*150+400) } context.closePath() } </script> </head> <body> <canvas id="canvas"></canvas> </body> </html>
2020-03-13 - 这是什么情况呀，今天小程序崩了么？
[图片]
2020-03-12 - 我这个wxs文件写的有什么问题吗？
var bar=function(){ return 'china is a big country' ; } var msg="hello world"; module.exports ={ bar, msg } [图片]
2020-03-12 - 我想写一个放大镜效果，为什么出不来呢？
<!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> *{ margin: 0px; padding: 0px; } #left,#right{ float: left; } #left img{ width: 200px; } #right{ width: 100px; height: 100px; border: 1px solid #000; overflow: hidden; margin-left: 20px; position: relative; } #right-img{ position: absolute; } </style> <script> window.onload=function(){ var leftImg=document.getElementById("left-img"); var rightImg=document.getElementById("right-img"); document.onmousemove=function(e){ var e=e||window.event // console.log(e.clientX) var num=rightImg.offsetWidth/leftImg.offsetWidth rightImg.style.position="absolute" rightImg.style.left=num*e.clientX; rightImg.style.top=num*e.clientY; } } </script> </head> <body> <div id="left"> <img id="left-img" src="./images/img-3.jpg" alt=""> </div> <div id="right"> <img id="right-img" src="./images/img-3.jpg" alt="" style="width: 1000px;"> </div> </body> </html> [图片]
2020-03-11 - js为什么获取不到style.left的值？
<!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> *{margin: 0px;padding: 0px;} #outer{ width: 300px; height: 300px; border: 1px solid #000; background: palegreen; position: relative; } #inner{ width: 50px; height: 50px; border: 1px solid #000; background: orange; position: absolute; left: 0px; top: 0px; } </style> <script> window.onload=function(){ var outer=document.getElementById("outer"); var inner=document.getElementById("inner"); console.log(inner.style.left) onkeyup=function(e){ let keyCode=e.keyCode; /*37,38,39,40*/ switch(keyCode){ case 37: console.log(inner.style.left) break; case 38: console.log("up") break; case 39: console.log("right") break; case 40: console.log("down") break; } } } </script> </head> <body> <div id="outer"> <div id="inner"></div> </div> </body> </html> [图片]
2020-03-10