- 博客(46)
- 收藏
- 关注
RSS订阅原创 Electron训练笔记
终端乱码解决办法：更改编号下载卡住解决办法：Electron RequestError: connect ETIMEDOUT 20.205.243.166:443electron本质是一个依赖库，改依赖库提供了部分对象，可以实现对于window的调用。electron有一个主进程，多个渲染进程，一个预处理模块。主进程是程序起点，负责执行预处理模块，启动渲染进程预处理模块可以用于环境校验，提供全局变量等，可以阻塞主进程。渲染进程就是网页进程。进程之前相互隔离，通过ipc进行进程间通信ipc的
2023-12-20 10:08:35
304
原创 Webpack详解
配置错误：Webpack的配置文件可能出现了错误，比如路径配置错误、loader使用错误等等。模块依赖问题：某些模块依赖可能与Webpack的打包方式不兼容，导致打包路径出现问题。插件问题：部分Webpack插件可能会影响路径的生成，比如将文件打包到错误的路径下。以上是一些可能导致Webpack打包路径奇怪的原因，需要根据具体情况进行排查。缓存问题：Webpack缓存可能会导致路径生成错误，尝试清除缓存并重新打包。文件名问题：文件名包含特殊字符、空格等可能会导致路径生成错误。
2023-03-22 08:50:36
114
原创 前端小知识点总结
typeof与instanceoftypeof返回string、Boolean、number、function、object、undefined6种注意null类型返回objectinstanceof意为实例，及返回对象的构造函数。懒加载和预加载区别懒加载：使用到的时候在加载预加载：提前加载所以懒加载是减少前端压力，预加载增加前端压力，但优化用户体验。懒加载：一开始为空，不请求资源，但是占位当图片等进入视图后从其他属性里取src，开始请求。通过选择器循环添加监听器预加载：原理是利用缓存，当
2021-11-18 16:14:48
622
原创 react学习（笔记）
react特性声明式： jsx 与html标签相似，是mvc层的v层基于组件：应用广泛：web, vr ,安卓，苹果react使用两个库react：基础核心，创建元素，组件功能react-dom：提供Dom库（适用于web开发）react脚手架作用：配置环境（打包环境，编译测试等）导入一些必要的库如：react/react-dom命令：npx creat react-app 项目名npx的好处是可以避免全局安装脚手架等，直接调用react生成元素的两种方式react.cre
2021-11-04 16:00:57
121
原创 react,vue的render，mount原理与工作流程
render的对象是虚拟dom。虚拟dom与真实dom相对。但是虚拟dom是有js对象生成的结构，在内存中比较快，真实dom由浏览器绘制好了，更慢。所以虚拟dom是由js创建的对象结构，可参考reactdom.createElement函数，当然由于过于复杂而抽象，所以使用了jsx，template也应该是一种jsx吧。jsx是JavaScript扩展语法，也就是说，浏览器本身不识别，但是由于我们日常使用的环境都加载了Babel（噪音），可以吧es6，ts，jsx转换成es5，所以可以放心使用。js
2021-11-02 11:44:52
466
原创 js高级教程（笔记）
“use strict”;严格模式体现方方面面，如不可删除已定义的变量必须先定义后使用无函数提升函数的this指针问题（windows=>undefined）自调用函数的this指针问题（windows=>undefined）构造函数无法直接·使用，必须new不得在某些{}里写函数声明函数不得有同名参数等等可拆开看主要原因后，分以下类型：函数不得有同名参数（特殊校验）原有的windows属性被改为undefined取消函数和变量提升,{}判断的不合适改变函数
2021-11-01 15:00:33
153
原创 vscode无法保存用户设置
配置文件出错，打开提示的配置文件我的json文件可能在配置其他插件时错误了例："git.path": "C:\Program Files\Git\cmd\git.exe",应该改为"git.path": "C:\\Program Files\\Git\\cmd\\git.exe",
2021-08-31 10:14:26
1352
转载 一篇markdown样例
h1 标题h2 标题h3 标题h4 标题h5 标题h6 标题水平线下划线中划线文本样式This is bold textThis is bold textThis is italic textThis is italic textStrikethrough列表无序Create a list by starting a line with +, -, or *Sub-lists are made by indenting 2 spaces:Marker char
2021-08-19 18:17:22
134
原创 常用正则表达式
export const rule = { mobilePhone: /^1[3456789]\d{9}$/,// 手机号 mobileOrLandline: /^((0\d{2,4}-\d{7,8})|(1[3456789]\d{9}))$/, verificationCode: /^\d{6}$/, // 验证码 mailBox: /^([a-zA-Z0-9]+[_|\_|\.]?)*[a-zA-Z0-9]+@([a-zA-Z0-9]+[_|\-|\_|\.]?)*[a-
2021-08-19 18:03:23
134
原创 JavaScript学习（new1）
js是很难的语言，易学难精，只能多次学习。简介：简介很重要，是只是的骨架。JavaScript是一种可变类型语言，相比于java等语言，在类型转化上有优势，但是在编译和阅读上又会造成困难。对于变量的使用，我总结了一下几种js的特性js有变量提升，所有声明会被提升到函数的最顶部。重点是两个，声明而不是初始化。函数顶部而不是文档顶部。对于初始化的不提升，结果，当然是显示unfinde啦还有，严格模式不让变量提升。js之前有说过，是可变类型语言啦。所以，简单的声明 var a，a的类型是任意。
2021-05-12 16:12:32
105
原创 技术栈介绍
html 超文本标记语言html5 2014年制定的HTML升级版新特性：绘画的canvas元素用于介质回放的video和audio元素本地离线储存的支持。新的特殊内容元素新的表单控件本地sql数据？web应用？完全支持css3css层叠样式表实现内容与表现分离css3css升级版，完全兼容css，仍在开发中将css拆成模块重要模块：选择器盒子模型背景和边框文字特效2d3d转换动画多列布局用户界面Bootstrap3最受欢迎的前端框架，是基于HTML，cs
2021-05-08 11:01:21
374
原创 git 操作gitee上传的常用命令
第一点gitee和github有啥区别。概括来说，就是github国外服务器，gitee国内服务器，所以gitee更加稳定，快速。其余都相同。第二点，如何使用git对gitee进行上传。首先是，只需要执行一次的内容。打开gitbash设置你的姓名，和邮箱。语法是$ git config --global user.name "姓名"$ git config --global user.email "邮箱"接着设置上传仓库地址$ git remote add origin 地址如此
2021-04-08 11:46:51
167
原创 app.vue
app.vue第一种理解方法没有HTML有css全局样式有javascipt第二种理解方法有生命周期（支持 onLaunch、onShow、onHide 等应用生命周期函数）有globalData，这是一种简单的全局变量机制有全局样式（和css导入）main.jsmain.js是uni-app的入口文件，主要作用是初始化vue实例、定义全局组件、使用需要的插件如vuex。首先引入了Vue库和App.vue，创建了一个vue实例，并且挂载vue实例。使用Vue.use引用插件，使
2021-04-06 14:33:41
785
原创 uni-app（困难点）
以下为不常用的json，我也不太懂，写下来，自己看，等我懂了再改明白点。不喜勿喷，欢迎解答manifest.json 文件是应用的配置文件，用于指定应用的名称、图标、权限等。HBuilderX 创建的工程此文件在根目录，CLI 创建的工程此文件在 src 目录package.json文件中增加uni-app扩展节点，可实现自定义条件编译平台（如钉钉小程序、微信服务号等平台）。（我也不懂，反正没用过）package-lock.json作用是锁定安装时的包的版本号，并且需要上传到git，以保证其他人在
2021-04-06 14:19:47
679
原创 uni-app之page.json
page.json必有属性只有一个page，其余都是非必要属性。page属性有两大部分path和stylepath必有，是从项目根目录开始的路径（没有vue文件后缀）style必有，但是可以为空，是描述对应页面的样式的属性。"pages": [ { "path": "pages/index/index", "style": { ... } }, { "path": "pages/login/lo
2021-04-06 13:49:36
2318
原创 JavaScript学习6（Bom）
BOMBom是浏览器对象模型，是独立于内容而与浏览器交互的。Bom存在较多版本兼容问题。因此主要介绍兼容性较好的部分。并且Bom大于Dom他们的关系如下所以，对与一些函数，如document.querySelector();可写成window.document.querySelector();等等定义的函数，会变成window的方法；全局变量也会编程window的属性；window的常见事件窗口加载事件：<!DOCTYPE html><html lang="e
2021-03-10 15:15:15
67
原创 JavaScript学习5（DOM之事件）
事件绑定或者事件注册，是给对象添加事件，有两大类方式<!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=
2021-03-10 14:14:09
78
原创 JavaScript学习4（DOM之节点）
查找定位元素有两大方式：通过Dao提供的库函数，和节点两种方法。其中在上篇博客中，我们介绍了Dao函数。接下来我们介绍节点。在HTMLDOM树中认为一切都是节点，包括元素，属性，文本，注释等。节点至少拥有三个基本属性，nodeType，nodeName，nodeValue;元素节点nodeType为1属性节点nodeType为2文本节点nodeType为3定位节点DOM树把节点划分为父子兄弟关系父节点(最近的父节点orNULL)语法：父节点=子节点.parentNode子节点
2021-03-09 00:07:05
76
原创 JavaScript学习3（DOM）
数据类型js里的数据类型分两大类，简单数据类型和复杂数据类型。复杂数据类型一般指定义的类简单数据类型包括数字，字符串，布尔数字
2021-03-08 19:15:36
83
1
原创 JavaScript学习2（ECMAScript）
JavaScript变量本质：变量式程序在内存中申请的一块存放数据的空间变量的使用：声明变量语法： var 变量名；var是js的关键字，用来声明变量variable，计算机自动分配内存赋值变量语法： 变量名=变量值；把右面的值赋给左面。变量的初始化声明并赋值语法：var 变量名=变量值；代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-
2021-03-03 22:43:32
95
1
原创 JavaScript学习1（概述）
JavaScript概述：JavaScript简称js是一种运行在客户端的脚本语言。js的作用：表单动态验证（最初目的）网页特效服务器开发（Node.js）桌面程序（Electron）App物联网游戏开发（coco2d-js）JS组成ECMAScript：JS语法核心DOM：页面文档对象模型BOM：浏览器对象模型JS三种写法行内 <input type="button" value="单机" onclick="alert('行内')">内嵌
2021-03-03 15:33:44
104
1
原创 python学习10（字典）
字典概念字典也是一个可变序列（可以增删改)列表不同的是，他是无序序列。以键值对的方式储存数据原理是hash函数计算key决定储存位置定义方式{}定义dict（）函数定义#{}定义dict1={'name':'lili','age':20}print(dict1)#dict()函数dict2=dict(name="hkas",age=10)print(dict2)结果展示常用操作获取get（）不存在时，报none【】不存在时，报错print(dict1['n
2021-03-01 14:40:58
49
原创 python学习9（列表的操作）
列表的操作index（）函数：获取指定元素的索引语法：列表名.index(对象)print(a.index('l'))在列表含有相同元素时，只显示第一个元素的下标索引查询元素不存在，抛出valueerror错误可以在在指定的star和stop中使用（不包括stop）print(a.index('l',0,2))列表【】：获取指定单个元素正向索：引列表名【数字】负向索：引列表名【-数字】切片：获取指定多个元素是原有列表的拷贝，一个新的列表。语法：列表名【start，st
2021-03-01 12:17:39
475
原创 python学习8（列表）
列表列表与变量的关系：变量只能有一个元素，列表有多个元素。相当于其他语言中的数组。列表也有id，type 和值三个属性。lst=['hello',85,55]print(id(lst))print(type(lst))print(lst)结果展示：列表定义方式：【】方括号list（）lst=['hello',85,55]print(lst)a=list('hello')print(a)结果展示：列表的特性：列表元素按顺序有序排序下标映射唯一一个元素可以
2021-02-28 20:01:50
87
1
原创 python学习7（三种逻辑结构）
逻辑结构逻辑结构由三种基本结构组成顺序结构判断结构循环结构顺序结构：含义：程序代码从上至下顺序执行。代码示例：print(1)print(2)print(3)print(4)print(5)结果示例：判断结构：含义：符合情况a则作事件1；不符合情况a，则作事件2判断语句单分支语句双分支结构多分支结构条件表达式代码示例：money=int(input('输入你的存款'))#单分支结构if money<=0: print("你没钱")#
2021-02-28 19:03:41
809
1
原创 python学习6（运算符）
常用运算符：+加-减*乘/除//整除%取余**幂运算注：整除运算（向下取整,而非绝对值向下取整）因此 9/-4=-2.259//-4=-3代码示例：print(3+3)#加法运算print(3-3)#减法运算print(3*3)#乘法运算print(5/3)#除法运算print(5//3)#整除运算（向下取整）print(5%3)#取余运算print(3**3)#幂运算运算结果：...
2021-02-09 13:55:42
160
1
原创 python学习5（input函数）
input函数使用：变量=input（“提示”）input可以从键盘输入值，值的类型是str；高级应用：可以对变量进行转化代码示例：myname=input("提示语：我名字")yourname=input("提示语：你名字")print(myname+"和"+yourname)myage=input("提示语：我年龄")yourage=input("提示语：你年龄")print(myage+"和"+yourage)print(int(myage)+int(yourage))
2021-02-09 13:39:09
285
1
原创 python学习4（变量的类型转换）
变量的类型转换作用：将不同类型的数据拼接在一起。例：str与int无法通过+（连接符）连接，需要将int转换成str转换类型的函数：str（其他类型）转化为字符串‘其他类型’转化为字符串int(非文字类和小数类字符串)转化为整数小数部分抹零float(非文字类字符串)转化为小数小数部分填零布尔类型自动转化为整型v=123print('字符串'+str(v))v='123'print(1+int(v))v='1.2'print(1+float(v))...
2021-02-07 12:04:40
66
原创 python学习3（变量的定义与使用）
变量的定义与使用变量的四种属性：变量名：name变量标识：id变量类型：type变量值定义变量的语法：变量名=变量值变量属性的使用：变量标识：id(变量)变量类型：type(变量)变量值：变量name='玛丽亚'print(id(name))print(type(name))print(name)变量名使用法则：字母数字下划线组成区分大小写不能是保留词只能以数字开头变量标识：系统自动提供变量类型：常用数字类型：整数类型：int浮点类型：
2021-02-07 11:44:13
93
1
原创 python学习2（转义符的学习）
转义符python中有些符号有特殊作用。换行符：\n制表符：\t重写：\r回退：\b#默认print('hello world')#插入换行符print('hello\nworld')#插入制表符print('hello\tworld')#插入重写print('hello\rworld')#插入回退print('hello\bworld')‘ 和 “ 还有 / 的正常使用，需要再加一个/在前面#特殊符号的显示+\print('\\','\"')如果想让这些转义字符字
2021-02-05 10:21:45
104
原创 python学习1（print函数）
print函数语法：print（内容）内容种类：数字或运算表达式（输出结果）用单引号或者双引号包含的字符串（意为不需要解释，直接输出）输出地址（默认是显示器）也可以为自定义目标，如（ file=目标文件对象）。注意：每个print代表一行输出.多个内容可用，隔开，形成一个新的内容。代码示例：print(520)#直接输出数字print(520+1)#直接输出表达式print("520张")#直接输出字符串print(520,521,"520张")#一行输出多个内容
2021-02-05 09:33:48
206
1
原创 前端网页学习12（设计优秀网页的三种布局方式）
网页布局三种方式：标准流浮动定位标准流：行内元素可以一行多个。块级元素独占一行。即每个元素都有自己的格式。常用于从上到下布局。浮动：定义：元素脱离原有的位置，处于更高的一个层次。语法选择器{float：属性值}none（默认）left。right特点：1. 脱标：脱离标准位置，即原有位置会被未浮动的格子占据。2. 并列：多个盒子都设置了浮动，且顶端对齐，在同一行排列，直至到达容器改行边缘。3. 行内块元素特性：任何元素都可以浮动，浮动后的元素具有行内块元素特性。
2021-02-04 15:13:55
1066
原创 前端网页学习11（css盒子阴影和文字阴影）
盒子阴影：注意事项：1. 默认为outset，但不写，否则会使阴影无效2. 盒子阴影不占空间，不影响网页布局代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>盒子
2021-02-02 10:16:23
166
原创 前端网页学习10（css盒子圆角边框）
css盒子圆角边框设置方法：css3提供语句border-radius: 25px/50%;可以是具体参数或者百分比。特殊应用：圆形盒子：a.盒子的长宽相同b.border-radius是盒子的宽度一半椭圆盒子border-radius是盒子的宽度一半代码显示：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta na
2021-02-02 09:42:58
457
原创 前端网页学习9（css盒子）
盒子四大部分：border：边框padding：内边距margin：外边距content：内容盒子的长宽实际与内容的长宽相同。border：边框三大属性：边框颜色，边框线型，边框粗细四个边可分开设置。边框定义可以简写，且三大属性无顺序要求。padding：内边距四个边可分开设置。可共同设置意义如下padding: 10px;四个内边距都是10pxpadding: 10px 15px;四个内边距 代表上下，左右padding: 10px 15px 20px ;四个内边
2021-02-01 12:40:35
530
原创 前端网页学习8（css三大特性：层叠性，继承性，优先级）
css三大特性：层叠性，继承性，优先级。层叠性（覆盖性）：相同选择器的相同属性的不同值会发生冲突，此时采取就近原则。相同选择器的不同属性不会发生冲突。代码示例：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"
2021-02-01 10:33:58
88
原创 前端网页学习7（css背景属性）
前端网页学习7（背景属性）背景属性：背景颜色background-color:透明的/颜色.（默认透明）背景图片相比于插入图片更容易控制位置background-image: none/url();（默认无）背景平铺background-repeat: repeat/no-repeat/repeat-x/repeat-y(默认平铺)平铺/不平铺/水平平铺/竖直平铺背景位置background-position: x y;xy可使用方位名词或精确位置。1方位名词（与xy顺序无关）：
2021-01-31 16:15:43
63
原创 前端网页学习6（css单行文字垂直居中）
css不提供单行文字垂直居中功能但是可以用小技巧使它垂直居中。让高度和文字行号相同。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title>
2021-01-31 14:55:00
81
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人