- 博客(49)
- 收藏
- 关注
RSS订阅原创 大文件上传
分片上传解决的问题上传时间比较久中间一旦出错就需要重新上传一般服务端会对文件的大小进行限制秒传原理分片上传的原理就像是把一个大的视频文件切成多个小视频片段。每个小块大小相同，比如每块大小为2MB（最好不要大于5MB）。然后，逐个上传这些小块到服务器。上传的时候，可以同时上传多个小块，也可以一个一个地上传。上传每个小块后，服务器会保存这些小块，并记录它们的顺序和位置信息。所有小块上传完成后，服务器会把这些小块按照正确的顺序拼接起来，还原成完整的大文件。
2024-01-16 22:48:05
1012
原创 uniapp开发（由浅到深）
自己输入的密钥库口令 是后面在hbuilder上要填的 证书私钥密码 (比如123456)：if not defined 除了某平台均存在。是后面在hbuilder上要填的 证书别名。是后面在hbuilder上要填的 证书文件。：if defined 仅在某平台存在。：cnpm 安装会出现包配置错误。文档参考与bug处理。
2023-08-12 23:00:35
679
1
原创 微信小程序（由浅到深）
组件的插槽也是为了让我们封装的组件更加具有扩展性。格式：<元素 bind事件名= “回调”>文件来对本页面的窗口表现进行配置。组件内的样式 对 外部样式 的影响。同时每一个小程序页面也可以使用。外部样式 对 组件内样式 的影响。或者在pages中直接指定。如何让class可以相互影响。catch来绑定事件。
2023-08-10 00:20:16
1021
原创 webpack性能优化
当直接引入第三方库时，并不会对第三方进行分包，因此就需要splitChunksplitChunk可以自定义分包，它底层是使用来实现的：该插件webpack已经默认安装和集成， 只需要提供SplitChunksPlugin相关的配置信息即可；Webpack提供了SplitChunksPlugin默认的配置，同时也可以手动来修改它的配置：比如默认配置中，chunks仅仅针对于异步（async）请求，我们也可以设置为all；
2023-08-06 19:22:27
890
原创 模块化原理:source-map
不使用source-map，也就是没有任何和source-map相关的内容。eval其实就相当于一个函数，用于还原源文件代码，但是还原的代码不是太准确。当引用或者不引用别的模块代码时，具体的错误信息也是查找不到的。因为下面的代码是经过丑化的。eval：development模式下的默认值，也不会生成。在webpack.config.js 中配置。或默认值 ，会发现打包的代码是下面的代码。，会发现打包的代码是下面的代码。，不生成source-map。，不生成source-map。但是把mode设置为。
2023-08-04 22:49:37
444
原创 cookie与jwt解析
session 会在一定时间内保存在服务器上。访问增多会占用服务器的性能，若要减轻服务器性能问题，应使用 cookie。单个 cookie 保存的数据不能超过 4K，很多浏览器都限制一个站点最多保存 20 个 cookie。对于浏览器外的其他客户端（比如iOS、Android），必须手动的设置cookie和session；)，并且是以key：value的形式进行表示的。cookie 数据存放在客户端浏览器上，session 数据放在服务器上。cookie 不是很安全，是明文传递的，所以存在安全性的问题；
2023-07-26 00:28:08
422
原创 node中基本模块
返回一个iterator，允许遍历该对象中包含的所有键/值对。安装 npm i nodemon -g // 代码更新服务器自动重启。设置一个搜索参数的新值，如果原来有多个值将删除其他所有的值。Node中大部分的模块，都继承自 Events 模块。返回搜索参数组成的字符串，可直接使用在URL上。从搜索参数列表里删除指定的搜索参数及其对应的值。查询指定键名是否存在 返回一个Boolean值。获取指定搜索参数的所有值，返回是一个数组。插入一个指定的键/值对作为新的搜索参数。获取指定搜索参数的第一个值。
2023-07-21 00:08:38
200
16
原创 TS（由浅到深）
TS是JavaScript的超级背景：JS 的类型系统存在“先天缺陷”弱类型，JS 代码中绝大部分错误都是类型错误（Uncaught TypeError）开发的时候，定义的变量本应该就有类型这些经常出现的错误，导致了在使用 JS 进行项目开发时，增加了找 Bug、改 Bug 的时间，严重影响开发效率为什么会这样？从编程语言的动静来区分，TypeScript 属于静态类型的编程语言JavaScript 属于动态类型的编程语言编译。
2023-07-18 23:43:59
210
原创 babel兼容低版本游览器
安装插件 npm install @babel/plugin-transform-block-scoping -D。它们两个有什么区别呢？目前很多的项目都采用了多包管理的方式。但是开发中，我们并不需要一个个去安装这些插件，直接使用。文件夹了，但是并没有进行降级。，但是该包现在已经不推荐使用了。
2023-07-16 17:37:43
1997
原创 React教程（由浅到深）
1.params参数路由链接(携带参数)：<Link to='/demo/test/tom/18'}>详情</Link>注册路由(声明接收)：<Route path="/demo/test/:name/:age" component={Test}/>`接收参数：this.props.match.params2.search参数路由链接(携带参数)：<Link to='/demo/test?name=tom&age=18'}>详情</Link>
2023-07-02 16:58:39
12231
2
原创 react-redux（由浅到深）
是一个专门用来做状态管理的js库（不是react插件）作用：集中式管理react应用中的多个组件共享的状态使用：某个组件的状态，需要让其他组件可以随时拿到（共享）一个组件需要改变另一个组件的状态（通信）
2023-07-02 16:36:41
448
原创 vue3+vite+ts配置
指的是软件开发中用于正式运行和交付的环境，生产环境一般会关掉错误报告，打开错误日志。(正式提供给客户使用的环境。这样就定义了一个名为 --primary-color 的全局变量，可以在整个页面中使用。注意:一般情况下，一个环境对应一台服务器,也有的公司开发与测试环境是一台服务器！开发人员在自己的dev分支上干活，开发到一定程度，同事会合并代码，进行联调。测试同事干活的环境啦，一般会由测试同事自己来部署，然后在此环境进行测试。都是用于定义 CSS 变量的方法，但它们有一些区别。测试环境（testing）
2023-06-24 14:31:19
2653
原创 项目问题参考答案
①定义一个全局自定义指令：按钮级别的权限只需要在main.js里封装一个全局的指令或方法，这个方法只做一件事情，接收后端返回的标识，也就是该用户所拥有按钮级别权限的数组。②拿到标识后，内部判断一下这个标识在不在该数组里面，不在就把该按钮的样式设置隐藏。③在需要做按钮权限的地方调用：值为和后端约定的权限标识。2. 把拿到的选中的数据进行中英文的。中内置的方法，把数据转换为。事件会拿到选中的数据，4. 新建一个表格使用。方法把数据写入当前文件。
2022-11-26 16:09:48
579
原创 前端面试题（Vue与网络相关）
: 由false变为true不会触发组件的生命周期: 由false变化为true时触发组件的 , 、、钩子，由true变为false的时候触发组件的、方法 v-show 不支持 元素，也不支持 v-else。 : v-for的优先级比v-if的优先级高， 如果你有多个元素要进行循环， 就要执行多次根实例对象data可以是对象也可以是函数（根实例是单例），不会产生数据污染情况进行修改父组件的值官网解释 : 关于只改变子组件不改变父组件值的两种方式真实dom与虚拟dom对比:(真实dom) : 储
2022-11-03 23:00:36
1087
1
原创 前端面试题
BFC(块级格式上下文) BFC是一个独立渲染的区域 , 它不会影响到外部的元素BFC的特征同一个BFC下margin会重叠计算BFC的高度时会算上浮动的元素BFC不会影响到外部元素BFC内部的元素是重直排列的BFC区域不会与float元素重叠如何创建BFCposition设置为absolute(绝对定位)或者flxed(固定定位)float不为noneoverflow设置为hiddendisplay设置为inline-block(行内块元素)或者。
2022-10-31 22:51:38
660
2
原创 Vue3 高级语法以及自定义组件
在Vue中，代码的复用和抽象主要还是通过组件；通常在某些情况下，你需要对DOM元素进行底层操作，这个时候就会用到自定义指令；组件中通过directives 选项，只能在当前组件中使用；app的directive 方法，可以在任意组件中被使用；普通的方式setup() {局部自定义指令。
2022-09-07 08:35:15
3952
原创 this的绑定指向详细解答
箭头函数并不绑定this对象，那么this引用就会从上层作用于中找到对应的this。💛this指向跟函数所处的位置是没有关系的。❤🧡💛new绑定优先级高于隐式绑定。❤🧡💛new绑定优先级高于bind。❤🧡💛显示绑定优先级高于隐式绑定。💛 跟函数被调用的方式是有关系。❤🧡💛.默认规则的优先级最低。
2022-08-02 00:33:36
410
原创 webpack基础解析
我们可以在package.json的scripts中定义自己的执行脚本。如图:package.json中的scripts的脚本在执行时，会按照一定的顺序寻找命令对应的位置。首先，会寻找本地的node_modules/.bin路径中对应的命令。如果没有找到，会去全局的环境变量中寻找。如何执行我们的build指令呢？只需要终端命令:loader是webpack中一个非常核心的概念。webpack用来做什么呢？
2022-07-12 21:23:16
621
原创 深度剖析Ajax 的工作原理
1. AJAX的工作原理Ajax的工作原理相当于在用户和服务器之间加了—个中间层(AJAX引擎),使用户操作与服务器响应异步。但并不是所有的用户请求都提交给服务器,像—些数据验证和数据处理等都交给Ajax引擎自己来做, 只有确定需要从服务器读取新数据时再由Ajax引擎代为向服务器提交请求。如图：同时要想弄明白ajax原理必须了解XMLHTTPRequest对象我们知道Ajax的一个最大的一个特点就是是无刷新更新页面,这一特点主要得益于XMLHTTP组件XMLHTTPRequest对象。2. XM
2022-04-24 11:33:59
1406
原创 ajax中form表单的提交- 序列化表单
1， form标签的属性form标签用来采集数据，form标签的属性则是用来规定如何把采集到的数据发送给服务器2，get 和post提交数据的区别get 方式适合用来提交少量的、简单的数据。post 方式适合用来提交大量的、复杂的、或包含文件上传的数据。在实际开发中， 表单的 post 提交方式用的最多，很少用 get。例如登录、注册、添加数据等表单操作，都需要使用 post方式来提交表单。注意：在涉及到文件上传的操作时，必须将 enctype 的值设置为 multipart/
2022-04-23 16:14:35
2479
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人