- 博客(103)
- 问答 (1)
- 收藏
- 关注
原创 【微信小程序】阶段开发总结
这种方案基本上每个开发者都会不假思索的应用,但是,如果像表单这些数据,你填完数据之后需要条件切换显示隐藏的话,这时候隐藏,再显示,数据就没了。由于组件之间时不时需要数据的交互,并且表单里面包含了字段的校验,所以我们需要用组件这种具有更多丰富的API方式来解决这种代码量巨多的场景。,该CSS的表现是元素不可见,但仍占据文档流中的空间。,但是这种方案的缺点也很明显,就是数据传递方式非常单一,要通过在。的方式自己去维护一套数据和校验的方法,否则你会很提痛苦。获取父组件的数据,再利用父组件注册一个方法,返回数据。
2023-05-16 11:59:00
2512
原创 【微信小程序】挂载网络请求到全局this对象
有一些常用的东西,如http请求、弹窗、错误处理等等,如果在每个页面都引用一遍,会增加不必的代码量,我们可以在app.js中对Page对象进行简单地封装,从而让Page的能力更强。
2023-04-20 10:48:41
5085
7
原创 Vue3.0 —— 关于前端技术迭代引发的一些思考
今天就暂时先讲这么多,为了我们的打工生涯更加顺利,为了能让我们社畜在如此乐观的心态下更加巩固自己的地位、夯实自己前进的步伐,我们需要不断学习前进。关注我,我会持续为你带来全面的 Vue3、Typescript 和更多其他技术知识!下一篇 —— 《 ref 是怎么实现的?
2023-03-13 15:58:40
735
原创 Git —— 关于创建多对非对称公钥时对不同服务器的匹配问题
大概是半年前,我写过一篇关于 连接托管平台提示 permission denied 的文章,大概是 —— 《Git ---- 解决coding:Permission denied(publickey)》,感兴趣的朋友可以去看看。当时我在写文章时,考虑到 C 站这个平台的尿性,压根都没想去研究这其中的缘由。不过这件事也一直在我的心里堵着,本身我自己写作时就不喜欢写那些没头没尾的文章,搞得云里雾里的。因为即便帮助其他人解决了问题之后,如果也不能掌握这个知识点的话,那么我会宁愿不写。那么今天我就来填这个坑 [托
2022-12-08 11:00:12
505
原创 关于页面渲染的一些优化方案分享(懒加载、虚拟列表)
仅仅了解概念是不够的,实际工作上需要如何落地这些优化方案,对我们开发还是有着一定的难度,这也是前端进阶之路上必然需要经历的。否则你将永远无法晋升为中级/高级前端工程师。接下来我会就其中几点,发表一些自己的看法和优化方案。
2022-11-06 19:57:29
1904
原创 关于 Git 的一些常识和我的一些零言碎语
也是那一段时间,我开始尝试自己应用 workflow 工作流,但结果也是非常不尽人意,毕竟我没有团队。。后来后端趋于稳定,我也慢慢意识到自己不能再继续躺平,我需要继续开始学习了。。。
2022-11-02 23:49:16
405
原创 学习 PostCSS 以及使用
PostCSS 是一个使用 JavaScript 工具和插件转换 CSS 代码的工具,它的主要功能其实是可以利用 JavaScript 去处理一些原生的 CSS 或者预处理器(Less、Sass)处理不了的工作。
2022-10-27 17:39:50
3006
1
原创 npm、yarn、pnpm —— 再谈幽灵依赖
之前我们讲过,“幽灵依赖” 就是:未在项目package.json中声明的依赖,但在项目中依然可以意外的被正确引用。
2022-10-08 16:53:45
4482
原创 什么是 Benchmarks?
起初,我也不知道benchmark这个文件是做什么的。抱着求知的心态打开翻译软件,翻译过来是 “基准”、“检测” 的意思。这时候我有了点思路,结合文件内的程序,大概能猜出来这是一个存放测试标准和性能程序的文件夹。
2022-10-06 12:10:20
3281
1
原创 NPM —— 原理推演
最近偶然察觉,发现自己对日常使用的工具竟然认知模糊??`NPM` 是怎么做到的呢?它又为什么能够管理依赖包?到底有什么特点让开发不得不使用它呢?
2022-09-29 17:20:47
1378
原创 Vue2.0 —— Vue.nextTick(this.$nextTick)源码探秘
可能你还没有注意到,`Vue` 在更新 DOM 时是异步执行的。只要侦听到数据变化,`Vue` 将开启一个队列,并缓冲在同一事件循环中发生的所有数据变更。如果同一个 `watcher` 被多次触发,只会被推入到队列中一次。这种在缓冲时去除重复数据对于避免不必要的计算和 DOM 操作是非常重要的。
2022-09-21 17:59:30
949
原创 Vue2.0 —— Vue.set(vm.$set) 源码探秘
之前在学习[《Vue2.0 —— 由设计模式切入,实现响应式原理》](https://blog.csdn.net/LizequaNNN/article/details/124988514)一文中有提及到,2版本的响应式是依靠 `Object.defineProperty` 实现的。但考虑到当时的用户群体和时代背景,将这个API与 `Proxy` 权衡利弊之后,最终采用了这个。为此开发者们不得不手动的来适配它。诸如:`Vue.set`、`Vue.del` 和 `arrayMthods` 等等手段来完善。
2022-09-19 17:42:52
753
原创 Vue2.0 —— 关于虚拟节点和 Diff算法的浅析
要了解Vue为什么会应用虚拟节点这门技术,以及,diff算法,就要先了解一些前置的储备知识。本文我会大部分以图片的形式讲解,我们可以结合图解,更好的理解Vue的源码。
2022-09-12 22:45:23
700
原创 设计模式 —— 关于8月份学习设计模式的总结
每到月底,都会对自己本月学习的知识进行一个复习。目的是为了巩固旧知识,防止忘记,顺便也起到一个总结的作用。今天需要复习的内容是 —— JavaScript 的设计模式。
2022-08-29 15:06:22
277
原创 设计模式 —— 发布订阅模式
发布订阅模式,听起来好像很陌生?Vue 中的 EventBus, $on 以及 $emit 和 $off;Nodejs 中的 EventEmitter,其中 on 和 emit。
2022-08-26 15:55:23
1673
3
原创 Vue2.0 —— 运用算法实现 AST 抽象语法树
AST,全称 Abstract Syntax Trees,中文名称为抽象语法树。它是源代码语法结构的一种抽象表示,以树状的形式表现编程语言的语法结构,树上的每一个节点都表示源代码中的一种结构。诸如,编辑器(IDE)和 模板语法的模板编译,又或是 Babel 的源代码编译,都应用到抽象语法树的思想。
2022-08-25 16:13:55
611
原创 JavaScript —— 算法思想之栈数据结构
`数据结构栈`,我们可以把其理解为一个羽毛球筒,它的进出口永远只有一个。然而,最先进去的羽毛球(工作栈),则是在最底下,也就是`栈底`。以此类推,最后一个进去的,永远都是在其他羽毛球的上面,也就是`栈顶`。
2022-08-24 22:23:43
388
原创 JavaScript —— 算法思想之递归和映射
递归,就是我们在求某个具有规律性的数据过程中,反复执行求值的这个过程。而这种反复执行的套路,我们一般把其称之为规则复现。
2022-08-24 01:04:46
413
原创 JavaScript —— 算法思想之指针
《 算法,不是只限制于某一个开发岗位,而是所有开发人员,都需要自修的一门课程,是编程人员的,基本素养。它是决定你的,编程能力和编程思维高低的一个决定性因素。》
2022-08-22 18:13:24
2769
1
原创 Vue2.0 —— 实现 Mustache 模板引擎的数据结构和算法
Mustache是基于JavaScript实现的模版引擎,类似于,但是这个模版更加的轻量级,语法更加的简单易用,很容易上手。
2022-08-19 10:33:07
599
原创 Vue2.0 —— 由设计模式切入,实现响应式原理
Vue2.0 —— 由设计模式切入,实现响应式原理所谓MVVM框架,即是数据驱动视图模型,分为 Model、View 和 ViewModel。目前市场上三大框架,Vue,React 和 Angular 都是数据驱动视图模型框架。
2022-08-15 16:58:03
774
2
原创 JavaScript —— 数据转换为视图的历史
大家好,我是vk。今天的知识来源于Vue响应式的模板语句。本来只想研究一下框架的模板引擎渲染机制是怎么工作的,后来发现其实历史上就已经有很多方法实现了这种效果。那么假设我们有一段接口返回的 JSON,业务的需求是需要把这段 JSON 动态的渲染到我们的页面上(例如数据列表、数据回显等)。我们就以数据列表为例,分别介绍一下这几种实现方式。......
2022-08-09 22:07:21
266
转载 Nginx —— 一份前端开发工程师需要了解要懂的知识点
当我们有一个服务器集群,并且服务器集群中的每台服务器的内容一样的时候,同样我们要直接从个人电脑访问到服务器集群服务器的时候无法访问,必须通过第三方服务器才能访问集群。这个时候,我们通过第三方服务器访问服务器集群的内容,但是我们并不知道是哪一台服务器提供的内容,保护了服务器,避免被直接攻击。这种代理方式称为反向代理。公司会建立很多的服务器,这些服务器组成了服务器集群,然后,当用户访问网站的时候,先访问一个中间服务器,再让这个中间服务器在服务器集群中选择一个压力较小的服务器,然后将该访问请求引入选择的服务器。.
2022-08-03 12:54:12
184
原创 PHP —— CI 框架实现微信小程序支付
大家好,之前学习了 原生 PHP 和 框架的知识,也着手用 TP5 实现了几个简单的接口,那么今天我们就开始学习复杂一点的东西,我们开始用 CI 框架实现一个微信小程序的支付功能。
2022-08-02 17:46:27
536
原创 PHP —— 用 ThinkPHP5.0 实现微信小程序登陆
大家好,之前学习了原生PHP和框架,今天我们运用框架TP5.0来实现一下微信小程序的用户登陆以及获取用户的信息接口。
2022-08-02 11:52:06
2404
2
原创 PHP —— 一份前端开发工程师够用的知识点(框架篇)
上一篇文章我们写了关于,原生PHP的基础知识。但是我们知道,在工作的过程中,我们往往是接触框架比较多的,所以我们需要,也看个人兴趣爱好,来了解一下PHP的各类框架。基本上,我在工作过程中解除过的,就这些了。后续我也会为大家写几个框架的实例,希望大家会喜欢。这里只是本前端小菜鸡的个人分享,欢迎各路大佬补充、指正。.........
2022-08-01 16:58:14
281
原创 PHP —— 一份前端开发工程师够用的PHP知识点(持续更新)
工欲善其事,必先利其器》本文只是记录本小菜鸡在工作中遇到的知识点,欢迎大家随时补充!
2022-07-30 18:01:42
2451
原创 设计模式 —— 观察者模式
设计模式 —— 观察者模式什么叫观察?观察就是,我把目光聚焦于你,你的每一个动作都给我视觉反馈,就这么简单。观察者:Observer;被观察者:Subject;备注:本文采用ES6类语法实现观察者模式。理解了这句话自然也就不需要图解,梳理一下思路即可:先实例化,观察者,被观察者观察者,聚焦于,被观察者被观察者,给予,观察者,反馈有了思路就尝试,一步步实现,举一个生动又形象的例子一、实例化对象// 大怨种基类class Subject { constructor(name) {
2022-05-26 12:18:23
245
原创 CSS —— 使用 filter 实现全站灰化
CSS —— 使用 filter 实现全站灰化一、了解 CSS - filterfilter是CSS3的属性函数,该属性定义了元素(通常是图片)的可视效果(例如:模糊与饱和度)。样式里面可以使用空格分隔符来应用多个滤镜,但需要注意的是,旧版 Internet Explorer 浏览器(4.0 to 8.0) 支持的非标准 filter 属性已被废弃。 IE8 及更低版本浏览器通常使用 opacity 属性。JavaScript语法:object.style.WebkitFilter="grays
2022-05-25 15:42:07
768
原创 CSS —— 手摸手实现一个文字霓虹灯闪烁特效
CSS —— 手摸手实现一个文字霓虹灯闪烁特效一、了解 text-shadow 属性text-shadow 属性应用于阴影文本,属于 CSS3 的属性,默认值为 none。text-shadow 属性连接一个或更多的阴影文本。属性是阴影,指定的每2或3个长度值和一个可选的颜色值用逗号分隔开来。已失时效的长度为0。语法:text-shadow: h-shadow v-shadow blur color;值描述h-shadow必需。水平阴影的位置。允许负值。v-shad
2022-05-25 11:30:27
1470
原创 CSS —— 手摸手撸一个文字渐变和扫光动效
CSS —— 手摸手撸一个文字渐变和扫光动效一、了解 linear-gradient 属性linear-gradient() 函数用于创建一个表示两种或多种颜色线性渐变的图片。创建一个线性渐变,需要指定两种颜色,还可以实现不同方向(指定为一个角度)的渐变效果,如果不指定方向,默认从上到下渐变。语法:background-image: linear-gradient(direction, color-stop1, color-stop2, ...);值描述direction
2022-05-24 14:39:33
983
2
原创 JavaScript —— 实现一个简易版轮播图
JavaScript —— 实现一个简易版轮播图零、起因和思路昨天有位小伙伴询问一种轮播导航栏要如何做:今晚寻思着,刚睡醒吃完,花点时间撸一下。老样子,完整代码放最后面,具体思路如下:点击某一项滚动点击上一项或下一项滚动自动滚动轮播鼠标移入移出暂停轮播一、设计结构<body> <div class="over"></div></body>样式代码:<style>.over { position: relati
2022-05-23 23:51:09
542
2
原创 uniapp —— 小程序实现带参分享微信、朋友圈以及调试获取参数
uniapp —— 小程序实现带参分享微信、朋友圈以及调试获取参数零、起因以及分类小程序我们在开发微信小程序的过程中,经常需要实现分享给微信用户或者分享到微信朋友圈的功能,基本上我们会用到 onShareAppMessage 这个处理函数《传送地址》,我们先看看他的支持情况:我们可以看到其实除了小程序之外,App 和 H5 是不被支持的,那么这两种用户端需要如何实现分享呢?AppApp 端我们则是使用 uni.share() 这个处理函数《传送地址》,他的API比较丰富,支持的情况也多样化:
2022-05-20 18:03:31
9574
5
原创 uniapp —— 生成带参的小程序码海报分享保存相册并调试(包含后端PHP代码)
uniapp —— 生成小程序二维码海报保存相册并分享(包含后端代码)
2022-05-20 15:37:11
2061
原创 uniapp —— 小程序使用百度云OCR鉴别身份证和营业执照
uniapp —— 小程序使用百度云OCR鉴别身份证和营业执照开发上传卡证功能时,必须要鉴别上传的图片,否则功能相当于废的;至于为什么选择百度云,那是因为阿里云又贵又难用,百度云的免费额度更多,并且更成熟专业;且针对于用户的角度,两者没有太大的使用区别,只需要追求一个稳定的服务即可。开发场景:uniapp -> 微信小程序零、我先把封装好的代码放出来,方便下文理解/* 引入封装接口 */import { user_profile_baidu } from '@/utils/request
2022-05-19 11:54:03
2055
8
空空如也
关于前端的技术选型,性能优化
2022-03-04
TA创建的收藏夹 TA关注的收藏夹
TA关注的人