- 博客(31)
- 收藏
- 关注
RSS订阅原创 小程序与原生App那个好？
后台调试麻烦，因为API接口必须https请求，且公网地址，也就是说后台代码必须发布到远程服务器上；局限性很强（比如页面大小不能超过1M，不能打开超过5个层级的页面，样式单一，小程序的部分组件已经是成型的了，样式不能修改，比如幻灯片，导航）只能依赖于微信依托与微信，无法开发后台管理功能。不利于推广，推广面窄，不能分享朋友圈，只能分享给朋友，附近小程序推广，其中附加小程序也收到微信限制。发布，审核高效，基本上午发布审核，下午就审核通过，升级简单，支持灰度发布。开发周期长，开发成本高，需要下载。
2024-10-24 15:36:16
110
原创 Vue 常用的狗钩子函数
是计算属性，也可以理解为一个方法。无需再data中声明，其中计算的结果如果不发生改变就不会触发，在模板渲染成html后调用，通常是初始化页面完成后，再对html的dom节点进行一些需要的操作。是个对象，是Vue实例对象上绑定的方法，供当前Vue组件作用域内使用，未调用不会执行，页面加载完成后触发函数html、css、js，属于js方法，一个页面只会调用一次。是个方法，在模板渲染成html前调用，即通常初始化某些属性值，然后再渲染成视图。只执行逻辑，返回值可有可无，对一些数据请求，点击事件进行封装函数等。
2024-10-24 15:11:07
317
原创 Vue Setup 语法糖介绍
如果 title 是可选的 prop，则传入的 props 中可能没有 title。setup 函数中的第一个参数是 props。正如在一个标准组件中所期望的那样，setup 函数中的 props 是响应式的，当传入新的 prop 时，它将被更新。context 是一个普通的 JavaScript 对象，也就是说，它不是响应式的，这意味着你可以安全地对 context 使用 ES6 解构。但是，因为 props 是响应式的，你不能使用 ES6 解构，因为它会消除 prop 的响应性。
2024-10-24 15:10:03
369
原创 vue给对象增加属性页面没有响应
由于Vue会在初始化实例时对属性执行getter/setter转化，所以属性必须在data对象上存在才能让Vue将它转换为响应式的。Vue提供了$set方法用来触发视图更新。
2024-10-24 15:06:27
326
原创 Cannot read property ‘prototype’ of undefined 表单
问题就是Cannot read property ‘prototype’ of undefined 解决办法通过浏览器报错提示代码定位问题，解决问题。",无法绑定，需切记。同时，如果v-for动态循环el-form的话，以上两种方法都无法绑定，目前没有找到解决办法。form表单 有时候需要通过v-for动态循环加载el-form-item,并且绑定验证规则。一般解决方案查看浏览器报错，查看代码运行到那个阶段未之行结束，阅读源码以及相关文档等。Vue项目中遇到视图不更新，方法不执行，埋点不触发等问题。
2024-10-24 15:05:23
546
原创 极客公园 招聘啦！！！！！
创立于2010年，总部北京，极客公园聚焦互联网领域,跟踪最新的科技动态，关注极具创新精神的科技产品，并与科技行业中最优秀的创业家和从业者站在一起,共同实现价值的成长；我们的产品线包括科技媒体、科技行业精英企业家社区、科技行业线下活动营销、酷科技硬件测评等；精通常见应用环境部署，包括Nginx、Jenkins、GitHab、Redis等；善于思考，能独立分析和解决问题，具有极客精神，追求代码细节完美，喜欢专研。熟悉常见集成软件部署，包括Docker、K8S等；保证服务器的正常运转；负责平常服务器迁移；
2024-04-18 16:47:39
211
原创 js的继承方式
核心：通过寄生方式，砍掉父类的实例属性，这样，在调用两次父类的构造的时候，就不会初始化两次实 例方法/属性，避免的组合继承的缺点。new了一个空对象，这个空对象指向Animal并且Cat.prototype指向了这个空对象，这种就是基于原型链的继承。核心：为父类实例添加新特性，作为子类实例返回。
2023-12-20 13:44:58
468
原创 懒加载的原理、实现
懒加载的原理：页面中的img元素，如果没有src属性，浏览器就不会发出请求去下载图片，只有通过javascript设置了图片路径，浏览器才会发送请求。懒加载的原理就是先在页面中把所有的图片统一使用一张占位图进行占位，==把真正的路径存在元素的“data-url”==的自定义属性里，要用的时候就取出来，再设置；3.第三种是可视区加载，即仅加载用户可以看到的区域，这个主要由监控滚动条来实现，一般会在距用户看到某图片前一定距离遍开始加载，这样能保证用户拉下时正好能看到图片。jQuery实现方式如下。
2023-12-15 11:03:10
674
原创 高频js-----js执行机制 Event Loop
这是因为在 JavaScript 中，setTimeout 函数是一个异步函数，它会在指定的时间间隔后执行回调函数。在这段代码中，循环会立即执行，并且在每个迭代中都会调用 setTimeout 函数来创建一个定时器。但是，由于 setTimeout 是异步执行的，循环会继续执行而不会等待定时器的回调函数执行。关键字会暂停函数的执行，直到 Promise 对象被解析（resolved）为止 然后每隔1秒打印一个数字。首先我们需要了解js的执行机制 (Event Loop)函数返回的 Promise 对象。
2023-12-14 07:00:00
355
原创 栈和队列(数据结构)
用循环链表表示队列，必定有链表的头结点，入队操作在链表尾插入，直接插入在尾指针指向的节点后面，时间复杂度是常数级的；出队操作在链表表头进行，也就是删除表头指向的节点，时间复杂度也是常数级的。允许删除的一端称为队头(front)，允许插入的一端称为队尾(rear)。显然仅有单链表的头指针不便于在表尾做插入操作，为此再增加一个尾指针，指向链表的最后一个结点。(Blank String) 注意：空串和空白串的不同，例如“ ”和“”分别表示长度为1的空白串和长度为0的空串。3.串的链式存储结构。
2023-12-13 07:30:00
874
原创 数据结构总结(栈 队列)
1.线性表的顺序存储结构：把线性表的结点按逻辑顺序依次存放在一组地址连续的存储单元里。顺序存储指内存地址是一块的，随机存取指访问时可以按下标随机访问，存储和存取是不一样的。如果是存储，则是指按顺序的，如果是存取，则是可以随机的，可以利用元素下标进行。数据结构就是研究数据的逻辑结构和物理结构以及它们之间相互关系，并对这种结构定义相应的运算，而且确保经过这些运算后所得到的新结构仍然是原来的结构类型。3.数据项：数据的不可分割的最小单位。2.数据元素：数据（集合）中的一个“个体”，数据及结构中讨论的基本单位。
2023-12-12 16:54:12
1676
1
原创 虚拟DOM和真实DOM区别和对比
钩子来管理组件的状态，并使用JSX语法描述页面结构。在点击按钮时，只会更新虚拟DOM中的计数器值，然后React会根据差异更新真实DOM中的相应部分。可以看到，使用虚拟DOM的代码相对简洁和直观，而且只更新了需要改变的部分，提高了性能。而使用真实DOM的代码则相对繁琐，需要手动操作DOM来更新页面。而在使用真实DOM的代码案例中，我们直接使用JavaScript来操作真实DOM。在使用虚拟DOM的代码案例中，使用了React库，通过使用。使用虚拟DOM的代码案例（使用React）使用真实DOM的代码案例。
2023-12-11 11:55:36
851
原创 Promise
promise 本身是同步执行的 promise.then是异步Promise 必须为以下三种状态之一：等待态（Pending）、执行态（Fulfilled）和拒绝态（Rejected）。一旦Promise 被 resolve 或 reject，不能再迁移至其他任何状态（即状态 immutable）
2023-12-10 10:45:00
392
原创 es6的新特性都有哪些
let定义块级作用域变量 没有变量的提升，必须先声明后使用 let声明的变量，不能与前面的let，var，conset声明的变量重名。3、他的this是继承当前上下文中的this 箭头函数没有函数原型 箭头函数不能当做Generator函数，const声明变量的同时必须赋值，const声明的变量必须初始化，一旦初始化完毕就不允许修改。const声明的变量不能与前面的let， var ， const声明的变量重。const声明的变量没有“变量的提升”，必须先声明后使用。数组的解构赋值、对象的解构赋值。
2023-12-09 08:30:00
407
原创 前端如何使用express写一个简单的服务
自己使用nodejs——express ,koa，egg开发接口吧(本人比较喜欢egg和express)下载引入相应的npm依赖就好啦,这里我设置了跨域处理（相信学会这个,前端自己也可以处理跨域啦！再次运行就可以看到数据库的数据已经被找到了方便演示我用的是get请求,在实际开发推荐使用post哦~2.、这些代码大家就等于一个简单的服务已经搭建起来啦,运行文件,我们得到了路由返回的内容。好了，看到这里大家已经可以搭建一个简单的express了,快去试试吧！下面是一个简单的demo。
2023-12-07 08:30:00
559
原创 虚拟DOM
*优点:** 1. 保证性能下限: 虚拟DOM可以经过diff找出最小差异,然后批量进行patch,这种操作虽然比不上手动优化,但是比起粗暴的DOM操作性能要好很多,因此虚拟DOM可以保证性能下限 2. 无需手动操作DOM: 虚拟DOM的diff和patch都是在一次更新中自动进行的,我们无需手动操作DOM,极大提高开发效率 跨平台: 虚拟DOM本质上是JavaScript对象,而DOM与平台强相关,相比之下虚拟DOM可以进行更方便地跨平台操作,例如服务器渲染、移动端开发等等。
2023-12-06 14:23:21
399
1
原创 常见的字符串方法
6.substring(a,b)方法：从索引a开始截取（包括a），一直截取到索引b（不包括b），如果里面只有一个 参数那么就直接截取到末尾。方法： 从索引a开始截取（包括a），一直截取到索引b（不包括b），如果里面只有一个参数，就直接截取到末尾。如果里面的参数是负数的话，使用方法跟数组中的slice()方法一样。如果第一个参数为负数的话，跟数组中 slice()使用方法一样。
2023-12-05 11:11:34
356
原创 常见的数组方法
7.slice(a,b) 方法： 从索引a开始截取（包括a），一直截取到b（不包括b），如果里面只有一个参数，，那么就直接截取到末尾，不会改变原来的数组。方法：从索引a开始截取b个元素，并用c替换截取的元素，并改变原来的数组，如果只有一个参数，表示从这个索引开始截取到末尾。splice(a,b) 方法里面如果第一个参数为负数的话，使用方法跟slice() 方法一样，如果第二个参数为负数的话，表示截取的是一个空数组。3.unshift() 方法：在数组的最前面添加内容，返回值是添加后数组的长度。
2023-12-05 11:10:44
312
原创 垃圾回收机制（标记清除）
*含义**：用来回收不可用的变量值所占用的内存空间 **为什么**？程序运行过程中会申请大量的内存空间，而对于一些无用的内存空间，如果不及时清理的话，会导致内存使用完（内存溢出），导致程序崩溃 **方法：** * 标记清除法 当变量进入执行环境是，就标记这个变量为“进入环境”，当变量离开环境时，则将其标记为“离开环境”。然后，它会去掉环境中的变量以及被环境中的变量引用的标记。而在此之后再被加上标记的变量将被视为准备删除的变量，原因是环境中的变量已经无法访问到这些变量了。解决办法：手工解除循环引用。
2023-12-05 11:10:06
401
原创 http.js的axios封装的优化
3.增加了请求超时，即断网状态的处理。说下思路，当断网时，通过更新vuex中network的状态来控制断网提示组件的显示隐藏。断网提示一般会有重新加载数据的操作，这步会在后面对应的地方介绍。2.去掉了通过环境变量控制baseUrl的值。考虑到接口会有多个不同域名的情况，所以准备通过js变量来控制接口域名。1.去掉了之前get和post方法的封装，通过创建一个axios实例然后export default方法导出，这样使用起来更灵活一些。4.公用函数进行抽出，简化代码，尽量保证单一职责原则。
2023-12-05 11:09:31
392
原创 如何使用webpack来优化前端
1.可以将node__mudules中代码单独打包成一个chunk输出（比如使用了jqury？2.会自动分析多入口chunk中，有没有公共的文件，如果有会打包成单独的一个chunk不会重复打包正常情况下node_module会被打包成一个文件使用dll技术，对可以将那些不常更新的框架和库进行单独打包，生成一个chunk在代码中所有被 import()函数引用的模块，都将打成一个单独的包，放在 chunk 存储的目录下。在浏览器运行到这一行代码时，就会自动请求这个资源，实现异步加载。
2023-12-05 10:53:02
1008
原创 前端webpack
bundle：是由webpack打包出来的文件，chunk：代码块，一个chunk由多个模块组合而成，用于代码的合并和分割。module：是开发中的单个模块，在webpack的世界，一切皆模块，一个模块对应一个文件，webpack会从配置的entry中递归开始找出所有依赖的模块。loader：模块转换器，用于将模块的原内容按照需要转成你想要的内容。
2023-12-04 14:25:45
1571
原创 三次握手,四次挥手
而关闭连接时，服务器收到对方的FIN报文时，仅仅表示对方不再发送数据了但是还能接收数据，而自己也未必全部数据都发送给对方了，所以己方可以立即关闭，也可以发送一些数据给对方后，再发送FIN报文给对方来表示同意现在关闭连接，因此，己方ACK和FIN一般都会分开发送，从而导致多了一次。服务器和客户端关闭连接；* 第一次握手：客户端发送一个SYN码给服务器，要求建立数据连接；发送给客户端，可以建立连接 * 第三次握手： 客户端再次发送ACK向服务器，服务器验证ACK没有问题，则建立起连接；
2023-12-04 14:22:23
387
原创 公众号新规运营
亲爱的小伙伴们，听说你们也收到了微信下发的公众号发文营销新规提示？别担心，我来帮你解决问题！小编已经为大家找到了绝佳解决方案，让你的公众号发文不再受限！2、因为小程序中没有主体限制,这样的话公众号就可以正常发文了哦~✅ 完全符合微信新规，让你的公众号安心运营！1、首先需要一个小程序来进行跳转非主体小程序。✅ 保护你的粉丝阅读体验，提升互动效果！【重要通知】微信公众号发文营销新规！🔹新规要求：非主体跳转需要进行中转！✅ 简单易懂的操作步骤，轻松掌握！
2023-12-04 14:06:14
384
原创 飞书第三方应用
6、可以进行权限分配,我目前是借用的企业飞书登录,如果有想使用的PC或者手机端的话,我也做了网页版的权限分配。3、发布后也会通知到自己相通知的同事的飞书上，同事别人在评论消息的时候也会进行通知。5、可以吧数据导出生成Excel,也可以自己导入Excel,支持Excel网页化。2、可进行自定义存储记录数据,可OCR识别,可实时飞书发送推送。首先应用功能是用于平常沟通进行数据存储,并且和飞书管理起来。4、飞书通知:类似这种，可以在飞书后台自定义。首先我公司业务需要所以建立的飞书第三方应用。
2023-12-04 13:58:50
707
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人