- 博客(29)
- 收藏
- 关注
RSS订阅原创 React渲染不出来，并且报错Uncaught TypeError: Cannot read property ‘forEach‘ of undefined
代码正常，但渲染的时候报错Uncaught TypeError: Cannot read property ‘forEach’ of undefined解决方法：先打开你的浏览器插件然后找到React Developer Tools就这个东西关掉它然后正常了是不是很惊喜。。。。。。浪费了我一天时间，真坑的一插件...
2021-01-27 16:16:36
1000
4
原创 express脚手架项目生成步骤
下载express-generatornpm install express-generator -g生成项目express -e ProjectName或者使用node自带的npx生成项目npx express安装依赖cnpm install运行npm run start热更新------>下载nodemoncnpm install --save-dev nodemon修改package.json"scripts": { "start": "node .
2020-11-15 15:27:16
264
原创 vue+element中进行手机和pc校验，跳转页面
import Vue from 'vue'import VueRouter from 'vue-router'import new_upload from '../components/new_upload.vue'import Sal from '../components/sal.vue'import mSal from '../components/m.sal.vue'var weidth = document.body.clientWidth;if (window.innerWidth
2020-09-08 09:31:35
499
原创 前端页面在进行长连接时websocket的写法
window.CHAT = { socket: null, init: function() { if (window.WebSocket) { CHAT.socket = new WebSocket("websocket地址"); CHAT.socket.onopen = function() {
2020-09-06 14:49:59
789
1
原创 一个管理仓库存放地址的小系统（练手的）
数据库是mongoDB，前端是vue+element-ui，后端由node编写，只接收get请求能够进行增删改查操作，能搜索物品，无注释，下面附赠源码https://cloud.189.cn/t/vQFz63j63yI3
2020-07-20 10:19:46
135
原创 将自己写的页面变成浏览器的首页
首先看一下效果图第一步：先把页面写好第二步：安装node第三步：创建上面的文件夹fwq先初始化：按住shift，在文件夹空白出按右键，打开powershell终端窗口输入npm init生成一个pakeage.json文件然后输入npm install express 下载express框架同时会产生node_modules和package-lock.json文件然后创建app.js文件，内容如下const express = require('express')const app
2020-07-07 19:54:02
602
原创 Wallpaper Engine：一个能将动态网页作为桌面背景炫酷软件
上图是我现在的桌面背景，当然：它可以动具体方法：下载Wallpaper Engine写出一个炫酷的网页导入你写的网页然后你的桌面就变得炫酷了
2020-06-06 14:54:18
4072
原创 SyntaxError: Unexpected token,expected 错误
这种报错SyntaxError: Unexpected token,expected “,”几乎就是你少写了点东西，然后导致语法错误 const confirmResult = await this.$confirm('此操作将永久删除该用户, 是否继续?', '提示', { confirmButtonText: '确定', cancelButtonText: '取消', type: 'warning' }.catch( err => { re.
2020-05-24 09:09:38
18338
原创 正则表达式
正则表达式：是用于匹配字符串中字符组合的模式。在JavaScript中，正则表达式也是对象用途：通常被用来检索，替换那些符合某个模式的文本，例如表单验证。它也可以过滤掉页面中的一些敏感词，或从字符串中获取特定的部分创建正则表达式：// 利用RegExp对象创建var regexp = new RegExp(/123/);// 利用字面量创建var rg = /123/;测试正...
2020-05-02 09:47:25
150
原创 VMware14安装Windows7系统
为了安装这个虚拟机，耗费了20多G的流量。。。。。。一言难尽啊首先，附赠镜像文件的链接链接：https://pan.baidu.com/s/1Me19YZbbG9nM3t4Bg_zNxQ提取码：i2l5虚拟机的安装方式：推荐一个微信公众号：软件安装管家然后搜索VMware，就会出现安装教程了下面是安装步骤一直下一步，到这里时安装来源选择第二种：iso文件在上方的网盘链接里随...
2020-04-22 22:09:37
493
1
原创 随机数写的一个小玩意
目的今天班里要出一个活动，但是没人参加，所以就用抽签参加，所以做了一个这个小玩意给他们选人效果<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,...
2020-04-02 17:19:23
99
原创 jQuery事件(笔记)
单个事件注册事件基本和原生一致<div style="width: 100px; height: 100px; background-color: aqua;"></div><script> $("div").click(function() { $(this).css("background", "pink"); })&...
2020-03-20 18:49:47
118
原创 BOM(笔记)
window对象是浏览器的顶级对象，它具有双重角色1、它是js访问浏览器窗口的一个接口2、它是一个全局对象，定义在全局作用域中的对象、函数都会变成window对象的属性和方法window下的一个特殊属性是window.name窗口加载事件<script> // 这是页面加载事件，当文档内容完全加载完成会触发该事件 // 有了它就可以把js代码写在页面元素的上方...
2020-03-19 20:24:49
111
原创 jQuery(笔记)
jQueryjQuery是一个JavaScript库，里面是大量的函数方法，可以帮助我们进行快速的操作DOM优点轻量级，文件才几十kb，不会影响基本兼容主流浏览器有插件免费，开源使用jQuery需要引入下边的文件<script src="js/jQuery.min.js"></script>jQuery的入口函数 <div style="w...
2020-03-18 16:34:39
92
原创 移动端事件、存储(笔记)
触屏事件touchstart 手指触摸到DOM元素时触发touchmove 手指在DOM元素上滑动时触发touchend 手指从一个DOM元素上移开触发<div style="width: 100px; height: 100px; background-color: blueviolet;"></div><script> var div...
2020-03-17 19:11:58
152
原创 DOM笔记(三)事件注册、解绑、事件流、事件对象、鼠标事件、offset偏移、定时器
注册事件给元素添加事件，称为注册事件或绑定事件有两种注册事件的方式：传统方式和方法监听注册方式传统方式利用on开头的事件onclick，同一个元素同一个事件只能设置一个处理函数，最后注册的处理函数会吧前面的覆盖<button onclick="alert('点击了')"></button><button onclick="alert('点击了')">...
2020-03-15 15:28:18
186
1
原创 DOM笔记(二)：排他思想，自定义属性、节点操作
排他思想如果有同一组元素，我们想要某一个元素实现某一种样式，需要用到循环的排他思想1、清除所有元素样式2、给当前元素设置样式
2020-03-15 10:31:12
221
原创 DOM笔记(一)：获取元素、事件、改变元素内容
DOM全名文档对象模型，是W3C组织推荐的处理可扩展标记语言的标准编程接口，通过DOM可以改变网页的内容，结构和样式文档：一个页面就是一个文档，DOM中使用document表示元素：页面的所有标签都是元素，DOM中用element表示节点：网页中的所有内容都是节点，DOM用node表示获取元素的方式根据ID获取根据标签名获取通过H5新增方法获取特殊元素获取根据ID获取<b...
2020-03-14 16:30:32
343
原创 JavaScript添加删除数组、翻转数组、数组的排序、字符串
添加删除数组push(参数…) 末尾添加一个或多个元素 并返回新的长度pop() 删除数组最后一个元素，数组长度减1，没有参数 它返回的是删除的元素unshift(参数…) 向数组的开头添加一个或多个元素 并返回新的长度shift() 删除数组第一个元素，数组长度减1，没有参数 它返回的是是删除的元素<script> var arr = [1, 2, 4];...
2020-03-14 10:18:09
99
原创 JavaScript作用域、对象、Math、Date(笔记)
JavaScript作用域就是代码名字(变量)在某个范围内起作用和效果，目的是为了提高程序的可靠性，更重要的是减少命名冲突作用域又分为全局作用域和局部作用域全局变量只有在浏览器关闭的时候才会销毁，比较占内存局部变量在执行完程序后就会销毁，比较节约内存 <script> // 这里是全局作用域 // 全局作用域下的变量在全局下都可以使用 ...
2020-03-13 19:59:16
167
原创 JavaScript函数(笔记)
函数在JS里，可能会定义许多相同的代码，这些代码可能要多次重复使用，此时就需要封装成函数函数 : 就是封装了一段可被重复调用执行的代码块，通过此代码块就实现代码的重复使用<script> function getSum(num1, num2) { var sum = 0; for (var i = num1; i <= num2; i...
2020-03-12 19:36:12
132
原创 JavaScript变量(笔记)
JavaScript的作用表单动态检验（密码强度检测）（这是js产生的最初目的）网页特效服务端开发（Node.js）桌面程序（Electorn）App（Cordova）控制硬件-物联网（Ruff）游侠开发（cocos2d-js）HTML/CSS/JS的关系HTML相当于人的身体，决定网页结构和内容CSS想当于给人穿衣服，决定网页呈现给用户的模样JS脚本语言相当于人的各种动作，...
2020-03-11 19:39:24
190
原创 移动端页面开发的四种方式笔记(三)
响应式开发原理：使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同的设备超小屏幕(手机) <768px小屏设备(平板) >=768px~<992px中等屏幕(桌面显示器) >=992px~<1200px宽屏设备(大桌面显示器) >=1200px响应式布局容器响应式需要一个父集作为布局容器，来配合子集元素来实现变化效果。原理就是在不...
2020-03-11 14:25:02
571
原创 移动端页面开发的四种方式笔记(二)
rem+媒体查询rem是一个相对单位，类似于em，em是父元素字体大小，而rem是相对于html元素的字体大小。比如HTML的字体设置为12px，那么2rem就代表了24px。媒体查询它是CSS3的新语法使用@media查询，可以针对不同的媒体类型设置不同的样式，当重置页面的大小时，页面会根据浏览器的宽度和高度重新渲染页面。@media mediatype and|not|only (m...
2020-03-08 16:36:16
324
原创 移动端页面开发的四种方式笔记（一）
移动端页面开发需要掌握的视口：浏览器显示页面的屏幕区域。视口可以分为布局视口、视觉视口和理想视口布局视口(layout viewport)这个视口的分辨率一般设置为980px，所以PC端页面大多都能在手机上显示，不过看上去很小，一般可以手工缩放网页视觉视口(visual viewport)指的是用户正在看到的网站区域。用户可以缩放去操作视觉视口，但不会影响到布局视口。理想视口(ide...
2020-03-06 16:55:20
943
1
原创 HTML5+CSS3笔记
HTML5新增标签这种语义化标签主要针对搜索引擎这些标签可以在页面使用多次IE9中要把这些元素转换成块级元素<header></header>//头部<nav></nav>//导航<article></article>//内容<section></section>//块级<asid...
2020-03-02 14:30:14
108
原创 CSS笔记
样式表行内样式表：<h1 style="color:pink; font-size:18px">style样式</h1><input type="text" value="请输入昵称" name="name" style="color:gray;"/>内部样式表：在head中写<style type="text/css"> h1{ ...
2020-03-01 16:23:30
84
原创 HTML笔记
HTML的骨架<html><head><title> </title></head><body></body></html>HTML元素标签分类单标签：例如<br/>双标签：例如<body> </body>HTML标签关系嵌套关系&l...
2020-03-01 14:32:24
216
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人