前端
橘子爱吃香菜
这个作者很懒,什么都没留下…
展开
-
electron打包后起打开是白屏
首先:ctrl+shft+i调出程序控制台,看报错。原创 2023-03-30 13:33:36 · 1997 阅读 · 0 评论 -
当网络断开时,如果 Vuex store 被重置,mapMutations 映射将不存在
使用了 created 和 destroyed 生命周期钩子来添加和删除一个事件监听器。当网络断开时,事件监听器会触发 registerMutations 方法,该方法会重新注册 mutations,并重新映射它们。这样就可以更新 Vuex store 了。原创 2023-03-28 14:53:14 · 233 阅读 · 0 评论 -
我的创作纪念日
干不了的想办法,罗列好自己尝试过的办法,找一些小伙伴问问;我想的太理想了,甚至想偏了,哎。我所在的公司,自研公司,啥都干,所以前端的每种都自己从头到尾写,管理系统,pc桌软、小程序,pc端网页等等。至于原因呢,很简单想跟谁吵架或者撂挑子的时候想一下自己目的,会舒心很多。我属于认定干什么就一直会干下去的,所以立马转换目的(提前退休,哈哈哈),所以干前端干了两年了。所以学到新的东西,就会记录,记录的东西就会有时间就重新排版布局发布文章。1、把自己学到的总结,一方面帮助其他人,另一方面方便自己回顾。...原创 2022-08-19 10:02:28 · 393 阅读 · 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 · 159 阅读 · 0 评论 -
[最完整的前端学习手册]——面向对象
注:json字符串和普通对象的区别:json字符串会直接忽略function(本质函数,有new关键字介入改变this指向)console.log("猫")}}js的对象都是由原型对象拷贝而来,原型对象也由自己的原型拷贝而来,这样就形成一条拷贝链,将这条拷贝链称为原型链当一个对象,去调用某个方法,或者属性,该对象先在自己的属性和方法中找,如果没找到就在原型上找,如果原型也没有,就在原型的原型上继续寻找,找到后直接调用。......原创 2022-08-12 11:25:02 · 866 阅读 · 0 评论 -
[最完整的前端学习手册]——ES6语法
5、有this关键字的不能被解构,会出现指向丢失(当解构的对象方法内部有this关键字参与,该方法不能进行解构,如果强行进行解构,在赋值后,调用时,会导致内部的this指向window)。可以按照数组,对象的形式进行解构赋值操作; rest参数,形式为“...变量名”,用于获取函数的多余参数,可以用rest参数取代arguments对象的使用。let定义的变量,只能在块作用域里访问,不能跨块访问,也不能跨函数访问。1. var定义的变量,**没有块的概念,可以跨块访问**, 不能跨函数访问。......原创 2022-08-12 10:22:13 · 4050 阅读 · 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 · 302 阅读 · 0 评论 -
面向对象--封装弹出层
<!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 · 203 阅读 · 0 评论 -
面向对象——自定义小球碰壁反弹
<!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 · 244 阅读 · 0 评论 -
JavaScript初始小实例四
练习1、原生js生成固定宽度,随机宽、高、背景颜色及个数,并且点击最大值按钮使最大值高亮(且点击过后能改变乘初始颜色)ps:高亮这里用的是背景颜色为黄色1、原生js生成固定宽度,随机宽、高、背景颜色及个数,并且点击最大值按钮使最大值高亮(且点击过后能改变乘初始颜色)ps:高亮这里用的是背景颜色为黄色<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8">.原创 2021-11-10 11:29:18 · 436 阅读 · 0 评论 -
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 · 222 阅读 · 0 评论 -
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 · 1673 阅读 · 0 评论 -
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 · 129 阅读 · 0 评论 -
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 · 263 阅读 · 0 评论 -
[最完整的前端学习手册]——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 · 336 阅读 · 0 评论 -
[最完整的前端学习手册]——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 · 6524 阅读 · 0 评论