随笔分类 - 前端知识分享
专注前端开发技术分享,助力初学者更好成长
摘要:
最近发现有不少的公司已经跳出 uniapp 的坑坑,开始使用 flutter 开发app了,为了让自己不失业,赶紧卷起来!此篇文章教你从 0 基础开发一个 简单页面,文章篇幅较长,建议收藏!也可以直接参考官方中文文档:https://flutter.cn/community/china 一、环境配置
阅读全文

摘要:
vue+uniapp制作的聊天室 app 消息推送怎么实现呢?手把手教你使用 unipush
阅读全文

摘要:
今天使用 hbuilder 运行到 ios 真机的时候,突然发现还需要 ipa 签名,这是什么东东呢? 1、IPA 签名是什么? 因苹果公司禁止企业证书用于非企业内部开发者。所以开发者无法再使用DCloud的企业证书签名的标准运行基座。 运行标准基座到iOS真机设备前,需要使用开发者的证书对基座签名
阅读全文

摘要:
又是一个年底来了,好大一批人可能又准备跑路了,最近回家待产,翻了翻掘金和 CSDN 发现好多大佬都有大厂 Offer ,看着看着我心动了! 话不多说,赶紧开干,给自己整了一个前端面试小助手——微信小程序内搜索 “WEB学习学习加油站” ,整理了前端经典高频面试题,笔试题库,是前端跳槽人必不可少的利器
阅读全文

摘要:
1、ts 中的 any 和 unknown 有什么区别? unknown 和 any 的主要区别是 unknown 类型会更加严格:在对 unknown 类型的值执行大多数操作之前,我们必须进行某种形式的检查。而在对 any 类型的值执行操作之前,我们不必进行任何检查。 举例说明: let foo:
阅读全文

摘要:ref、isRef、toRef、toRefs、toRaw 看着一堆类似的东西,一个头两个大,今天整理一篇文章详细介绍它们的功能及区别。 1、ref ref 属性除了能够获取元素外,也可以使用 ref 函数,创建一个响应式数据,当数据值发生改变时,视图自动更新。 <script lang="ts" s
阅读全文
摘要:
uni-app 是使用 vue.js 开发的所有前端应用框架,开发者编写的一套代码,可以发布到 ios、android、web ,以及各种小程序平台。 一、创建uni-app 1、hBuilderX 可视化创建 最便捷的就是使用 hbuilder 可视化创建项目,在点击工具栏里的文件 -> 新建 -
阅读全文

摘要:
前端写自动脚本中最常见的就是 debugger 的干扰,debugger 仅在调试模式中起作用,需要手动点击才会继续向下执行,这样我们的自动脚本也就卡住无法向下执行,本篇文章介绍几种跳过 debugger 的方法。 方法1:禁用所有断点 禁用所有的断点,会包含自己的断点也会被禁用掉,暂停了调试。 方
阅读全文

摘要:
系列文章: 1、async-validator 源码学习(一):文档翻译 2、async-validator 源码学习笔记(二):目录结构 rule 主要实现的是校验规则,文件结构为下图: 一、rule 目录文件介绍 其中 index.d.ts 文件: declare const _default:
阅读全文

摘要:
async-validator 是一个表单异步校验库,阿里旗下的 Ant-design 和 Element 组件库中的表单验证使用的都是 async-validator ,目前版本已更新到 4.0.7 ,下载量达到 1,067,202次,不仅支持 js ,同时也可支持 typeScript 。是一个
阅读全文

摘要:
Hi,我是前端人,今日与君共勉! 一、从输入 URL 到页面呈现发生了什么? 在浏览器中输入一个网址,如:https://www.baidu.com 。从输入地址到我们看到百度首页,这一过程到底发生了什么? 1.1、构建网络请求 1.2、查找缓存 检查如果有缓存,则直接使用缓存,如果没有缓存,则会向
阅读全文

摘要:Hi,我是前端人,今日与君共勉!废话不多说,直接上干货! 1、你对 WEB 安全的理解? 互联网发展迅速,现在的 web 不再是以前的简单网页,除了常见的电商购物平台、手机转账、银行系统之外,物联网技术的发展,不仅让智能家居走进了生活,也促进了医疗、物流等行业的发展,安全问题逐渐也成为大家比较关心的
阅读全文
摘要:
1、Vue3 出现解决了什么问题?它有哪些优势? Vue2 代码模式下存在的几个问题: 随着功能增加,复杂的组件代码越来越多,变得难以维护。主要原因是 vue2 通过选项式API组织的代码,一个逻辑功能可能有多处代码,不易别人上手。 缺少一个比较干净的在多个组件之间可以提取和复用逻辑的机制。 类型推
阅读全文

摘要:
1、为什么选择VUE,解决了什么问题? vue.js 正如官网所说的,是一套构建用户界面的渐进式框架。与其它重量级框架不同的是,vue 被设计为可以自底向上逐层应用。vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整合。另外一方面,当与现代化工具链以及各种支持类库结合使用时,v
阅读全文

摘要:
起点低怕什么,大不了加倍努力。人生就像一场马拉松比赛,拼的不是起点,而是坚持的耐力和成长的速度。只要努力不止,进步也会不止。 1、ECMAScript 与 JavaScript 的关系? ECMA(European Computer Manufacturers Association)欧洲计算机协会
阅读全文

摘要:
起点低怕什么,大不了加倍努力。人生就像一场马拉松比赛,拼的不是起点,而是坚持的耐力和成长的速度。只要努力不止,进步也会不止。 一、谈谈你对 BFC 的理解及作用。 BFC 是 Block Formatting Context 格式化上下文的缩写,就是页面上一个隔离的独立容器,容器内的子元素不会影响到
阅读全文

摘要:身在西安的小编被疫情搞慌了,不管你在不在西安,希望大家能够做好自我保护! 我是一名前端程序媛,也是一个萌妹子,在 2021 与 2022 跨年之际,我要给自己做一个 2021 年终总结,希望更加明确自己 2022 新年目标! 年终总结对自己是非常重要,不仅可以找出这一年值得肯定的东西,对自己有个交代
阅读全文
摘要:
要想成为一个高级前端工程师,很多人的答案都是:学习,不断地学习。 学习肯定是要学的,但是我们要怎么学习呢? 学习方式还是挺多的,我更推荐大家多看看比自己水平高的人,写的代码。遇到没见过的内容就立即学习学习。下面就给大家看看,我们为什么要看别人的代码! 场景1:数组拼接 let arr1 = [ a,
阅读全文

摘要:
使用 vite 创建项目完成后会自动生成 一个 vite.config.js 代码如下: import { defineConfig } from 'vite' import vue from '@vitejs/plugin-vue' export default defineConfig({ pl
阅读全文

摘要:
众所周知,前端技术一直更新很快,这不 vue3 也问世这么久了,今天就来给大家分享下vue3中值得注意的知识点。喜欢的话建议收藏,点个关注! 1、createApp vue2 和 vue3 在创建实例时,有很大的区别,具体对比如下: //Vue 2 Vue.use({ router, store,
阅读全文
