- 博客(127)
- 收藏
- 关注
原创 微信小程序(基本操作)
自定义组件 | 微信开放文档(1) 组件模板和样式(2) Component 构造器(3) 组件间通信与事件(4) 组件生命周期(6) 组件间关系(7) 数据监听器(8) 纯数据字段1、定义不是创建page,而是创建component,一个小程序组件(wxml,wxss,js,json)//组件名.jsComponent({ //构造一个组件//组件的属性列表,相当于vue组件的propstitle:{ //属性名type:String,//类型value: '默认值'},
2024-01-26 10:07:55 5615 1
原创 史上最全前端&后端跨域请求处理
举例说明:当一个请求url的协议、域名、端口三者之间任意一个与当前页面url不同即为跨域SSM用法首先编写一个过滤器,可以起名字为MyCorsFilter.java在web.xml中配置这个过滤器,使其生效。
2024-05-20 09:02:55 515
原创 harmony 鸿蒙ArkUI动画/交互事件开发常见问题(ArkTS)
问题现象一个页面底部默认显示自定义组件A,点击自定义组件A,则A消失,自定义组件B从底部出现;点击自定义组件B,则组件B消失,A从底部出现。这个效果要如何实现?解决措施可以使用transition产生组件转场动画,其参数type用来设置组件变化场景,包括新增和删除;参数translate用来设置转场时的平移效果。注意transition需要配合animateTo才能生效,动效时长、曲线、延时跟随animateTo中的配置。代码示例@Entry@Componentbuild() {if (!
2024-05-19 20:50:59 627
原创 Vue最全知识点面试必备
生命周期发生了什么beforeCreate在当前阶段data、methods、computed以及watch上的数据和方法都不能被访问created在实例创建完成后发生,当前阶段已经完成了数据观测,也就是可以使用数据,更改数据,在这里更改数据不会触发updated函数。可以做一些初始数据的获取,在当前阶段无法与Dom进行交互,如果非要想,可以通过来访问DombeforeMount发生在挂载之前,在这之前template模板已导入渲染函数编译。而当前阶段虚拟Dom已经创建完成,即将开始渲染。在此时也可以对数据
2024-05-17 14:30:55 678
原创 vue-cli ——解决多次复用含有Echarts图表组件的问题
在vue项目里,组件复用是一件很开心的事,可以节省很多时间去排版,达到事半功倍效果,但是昨晚在vue-cli项目里组件复用时发现基于Echarts图表的组件不能够复用,昨晚捯饬了很久,终于还是解决了这个问题,在此记录,加深自己理解。具体来说,问题如下:开发了一个基于Echarts的图表组件,现在我想在一个界面内多次使用这个组件,但是我发现Echarts是通过找id来创建canvas的,这样调用同一个基于Echarts的组件时,这个id就会重复,导致第二个图表不能显示出来。
2024-05-16 22:30:00 123
原创 工业派-配置Intel神经计算棒二代(NCS2)
最后两个报错,我几近崩溃,熬了好久都没熬出答案,经过不断摸索总算是解决了其中一个问题,尽管另一个问题没解决,但是已经不影响操作了!我也总算是在工业派上利用计算棒跑通了tensorflow程序,这一路踩得地雷、掉的坑实在太多,博主早已面目全非,激情不再,好在捱到了最后,顺利解决了问题,终于可以松一口气了!总结一下就是遇到问题千万不要轻言放弃,一定要动用所有资源去寻找答案,努力努力再努力,总会柳暗花明的!当然,很多时候也许也需要换一种思维去寻找解决问题的办法,不要在一棵树上吊死。
2024-05-16 09:45:00 759
原创 每日优鲜供应链微前端改造
我最直白的感受是实现了项目级别的模块化,把不同项目变成了一个个模块来拼装组合,也就是说模块化从项目内提升到了项目本身缩小项目打包体积(平均每个子项目bundle不到100k),而整合后的公共资源只需加载一次,性能得到很大提升 (技术角度)用户体验更好,用户感知不到自己在使用多个不同的项目,更加平顺流畅 (产品角度)不同git的项目经过改造后,可以随意以项目内每个路由页面为单元拼装成一个新项目,产品灵活性本质上得到提升 (产品/技术角度)
2024-05-15 22:45:00 762
原创 Promise 使用场景及流程操作
Promise 对象是 JavaScript 的异步操作解决方案,为异步操作提供统一接口。它起到代理作用(proxy),充当异步操作与回调函数之间的中介,使得异步操作具备同步操作的接口。Promise 可以让异步操作写起来,就像在写同步操作的流程,而不必一层层地嵌套回调函数。注意,本章只是 Promise 对象的简单介绍。为了避免与后续教程的重复,更完整的介绍请看《ES6 标准入门》的《Promise 对象》一章。首先,Promise 是一个对象,也是一个构造函数。// 异步代码...上面代码中,
2024-05-15 19:45:00 968
原创 挑战月薪30K | 前端性能优化的12 条建议(干货收藏)
首先我们要知道,页面打开快不快,不是在电脑或手机上的打开速度说了算,也不是测试同学测试的结果说了算,而是真实用户使用的时候说了算。那么如何去监控用户真实使用时的页面性能呢?本文将做细致介绍。
2024-05-15 14:07:07 895
原创 严格模式 Strict mode
除了正常的运行模式,JavaScript 还有第二种运行模式:严格模式(strict mode)。顾名思义,这种模式采用更加严格的 JavaScript 语法。同样的代码,在正常模式和严格模式中,可能会有不一样的运行结果。一些在正常模式下可以运行的语句,在严格模式下将不能运行。
2024-05-15 08:15:00 530
原创 CORS通信方式
CORS 需要浏览器和服务器同时支持。目前,所有浏览器都支持该功能。整个 CORS 通信过程,都是浏览器自动完成,不需要用户参与。对于开发者来说,CORS 通信与普通的 AJAX 通信没有差别,代码完全一样。浏览器一旦发现 AJAX 请求跨域,就会自动添加一些附加的头信息,有时还会多出一次附加的请求,但用户不会有感知。因此,实现 CORS 通信的关键是服务器。只要服务器实现了 CORS 接口,就可以跨域通信。
2024-05-14 09:15:00 958
原创 AJAX笔记及工作流程[复习]
浏览器与服务器之间,采用 HTTP 协议通信。用户在浏览器地址栏键入一个网址,或者通过网页表单向服务器提交内容,这时浏览器就会向服务器发出 HTTP 请求。1999年,微软公司发布 IE 浏览器5.0版,第一次引入新功能:允许 JavaScript 脚本向服务器发起 HTTP 请求。这个功能当时并没有引起注意,直到2004年 Gmail 发布和2005年 Google Map 发布,才引起广泛重视。
2024-05-14 00:30:00 1243
原创 Web Storage:浏览器端数据储存机制
Storage 接口用于脚本在浏览器保存数据。和。保存的数据用于浏览器的一次会话(session),当会话结束(通常是窗口关闭),数据被清空;保存的数据长期存在,下一次访问该网站的时候,网页可以直接读取以前保存的数据。除了保存期限的长短不同,这两个对象的其他方面都一致。保存的数据都以“键值对”的形式存在。也就是说,每一项数据都有一个键名和对应的值。所有的数据都是以文本格式保存。这个接口很像 Cookie 的强化版,能够使用大得多的存储空间。
2024-05-13 22:45:00 809
原创 前端面试:谈谈 JS 垃圾回收机制
一般来说没有被引用的对象就是垃圾,就是要被清除, 有个例外如果几个对象引用形成一个环,互相引用,但根访问不到它们,这几个对象也是垃圾,也要被清除。
2024-05-13 19:30:00 1034
原创 浏览器环境Cookie处理及解决办法
Cookie 是服务器保存在浏览器的一小段文本信息,每个 Cookie 的大小一般不能超过4KB。浏览器每次向服务器发出请求,就会自动附上这段信息。Cookie 主要用来分辨两个请求是否来自同一个浏览器,以及用来保存一些状态信息。它的常用场合有以下一些。对话(session)管理:保存登录、购物车等需要记录的信息。个性化:保存用户的偏好,比如网页的字体大小、背景色等等。追踪:记录和分析用户行为。有些开发者使用 Cookie 作为客户端储存。
2024-05-13 16:28:41 920
转载 45个值得收藏的 CSS 形状
CSS能够生成各种形状。正方形和矩形很容易,因为它们是 web 的自然形状。添加宽度和高度,就得到了所需的精确大小的矩形。添加边框半径,你就可以把这个形状变成圆形,足够多的边框半径,你就可以把这些矩形变成圆形和椭圆形。我们还可以使用 CSS 伪元素中的::before和::after,这为我们提供了向原始元素添加另外两个形状的可能性。通过巧妙地使用定位、转换和许多其他技巧,我们可以只用一个 HTML 元素在 CSS 中创建许多形状。
2024-05-13 08:00:00 6
原创 前端基础和底层原理
对于前端的学习和提高,我的基本思路是这样的。首先,前端的三个最基本的东西 HTML5、CSS3 和 JavaScript(ES6)是必须要学好的。这其中有很多很多的技术,比如,CSS3 引申出来的 Canvas(位图)、SVG(矢量图) 和 WebGL(3D 图),以及 CSS 的各种图形变换可以让你做出非常丰富的渲染效果和动画效果。
2024-05-12 21:54:31 767
原创 前端未来5年的发展[个人看点]
随着WebAssembly的普及,前端程序员需要学习并熟练掌握这种新的技术,以便能够进行更高效和复杂的开发。3. Web组件的普及:Web组件是一种独立的、可重用的自定义元素,可以帮助开发者构建更模块化、可维护的前端代码。1. 框架和工具的发展:前端框架和工具的发展将继续,使开发者能够更高效地构建复杂的应用程序。2. 移动端开发的增长:随着移动设备的普及,移动端开发将成为前端程序员的重要领域。前端程序员应该保持学习的动力和能力,不断更新自己的知识和技能,以应对未来的挑战和机遇。
2024-05-10 20:00:00 246
原创 讲解人工智能在现代科技中的应用和未来发展趋势
人工智能(Artificial Intelligence,AI)作为一项关于赋予机器智能和自主决策能力的科学技术,已经在现代科技中得到广泛应用,并且具有巨大的未来发展潜力。首先,人工智能在现代科技中的应用非常广泛。在医疗领域,人工智能可以帮助医生进行疾病诊断和治疗方案的制定。在交通领域,人工智能可以实现智能交通管理和自动驾驶技术。在金融领域,人工智能可以用于风险评估和市场预测。在社交媒体领域,人工智能可以进行信息过滤和个性化推荐。
2024-05-10 10:30:00 649
原创 Pingora 正式开源:基于 Rust 的超快、可靠的 Nginx 替代品
这是一个使用 Rust 打造的高速、可靠与可编程的网络系统。目前,cloudflare 已使用 Pingora 全面替代 Nginx。经过实战检验,稳定处理每秒超过4000万的互联网请求,持续服务数年,每秒最多可处理一万亿个请求。下面就来了解一下 Pingora 的特别之处!Cloudflare 是一个全球性的网络性能和安全公司,它提供了一系列服务来帮助网站和应用程序改善其在线体验、增加安全性并加速加载速度。
2024-05-09 16:01:46 355
原创 解释 RESTful API 以及如何使用它构建 web 应用程序
它将功能和数据抽象为资源,并使用标准的HTTP方法和URL来操作这些资源,使得应用程序更加可靠和可用。GET方法用于获取资源,POST方法用于创建资源,PUT方法用于更新资源,DELETE方法用于删除资源。1. 资源:将应用程序中的数据和功能抽象为资源,每个资源都有一个唯一的URL表示。1. 设计资源:确定应用程序中的资源,并为每个资源定义唯一的URL。7. 文档和测试:编写文档来描述API的使用方法和资源的操作方式,并进行API的测试,以确保其正常工作。4. 数据格式:确定如何表示资源的数据格式。
2024-05-08 08:00:00 145
原创 文件各种上传,离不开的表单 [html5]
之前我一直很疑惑,为什么上传文件一定要用form包起来,现在算是大概明白了。最开始在javascript还不流行时,我们就可以直接使用submit按钮提交表单数据了。表单里面可以包含文字和文件。然后随着js和ajax的流行,可以利用ajax直接异步提交部分表单数据。这里开始我就纠结了,为什么ajax可以提交自己组装的数据。那为什么不能直接提交文件呢。这里我错了,ajax提交的并不是随意的数据,最后还是组装成了表单格式(因为后台技术对表单格式数据的支持比较普及)。
2024-05-07 23:30:00 909
原创 Git 仓库基本概念和使用方式
1. 仓库(Repository):Git 仓库是存储代码的地方,可以是本地仓库(local repository)或远程仓库(remote repository)。开发者可以将代码推送(push)到远程仓库,也可以从远程仓库拉取(pull)最新的代码。7. 推送到远程仓库:使用 `git push` 命令将本地仓库的修改推送到远程仓库。1. 初始化仓库:使用 `git init` 命令在本地创建一个新的 Git 仓库。6. 合并分支:使用 `git merge` 命令将一个分支的修改合并到当前分支。
2024-05-07 19:28:33 997
原创 vue-cli4 全面配置(持续更新)
细致全面的 vue-cli4 配置信息。涵盖了使用 vue-cli 开发过程中大部分配置需求。不建议直接拉取此项目作为模板,希望能按照此教程按需配置,或者复制 vue.config.js 增删配置,并自行安装所需依赖。vue-cli3 配置见vue-cli3 分支。删除 public/index.html 中关于 description、content 的 meta 标签。保留 title 标签配置 router-config.js"/": {title: "首页",
2024-05-07 19:06:26 938
原创 这 10 个技巧让你成为一个更好的 Vue 开发者
我比较喜欢使用 Vue 来开发,所以有时会深入研究其功能和特性。通过这篇文章,向你们介绍十个很酷的窍门和技巧,以帮助大家成为更好的 Vue 开发者。默认情况下,v-model是@input事件监听器和:valueprops上的语法糖。但是,我们可以在Vue组件中指定一个模型属性,以定义使用什么事件和值希望这些窍门和技巧对你有所帮助,如果你也知道哪些技巧,欢迎留言。仅供参考!!
2024-05-05 20:57:56 557
原创 手摸手,带你用vue撸后台
说好的教程终于来了,第一篇文章主要来说一说在开始写实际业务代码之前的一些准备工作吧,但这里不会教你 webpack 的基础配置,热更新原理是什么,webpack速度优化等等,有需求的请自行 google,相关文章已经很多了。
2024-05-05 20:55:34 949
原创 web前端常见的加密算法介绍
在信息安全越来越受重视的今天,前端的各种加密也变得更加重要。通常跟服务器的交互中,为保障数据传输的安全性,避免被人抓包篡改数据,除了 https 的应用,还需要对传输数据进行加解密。目前常见的加密算法可以分成三类对称加密算法:AES、...非对称加密算法:RSA、...Hash 算法:MD5、...在业务 http 请求中,AES 的密钥在前端随机生成,从服务器获取 RSA 的公钥,对 AES 的密钥进行非对称加密,把加密后的密钥在请求头中传给服务器,用 AES 对 body 进行加密。
2024-05-03 01:45:00 1333
原创 了不起的 TypeScript 入门教程
想学习 TypeScript 的小伙伴看过来,本文将带你一步步学习 TypeScript 入门相关的十四个知识点,详细的内容大纲请看下图:TypeScript 是一种由微软开发的自由和开源的编程语言。它是 JavaScript 的一个超集,而且本质上向这个语言添加了可选的静态类型和基于类的面向对象编程。TypeScript 提供最新的和不断发展的 JavaScript 特性,包括那些来自 2015 年的 ECMAScript 和未来的提案中的特性,比如异步功能和 Decorators,以帮助建立健壮的组件。
2024-05-03 00:30:00 1019
原创 微信小程序 【关键部分】
***/nickName: '', // 昵称account: '', // 账号avatar: { // 头像small: '',large: ''},title: 'student', // 头衔phoneNumber: 0, // 电话号码gender: 'secret', // 性别'class': '' // 班级} else {/*** 仍旧调用原始的 Page 方法*/options,// 执行开发者期望的 onload 事件。
2024-05-02 08:15:00 1180
原创 从普通登录到单点登录(SSO)
随着前端登录场景的日益复杂化和技术思想的不断演进,前端在登录方面的知识结构变得越来越复杂。对于前端开发者来说,在日常工作中根据不同的登录场景提供合适的解决方案是我们的职责所在,本文将梳理前端登录的演变过程,希望能帮助跟我遇到同样问题的开发者。
2024-05-02 07:30:00 614
原创 面试官刁钻问题【必看】
根据这么多天面试的经验,总结出中小厂面试流程:自我介绍+项目+八股+算法+手写。其中Vue的八股在之前的面经里基本都涵盖了,但是我觉得CSS如果要问深一点仍然是我的薄弱点,以及从学长那了解到的JS考点和手写题总结出了这篇文章。仅供学习参考。
2024-05-01 17:45:00 701
原创 Vue3 新项目,没必要再用 Pinia 了!
最近弄了一个新的 Vue3 项目,页面不多,其中有三四个页面需要共享状态,我几乎条件反射般地安装了Pinia来做状态管理。后来一想,我只需要一个仓库,存放几个状态而已,有必要单独接一套 Pinia 吗?其实不需要,我差点忘记了 Vue3 的一个重要特性,那就是组合式函数。组合式 API 大家都知道,组合式函数可能大家没有特别留意。但是它功能强大,足矣实现全局状态管理。
2024-05-01 08:15:00 323
原创 手写代码题【基础篇】
示例 1: 输入:prices = [3,3,5,0,0,3,1,4] 输出:6 解释:在第 4 天(股票价格 = 0)的时候买入,在第 6 天(股票价格 = 3)的时候卖出,这笔交易所能获得利润 = 3-0 = 3。函数在数学上是不可能的,因为无限序列的总和可能是有限的(例如,几何级数 1, 1/2, 1/4, ... 的和是 2),也可能是无限的(例如,算术级数 1, 2, 3, ... 的和是无限大的)。这个算法的时间复杂度是 O(n),其中 n 是数组的长度,因为只需要遍历一次数组。
2024-04-30 18:00:00 511
原创 2023最火的前端开源项目
前端一直都是开源项目的热门领域,太多耳熟能详的名字:react、vue、bootstrap。对于前端领域每年都有新人来,今年同样不例外。今天我们推荐的就是2023年最火的前端开源项目,目前在GitHub已超过44K Star,它就是:shadcn-ui。
2024-04-30 07:30:00 1714
原创 纯 CSS 检测文本是否溢出
CSS 就是这么神奇,将两个几乎不相关的特性组合起来,就能实现完全不一样的功能,这可是在其他语言中做不到的,简单回顾一下CSS检测代码css复制代码/*注意溢出方向*/ } @keyframes check{ from,to { --trunc: true;/*滚动驱动动画*/ } } /*查询溢出状态*/ @container style(--trunc: true) { }是不是非常容易,几乎是无侵入式的,下面总结一下本文重点。
2024-04-29 23:45:00 851
原创 2023 年顶级前端工具,你都用了哪些呢?
在过去的 12 个月里,我在我的时事通讯中分享了数百种工具。我为前端和全栈开发人员提供了大量实用的库、帮助程序和其他有用的东西。这些工具涵盖许多类别,包括 JavaScript 库和实用程序、Web 框架、CSS 生成器、数据库工具、React 组件、CLI 工具,甚至 ChatGPT 和基于 AI 的工具,后者是我在过去一年中开始定期介绍的工具。本文中的 60 个工具是我的时事通讯中 2024 年点击次数最多的 Web 开发人员工具。
2024-04-29 07:15:00 935
2024年高频八股文面试题合集
2024-04-29
前端开发Vue3学习资料
2024-04-29
web前端react框架
2024-02-20
2023web前端常考面试题及答案(小白版)
2023-12-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人