- 博客(77)
- 收藏
- 关注
RSS订阅原创 Can‘t find Python executable “ python“， you can set the PYTHON env variable
Can't find Python executable " python"， you can set the PYTHON env variable意思为找不到Python可执行文件“Python”，可以设置Python的env变量吗解决办法： 安装windows-build-toolsnpm install --global --production windows-build-tools 如果输入上述代码报Please restart this s...
2020-08-03 19:40:04
62336
18
原创 new Date().toLocaleStrin
当只使用new Date()会出现当使用new Date().toLocaleString时当使用new Date().toLocaleString并给其添加参数时newDate().toLocaleString('chinese',{hour12:false})
2020-07-07 13:25:15
1123
原创 vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6. You may want to run the fo
最近使用vue框架发现出现如下问题vue create is a Vue CLI 3 only command and you are using Vue CLI 2.9.6.You may want to run the following to upgrade to Vue CLI 3:这是应为vue的版本存在更新，需要先卸载vue cli2,然后重新安装vue cli 31、首先我们需要卸载旧版本的vue cli：npm uninstall vue-cli -g 或 yarn glo
2020-07-07 11:48:35
13084
2
原创 vue : 无法加载文件 C:\Users\EDZ\AppData\Roaming\npm\vue.ps1，因为在此系统上禁止运行脚本。有 关详细信息，请参阅 https:/go.microsoft
今天在使用vue创建项目时出现了下面这段报错解决方法如下 找到Windows PowerShell以管理员的身份打开 输入set-ExecutionPolicy RemoteSigned然后输入A 或Y即可
2020-07-07 11:40:49
1140
原创 node.js之封装接口
在server.js中封装所需的方法小例子（实现登录接口），这个接口里面使用了db.js中的findOne，insertOne，updateOne方法，综合性较强const md5 = require("md5");app.post("/login",async (req,res)=>{ try{ //接收用户账号和密码用于登录 const {adminName,passWord} = req.body; const info = a
2020-05-16 17:23:32
994
原创 node.js连接数据库之封装数据的增删改查方法
1，在mongo文件夹下的db.js文件中封装公用的方法注意： 1、封装之后的代码尽量不要去改动 2、封装之后的代码尽量的满足不同的需求。2，公共部分const mongodb = require("mongodb");const mongoClient = mongodb.MongoClient;const ObjectId = mongodb.ObjectId;3，封装连接到mongo对应数据库的方法function _connect(cb){ m...
2020-05-16 17:05:12
311
原创 使用node.js连接mongoDB(准备工作)
1，先创建一个文件夹api,在该文件夹下面创建module文件夹，和一个server.js文件，且在module文件夹下创建db.js文件2，下载如下插件npm install expressnpm install requestnpm install mongodb3，在server.js中写上如下代码const express = require("express");// 创建服务const bodyParser = require("body-parser");// 接收P
2020-05-16 16:34:16
410
原创 实现图片懒加载
当一个页面同时加载几千张图片时，会对服务器造成跟大的压力，并且还会导致渲染速度的降低，为了解决这一问题，我们可以想办法让图片出现在我们的可视区域后再加载懒加载原理：图片是否渲染是根据<img>的src属性，所以在图片没有进入可视区域时，先不给src赋值，这样浏览器就不会发送请求了，等到图片进入可视区域再给src赋值。懒加载思路：1.加载loading图片2.判断图片是否开始加载3.隐形加载图片4.替换真图片效果图判断图片是否加载的条件为（所以当图片的offse.
2020-05-15 21:19:28
206
原创 实现瀑布流布局最简单方法
使用column 属性实现瀑布流 column-count 属性，是分为多少列。 column-gap 属性，是设置列与列之间的距离。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...
2020-05-15 20:49:24
380
原创 实现三栏布局的三种方法
标签<div class="box"> <div class="box_left"></div> <div class="box_right"></div> <div class="box_content"></div> </div>方法一overflow.box{ width: 100%; height: 100vh; ba..
2020-05-15 20:37:58
353
原创 实现两栏布局的三种方法
标签<divclass="box"> <divclass="box_left"></div> <divclass="box_right"></div> </div>方法一calc ，注意calc左右要留空格.box{ width: 100%; height: 100vh; background: rgb(88, 144, 196); ...
2020-05-15 20:30:08
693
原创 逆战之React
近期学习了一下react框架，想在这里整理一下不熟和不怎么理解的知识点this.props.childrenthis.props 对象的属性与组件的属性一一对应，但是有一个例外，就是 this.props.children 属性。它表示组件的所有子节点,其值有三种可能：如果当前组件没有子节点，它就是 undefined ;如果有一个子节点，数据类型是 object ；如果有多个子节点，数据类型...
2020-02-24 20:58:24
120
原创 vue项目实战之猫眼网(项目搭建)
最近简单的学习了一下vue框架,所以想用vue的一些知识搭建一个网页,让自己熟悉一下vue的一些知识,挑中了猫眼这个网页,只是打算实现里面的部分功能.因为时间问题,只打按照每天写的,贴出代码,并对代码做出一些简单的解释,最后做一个总结,想要更加详细解释的可以自行百度或询问.这篇博客的目的是记录怎么搭建一个项目,并下载一些搭建项目过程中需要用到的组件1vue框架的下载需要node环境,大...
2020-01-18 15:15:20
2158
原创 Cannot find module 'babel-plugin-import'报错的解决方法
出现如下情况说明axios所需的插件没有装上安装npm install axios qs --savenpm install antd babel-plugin-import --save最后问题成功解决
2020-01-18 15:08:20
33528
2
原创 React中props和state
props是子组件用来接收父组件的数据 父组件如果传十个参数 但是子组件用了9个 就会导致子组件中满屏都是this.props 就很难去区分各个参数的作用所以我们将需要用的数据 放入constructor中进行提前说明 代码如下我们还需要跟子组件自身的数据有所区分才行(函数中参数和自己定义的内容) 可以使用state来做区分最后保存 运行npm run sta...
2020-01-14 21:15:30
145
原创 进一步使用插件来对props做数据类型的规范
资料来源https://www.npmjs.com/package/prop-types 利用第三方prop-types来处理 让props看起来有数据类型约束(js是弱语言没有数据类型的概率)安装 npminstall--saveprop-types使用 在需要用的地方引入(下面我以header.js文件为例)改变父组件index.js中的代码保存运行n...
2020-01-14 20:59:58
198
原创 React中props的使用(父传子)
主要使用原先的index.js和header.js来进行演示1 修改index.js中的代码如下2 回到子组件header.js,修改里面的代码3保存运行 npm run start 运行结果如下...
2020-01-14 20:40:10
222
原创 react中样式的使用(内联和外部样式表)
1 按照上次文章在src中新建了三个子组件分别为header,content,footer其中content,和footer的内容如下,header中的内容不变content.jsimport React, { Component } from 'react'export default class footer extends Component { render(...
2020-01-14 20:21:36
544
原创 新建有关class组件的页面
1在VSCode中安装es7插件,该插件可以在敲rfc,rcc时,按回车键,出来分别对应的函数组件模板和类组件模板2 在src中新建一个header.js文件然后使用快捷方式rcc生成的模板如下3 在上述<div></div>中写入你想插入的字体4 在index.js中使用header组件5 保存 运行npm ...
2020-01-14 19:46:17
138
原创 有关第一个react页面中页面渲染的几种方法总结
简述:第一个页面 ReactDom.render(<div>我的第一个react页面</div>,document.getElementById("root"));中的<div>我的第一个react页面</div>,document.getElementById("root")本质上是一个函数,可以有参数,返回值,可以调用,存在多种写...
2020-01-14 19:06:53
603
原创 react初识(我的第一个react代码)
1 react准备工作(安装node环境)http://nodejs.cn/download/可以按照如下链接进行安装与配置https://www.runoob.com/nodejs/nodejs-install-setup.html2 新建react项目...
2020-01-14 17:57:43
139
原创 express模块之简易的学生请假系统
简易的学生请假系统该管理模块是基于node下面的express模块和jq来写的,该请假系统只是在练习本人学到的一些知识,还有很多功能暂未写出最终样式图如下图所示:登录页面老师列表页面老师新增学生信息老师管理学生的请假信息学生进入自己的请假列表学生新增自己的请假信息分析学生请假系统中存在两种身份老师---------管理者(审批是否同意学生请假)学生-----...
2019-12-29 16:58:53
1031
2
原创 ajax与数据库的应用之注册，登录，建表，删除，修改，模糊查询
成果展示第一步公共导入数据库部分php<?php//防止字符乱码@header("Content-Type:text/html;charset=utf-8");// 连接mysql mysqli_connect("数据库ip/主机","用户名","密码");$conn = mysqli_connect("localhost:3306", "root", "root"...
2019-11-27 10:49:56
406
原创 弹幕改进
与之前相比添加了暂停和开始和隔一段时间才能发送功能<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <...
2019-11-19 14:22:01
127
原创 js学习之cooking
什么是cookie：cookie是一些数据(存储用户数据)cookie存在哪里：存储于你电脑上的文本文件中cookie的作用：记录浏览器中用户的信息cookie技术又叫会话跟踪技术前后端都可以使用cookie的主要内容名称(cookie的唯一标识) name内容(cookie存放的内容) content域名(cookie所能使用的域名，即文件存放的文件夹) 路径(cookie...
2019-10-24 08:20:30
723
原创 只出现一次的数字js
给定一个非空整数数组，除了某个元素只出现一次以外，其余每个元素均出现两次。找出那个只出现了一次的元素。最近在力扣里面看到的一道题,写了两种解法,其中一种在候运行时答案是正确的,但是在提交时结果不正确先给出提交时正确的代码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"...
2019-10-16 20:58:25
413
原创 旋转数组js
给定一个数组，将数组中的元素向右移动 k 个位置，其中 k 是非负数代码: let num=[-1,3] ; let k =3;let rotate = function(nums, k) {//声明一个和传入数组一模一样的数组,防止数组值被覆盖 let numm=[...nums]; //排除向右移动的位数大于数组长度的情况 if(k>numm.l...
2019-10-16 15:59:44
588
原创 买卖股票的最佳时机js
要求:给定一个数组，它的第 i 个元素是一支给定股票第 i 天的价格。设计一个算法来计算你所能获取的最大利润。你可以尽可能地完成更多的交易（多次买卖一支股票）。注意：你不能同时参与多笔交易（你必须在再次购买前出售掉之前的股票）。从示例中可以看出,我们只要判断相邻两天的价格是否第二天减前一天大于0,如果大于,则将手中的股票卖掉<!DOCTYPE html><html ...
2019-10-16 12:16:22
145
原创 从数组中删除重复项js
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-U...
2019-10-16 10:34:41
143
原创 简易购物车js
最终样式:所需知识点:childern:获取当前元素的所有子元素节点parentNode:获取当前元素的父元素节点firstElementChild:获取当前元素的第一个子元素节点lastElementChild:获取当前元素的最后一个子元素节点nextElementSiblig:获取当前元素的下一个兄弟元素节点(IE6,7,8不支持)previousElementSiblig:获...
2019-10-15 21:03:01
301
1
原创 简易轮播图js
最终效果所用知识点定时器每隔1000ms执行一次count函数clearInterval() 停止setInterval方法setInterval(function(){ count(); },1000)对元素进行修改:对内容的修改表单: ele.value非表单: ele.innerText=’ ’ (结果只为文本)ele.innerH...
2019-10-15 10:58:17
138
原创 简单的键盘控制方块自己移动
所需要的知识点:元素样式宽,高 width / height元素内容宽,高 ele.clientWidth / ele.clientHeightpadding+width / padding+height实际宽,高 ele.offsetWidth /ele.offsetHeightpadding+border+width /padding+border+height...
2019-10-14 21:52:32
525
原创 简单的键盘控制方块移动
所需要知识点元素样式宽,高 width / height元素内容宽,高 ele.clientWidth / ele.clientHeightpadding+width / padding+height实际宽,高 ele.offsetWidth /ele.offsetHeightpadding+border+width /padding+border+height相...
2019-10-14 21:15:28
432
原创 留言板
最终样式所用知识点//声明一个日期函数var date=new Date();//分别获取当时的年,月,日,时,分,秒,星期 var year=date.getFullYear(); var month=date.getMonth()+1; //在js中,0代表一月 var day=date.getDate(); var hour=dat...
2019-10-14 20:43:26
175
原创 js中常用表单事件及控制文本框中还能输入多少字
onfocus 文本框聚焦onblur 文本框失焦(文本框先聚焦再失焦时触发)onchange 前后两次文本框内容发生变化,中间的输入对其不造成影响,一次触发(失焦状态)oninput 文本框输入内容发生变化,多次触发(聚焦状态)控制文本框中还能输入多少字的最终样式代码:<!DOCTYPE html><html lang="en"><h...
2019-10-14 14:56:00
199
原创 简单的小广告
规则:每隔5秒在右下角弹出小广告点击小广告跳转点击小广告上的×关闭小广告,但5秒后小广告重新出现若不点击小广告,10秒后小广告自动消失,但5秒后小广告重新出现效果所用知识点:创建事件监听 addEventListener || attachEvent事件绑定函数 addEvent(ele, type, fn)现代浏览器oDiv1.addEventListener('click...
2019-10-12 21:10:17
165
原创 简易弹幕
最终效果所用知识点:DOM元素增:document.createElement() //创建元素parent.appendChild() //尾部插入parent.insertBefore(new,old) //从元素前插入parent.innerHTML=’’删:ele.remove() //删除自己parent.removeChild(Child) //删除子...
2019-10-12 18:47:08
111
原创 事件的循环绑定与委托
例:点击日历的对应部分对其进行激活,下方内容也对应改变下面将用只用循环绑定对其解答.此题用事件委托分别相对复杂最终样式:所用知识点:事件处理函数中 this关键字可以当前绑定的事件源在JavaScript中，添加到页面上的事件处理程序数量将直接关系到页面的整体运行性能1.每个函数都是对象，都会占用内存。内存中的对象越多，性能就越差2.必须事先指定所有事件处理程序而导致的DOM访...
2019-10-12 15:38:28
293
原创 顶部悬浮效果
最终样式所用知识点:dom知识点:可视宽,高 document.documentElement.clientWidth / document.documentElement.clientHeight实际宽,高 document.documentElement.scrollWidth/document.documentElement.scrollHeight滚动条距离上,左边的距离 do...
2019-10-12 14:05:06
267
1
原创 简易进度条
最终样式所用知识点:setInterval(function(){count();},1000)每隔1000ms执行一次count函数clearInterval() 停止setInterval方法可视宽,高 document.documentElement.clientWidth / document.documentElement.clientHeightDOM样式:ele....
2019-10-12 13:42:12
285
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人