- 博客(39)
- 收藏
- 关注
RSS订阅原创 解决Uncaught TypeError: Cannot read properties of null错误
当在编写JavaScript代码时，经常会遇到Uncaught TypeError: Cannot read properties of null错误。本文将介绍这个错误的原因、常见的解决方法以及如何避免它的发生。
2024-05-31 17:40:50
2499
原创 当网络断开时，如果 Vuex store 被重置，mapMutations 映射将不存在
使用了 created 和 destroyed 生命周期钩子来添加和删除一个事件监听器。当网络断开时，事件监听器会触发 registerMutations 方法，该方法会重新注册 mutations，并重新映射它们。这样就可以更新 Vuex store 了。
2023-03-28 14:53:14
240
原创 我的创作纪念日
干不了的想办法，罗列好自己尝试过的办法，找一些小伙伴问问；我想的太理想了，甚至想偏了，哎。我所在的公司，自研公司，啥都干，所以前端的每种都自己从头到尾写，管理系统，pc桌软、小程序，pc端网页等等。至于原因呢，很简单想跟谁吵架或者撂挑子的时候想一下自己目的，会舒心很多。我属于认定干什么就一直会干下去的，所以立马转换目的（提前退休，哈哈哈），所以干前端干了两年了。所以学到新的东西，就会记录，记录的东西就会有时间就重新排版布局发布文章。1、把自己学到的总结，一方面帮助其他人，另一方面方便自己回顾。...
2022-08-19 10:02:28
398
1
原创 [最完整的前端学习手册]——this指向和相关问题
2、通过new关键字调用的函数 this===>新创建出来的对象3、通过call，apply，bind调用函数，this--->方法的第一个参数对象4、回调函数，一般this指向window，箭头函数特例 5、对象内部的方法 this--->当前对象6、有箭头函数定义的方法，其内部的this永远指向函数在定义时this关键字的指向单位，与该函数的调用对象无关。 二、this丢失1、函数嵌套调用，回调函数会导致this指向丢失解决：将this
2022-08-17 14:37:47
165
原创 [最完整的前端学习手册]——面向对象
注：json字符串和普通对象的区别：json字符串会直接忽略function(本质函数，有new关键字介入改变this指向)console.log("猫")}}js的对象都是由原型对象拷贝而来，原型对象也由自己的原型拷贝而来，这样就形成一条拷贝链，将这条拷贝链称为原型链当一个对象，去调用某个方法，或者属性，该对象先在自己的属性和方法中找，如果没找到就在原型上找，如果原型也没有，就在原型的原型上继续寻找，找到后直接调用。......
2022-08-12 11:25:02
906
原创 [最完整的前端学习手册]——ES6语法
5、有this关键字的不能被解构，会出现指向丢失（当解构的对象方法内部有this关键字参与，该方法不能进行解构，如果强行进行解构，在赋值后，调用时，会导致内部的this指向window）。可以按照数组，对象的形式进行解构赋值操作； rest参数，形式为“...变量名”，用于获取函数的多余参数，可以用rest参数取代arguments对象的使用。let定义的变量，只能在块作用域里访问，不能跨块访问，也不能跨函数访问。1. var定义的变量，**没有块的概念，可以跨块访问**, 不能跨函数访问。......
2022-08-12 10:22:13
4174
2
原创 canvas——鼠标移动附近的小球连线
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="http://code.jquery.com/jquery-1.12.4.js"></script> <style type="text/css"> body { background-color: #f.
2022-03-02 15:09:24
310
原创 面向对象--封装弹出层
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <style type="text/css"> .wrap{ width: 300px; bo.
2022-03-02 14:56:14
210
原创 面向对象——自定义小球碰壁反弹
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="https://code.jquery.com/jquery-1.12.4.js"></script> <style type="text/css"> .wrap{ width: 500px; he.
2022-03-02 14:51:19
248
原创 JavaScript初始小实例四
练习1、原生js生成固定宽度，随机宽、高、背景颜色及个数，并且点击最大值按钮使最大值高亮（且点击过后能改变乘初始颜色）ps：高亮这里用的是背景颜色为黄色1、原生js生成固定宽度，随机宽、高、背景颜色及个数，并且点击最大值按钮使最大值高亮（且点击过后能改变乘初始颜色）ps：高亮这里用的是背景颜色为黄色<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">.
2021-11-10 11:29:18
439
原创 JavaScript初始小实例五
练习1、点击生成按钮，生成随机宽高背景颜色的盒子，不累加2、原生JS抽奖小游戏1、点击生成按钮，生成随机宽高背景颜色的盒子，不累加<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content="".
2021-11-10 10:16:40
227
原创 JavaScript初始小实例三
练习：1、点击盒子让盒子放大缩小（原生js）2、原生JS：乘法表3、自定义宽度、高度、个数及选取颜色输出相应的盒子，并先递增再递减（输出的结果像菱形一样）1、点击盒子让盒子放大缩小（原生JS）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <
2021-11-10 10:04:54
1701
原创 JavaScript初始小实例二
练习：1、判断奇偶2、输入框输入三个数，判断最大值3、点击按钮让盒子放大相应倍数，并且方法后缩小到所点击的倍数（例：点击x4则扩大四倍，再点x2则缩小到二倍状态）1、判断奇偶<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta .
2021-11-10 09:52:22
132
原创 JavaScript初始小实例一
1、下拉框版加、减、乘、除、取余<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus®"> <meta name="Author" content=""> <meta name="Keywords" content=""> <me.
2021-11-10 09:41:09
267
原创 [最完整的前端学习手册]——JavaScript基础二：
一、数组1、数组的定义：数组对象用来在单独的变量名中存储一系列的值。注：JS中的数组中可以包含任意数据类型。2、创建数组对象：注：若括号内只填一个数，则为创建n个数组，数组元素都是undefined//创建空数组var arr1 = new Array();//创建3个元素的数组var arr2 = new Array('a','b','c');//创建10个元素的数组，但是10个元素都是undefinedvar arr3 = new Arr...
2021-11-10 09:31:14
338
原创 [最完整的前端学习手册]——JavaScript基础一：
一、JS初识1、JavaScript一种直译式脚本语言；2、组成部分；（1）ECMAScript语法和基本对象（2）文档对象模型（DOM）处理网页内容的方法和接口（3）浏览器对象模型（BOM）与浏览器进行交互的方法和接口3、JS特点（1）解释性脚本语言（2）用来向HTML页面添加交互行为，可以嵌入HTML页面，可写成单独的js文件（3）面向对象，基于原型（4...
2021-11-10 09:17:56
6538
原创 HTML基础知识（十一）——渐变
渐变:本质上是一种背景图，支持所有的背景图样式设置渐变分为两种: 线性渐变，径向渐变。一、线性渐变区域控制： (方向，color1 位置百分比01，color2 位置百分比02，…………) 渐变色的百分比，表示颜色所出现的位置，在每个颜色位置之间，进行颜色渐变融合 如果两个颜色的位置重合，将不在有渐变效果。 left,red 10%,blue 20%,yellow 50%,yellow 70%,green 100%...
2021-10-15 22:04:25
2594
原创 HTML+css实现小车行驶及掉头
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>D.
2021-10-15 21:55:31
450
原创 HTML基础知识（十）——动画帧
<!-- 动画关键帧 @keyframes 名称{ 0%{} …………………… 100%{} } @keyframes 名称{ from{} ……………… to{} } --> <!-- animation 动画控制属性 动画名称 animation-name; 动画时间...
2021-10-15 21:53:21
535
原创 HTML基础知识（九）——H5新增特性
一、background(背景)1、background,是个复合属性，包含color，image，repeat，position。2、background-size (背景图像的尺寸)background-size:lenght|percentage|contain|cover;lenght: 设置背景图像的高度和宽度，第一个值设置宽度，第二个值设置高度。percentage: 以父元素的宽高来设置背景图像的宽高，第一个值设置宽度，第二个...
2021-10-15 21:47:36
640
原创 HTML基础知识（八）——H5新增选择器
一、基础选择器1、通配符选择器[*]2、d选择器3、class选择器（类选择器）4、标签选择器（元素选择器）5、属性选择器[attribute]：用于选取带有指定属性的元素[attribute=value：用于选取带有指定元素和值的元素][attribute~=value]：用于选取属性值中包含指定词汇的元素。[attribute|=value]：用于选取带有以指定值开头的属性值的元素，该值必须是整个单词。...
2021-10-15 21:20:37
1226
原创 HTML基础知识（七）——HTML新增标签及新增规范
一、HTML5 新增的标签(一)、新的多媒体元素1、audio标签定义声音，比如音乐或其他音频流。目前支持三种文件格式：MP3，Wav，Ogg; Ogg格式在以下浏览器支持(chrome，safari，Firefox, Opera)。2、video标签定义视频，比如视频片段或其他视频流。3、source标签允许规定两个视频/音频文件让浏览器根据它对媒体类型或者解码器的支持进行选择。4、embed一个容器，用来嵌入外部应用或者互动程序（组件）, 经常被用来加载swf文件（.
2021-10-15 20:53:50
405
原创 HTML基础知识（六）——表格与表单
一、表格1、table标签table布局是通过table标签来作为父容器展现tr：表格行table标签属性：border（边框）、cellspacing（单元格距离）、cellspacing（单元格间距）2、表格标题：caption3、表头：thead4、th和tdth：一般应用在表格头部分td：作为表格主体内容部分单元格的表示。二、表单1、form标签常用属性（1）action...
2021-10-15 20:23:09
126
原创 HTML基础知识（五）——position定位
一、定位1、常见的定位布局有float布局，position布局，flex（弹性盒子）布局。position布局，定位布局。2、定位布局：定位指的是指定一个元素在网页上的位置；3、一共有5种定位方式，也就是说position属性主要有五个值：（1）static（2）relative（3）fixed（4）absolute（5）sticky （...
2021-09-15 09:01:21
13631
原创 HTML基础知识（四）——浮动
一、浮动布局（一）功能1、布局方向：（1）垂直方向（2）水平方向水平方向受限，需要设置宽度；在水平方向布局的时候出现两个问题：间隙问题（font-size：0）和行对齐问题（vertical-align）。2、浮动布局可以让水平排列变简单，浮动的初衷是用来解决文字环绕;*原来代码：需要设置display：inline-align转换类型和给父元素设置font-sise：0px，然后给子元素恢复字体大小和对...
2021-09-10 09:30:45
4302
原创 HTML基本知识（三）——常见标签、样式、rem与em及其px
一、常见标签 1、块元素中可以嵌套块元素和行元素（P标签不能嵌套块元素和行元素） 2、标题标签（h1-h6） a、自带margin8px b、一个文档只允许有一个h1标签 c、h2标签一个文档只能有三个 3、p标签: a、作用：告知搜索引擎，该标签中，放的是大段文字。内部只能放文字，不能放其他（block、inline） 4、语义化标签：与最终渲染效果无关，标签在页面上的渲染效果只与对应样式有关 ...
2021-09-09 08:47:46
366
原创 HTML基础知识（二）——文字相关、display
（一）文字相关 1、字体 (1)字体大小：font-size 浏览器默认字体大小16px 最小12px (2)字体颜色：color color：十六进制/RGB/系统提供（red等） (3)字体加粗：font-weight 取值： font-weight：100/200/300/...
2021-09-09 08:43:47
298
原创 html基本属性一：background
（一）background 1、background-imge：背景图片基本用法： （1）本地图片：background-imge:url（'图片地址'） （2）在线图片 background-imge:url（./../imge：背景图片) 2、背景平铺：background-repeat （1）b...
2021-09-03 08:42:45
11441
原创 HTML盒模型
一、margin（外边距）1、margin的作用：通过margin来移动盒子默认布局情况下，页面的元素排列是按照从左向右，从上向下2、水平方向：margin-left：将盒子自身向右推margin-right：盒子自身不动，将水平方向上的相邻盒子向右推3、垂直方向 margin-top：将盒子自身下推...
2021-08-30 16:17:21
305
原创 HTML选择器
一、标签的本质在HTML文档中通过标签，将超文本引入文档。 html的编写过程： 1、学习将设计图翻译成标签 2、学习如何通过css给标签设置样式，最终完成整个页面开发。（一）标签在html中扮演的角色1.div是标签名 2.style是指标签的属性，用来设置样式 3."="称为“赋值” 4.复制号右侧的内容，是属性的值 赋值号左侧是属性的名称 ...
2021-08-26 19:41:30
371
原创 HTML代码初始及规范
一、计算机基础(一)什么是程序1、程序（通俗）：按照一定实现编写好流程和顺序进行执行的事件 2、程序包括两个部分：编写、执行 exp：剧本和演员、菜谱和厨师、婚策和主持人 3、计算机程序：计算机文档、执行器（决定计算机文档的类型） 4、html的执行器为浏览器，c——gcc；java——jre（二）什么是HTML开发1、HTML开发就是：编写以.html结尾的文档，交给浏览器执行 ...
2021-08-26 19:29:42
299
原创 HTML初识
<!--documenttype文档语言版本类型--><!DOCTYPEhtml><!--标签--><!--html：根标签——双标签--><!--language语言en=english--><htmllang="en"><!--网页基本信息设置--><!--头部--><head><!--meta：...
2021-08-25 20:15:56
72
原创 VScode安装和初识
一、安装1、搜索：vscode2、两个任意都可以二、初识一、左侧： exporler（资源管理器） reveal in finder(mac) 在finder中预览文件 reveal in file exporler 在FileExporeler(文件处理器) search（搜索） run and debug（运行和测试） extension（扩展） manage（设置） color theme（主题颜色...
2021-08-25 20:12:05
168
原创 java方法
一、无返回值无参方法static void 方法名(){ //方法体}例：public class Demo{ public static void main(String[] args){ print(); } static void print(){ System.out.println("你好"); System.out.println("你好"); System.out.pr...
2021-08-23 21:17:23
70
原创 java小练习
1、定义一个方法，该方法能够找出两个小数中的较小值并返回。在主方法中调用方法进行测试。2、定义一个方法，该方法能够找出三个整数中的最大值并返回。在主方法中调用方法测试执行。3、数字是有绝对值的，负数的绝对值是它本身取反，非负数的绝对值是它本身。请定义一个方法，方法能够得到小数类型数字的绝对值并返回。请定义方法并测试。4、请定义一个方法，对正数的小数进行四舍五入的操作(不考虑负数情况)。四舍五入之后的结果是一个int整数类型并返回。最后对方法进行测试。public class WayA {
2021-08-23 19:47:13
1340
原创 java基础知识一
写在前面的话：1、开始学java最好先用记事本写（例如：Notepad++），因为最基础的东西还是一个字母一个字母的学习；2、一定要记基础的java知识(数据类型、运算符、修饰符等)3、加油！！！！！一、注释单行注释：“//”每次只能注释一行内容多行注释：“/* */”多行注释一次性可以注释多行代码文档注释：“/** */”用来生成帮助文档API注：1、多行注释和文档注释之间是不能互相嵌套的。 2、开始学习的时候一定要养成写注释的好习惯。二、标识符...
2021-08-19 21:29:17
95
原创 java环境配置（jdk、jre安装和环境配置）
一、.首先将‘此电脑’的快捷方式取消。步骤：右键选择“个性化”——在选择“主题”——桌面图标设置——点击“计算机”（打对√）点确定二、.安装jdk和jre2.1 、jdk采用“傻瓜”安装法：一直点“下一步”。注：jdk和jre安装不要更改安装地址，默认就好。2.2、 jre最好直接跟jdk一起安装（在jdk安装完会有一段jre的加载，加载完点确定和下一步就好）注：jdk和jre安装不要更改安装地址，默认就好。jdk和jre安装步骤end。三、 ja...
2021-08-18 20:31:32
4644
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人