uni-app源码系列

uni-app 埋坑

1.页面上的onLoad方法是可以起作用的，但是组件中的onLoad方法没有执行uni-app支持的页面生命周期函数是包含onLoad的，但是在组件中并不能使用页面生命周期函数，所以将onLoad换成mounted
把我推进深海的你真善良·2024-02-12 21:28

Sentinel-Go 源码系列（三）滑动时间窗口算法的工程实现

要说现在工程师最重要的能力，我觉得工程能力要排第一。就算现在大厂面试经常要手撕算法，也是更偏向考查代码工程实现的能力，之前在群里看到这样的图片，就觉得很离谱。算法与工程实现在Sentinel-Go中，一个很核心的算法是流控（限流）算法。流控可能每个人都听过，但真要手写一个，还是有些困难。为什么流控算法难写？以我的感觉是算法和工程实现上存在一定差异，虽然算法好理解，但却没法照着实现。举个例子，令牌桶
捉虫大师·2024-02-12 17:19

Vue源码系列讲解——模板编译篇【二】(模板解析阶段)

目录1.整体流程2.回到源码3.总结1.整体流程上篇文章中我们说了，在模板解析阶段主要做的工作是把用户在标签内写的模板使用正则等方式解析成抽象语法树（AST）。而这一阶段在源码中对应解析器（parser）模块。解析器，顾名思义，就是把用户所写的模板根据一定的解析规则解析出有效的信息，最后用这些信息形成AST。我们知道在模板内，除了有常规的HTML标签外，用户还会一些文本信息以及在文本信息中包含过滤
小彭努力中·2024-02-12 15:36

Netty源码系列 之 ChannelPipeline & IO处理回顾 源码

目录ChannelPipeline【包含AbstractUnsafe.write的源码流程，比之前更加深化了，必看】ChannelPipeline概念回顾ChannelPipeline的创建Inbound(输入Handler)所对应的事件传播Outbound(输出Handler)所对应的事件传播【包含AbstractUnsafe.write的源码流程，比之前更加深化了，必看】ChannelPipe
etcEriksen·2024-02-12 08:27

Vue源码系列讲解——虚拟DOM篇【四】(优化更新子节点)

目录1.前言2.优化策略介绍3.新前与旧前4.新后与旧后5.新后与旧前6.新前与旧后7.回到源码8.总结1.前言在上一篇文章中，我们介绍了当新的VNode与旧的oldVNode都是元素节点并且都包含子节点时，Vue对子节点是先外层循环newChildren数组，再内层循环oldChildren数组，每循环外层newChildren数组里的一个子节点，就去内层oldChildren数组里找看有没有与
小彭努力中·2024-02-12 06:07

Vue源码系列讲解——模板编译篇【一】(综述)

目录1.前言2.什么是模板编译3.整体渲染流程4.模板编译内部流程4.1抽象语法树AST4.2具体流程5.总结1.前言在前几篇文章中，我们介绍了Vue中的虚拟DOM以及虚拟DOM的patch(DOM-Diff)过程，而虚拟DOM存在的必要条件是得先有VNode，那么VNode又是从哪儿来的呢？这就是接下来几篇文章要说的模板编译。你可以这么理解：把用户写的模板进行编译，就会产生VNode。2.什么是
小彭努力中·2024-02-12 06:06

uni-app 使用vite.config.js

import{defineConfig}from'vite'importunifrom'@dcloudio/vite-plugin-uni'//一定要用这个，不然运行会报错import{resolve}from'path'importVueSetupExtendfrom'vite-plugin-vue-setup-extend'//scriptsetup标签上可以写组件名称namefunction
weixin_43160044·2024-02-11 20:41

Vue源码系列4------Vue文件的入口-----Vue的初始化

这片文章主要分析，在web应用下，Runtime+Compiler构建出来的Vue.js。入口文件在Vue源码中，入口文件为src/platforms/web/entry-runtime-with-compiler.js。入口文件通过export导出的是一个Vue对象，通过import导入相关依赖组件。首先这个Vue对象来自于；而runtime/index中的Vue对象又来自于；core/inde
Emily Qin·2024-02-11 09:42

Django 后端获取uni-app上传的图片并保存

问题：前端是uni-app，后端是django。
wy-my·2024-02-11 06:08

前端工程化面试题 | 03.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:38

前端工程化面试题 | 02.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:08

前端工程化面试题 | 01.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:07

前端工程化面试题 | 04.精选前端工程化高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-11 06:37

过渡效果的艺术：CSS transition 让网页交互更平滑（上）

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
阿珊和她的猫·2024-02-11 03:02

2020-11-16 uni-app tabbar底部导航配置

先增加三个页面image.png修改page.json文件，增加pagestabBar{"pages":[{"path":"pages/index/index","style":{"navigationBarTitleText":"uni-ui基础项目"}},{"path":"pages/owner/owner","style":{"navigationBarTitleText":"","enab
澄澄真可爱·2024-02-10 22:16

uni-app字体图标的一些问题

1.iconfont组件使用iconfont.css中如果使用iconfotn的线上字体注意一定要添加http,要不然图标无法正常显示现在部署时iconfont引入的ttf文件可以转成base64格式,优化图标载入速度;转base64的工具可使用https://www.giftofspeed.com/base64-encoder/,具体引入格式如下//iconfont.css@font-face{
JumpChen·2024-02-10 22:13

Uniapp（uni-app）学习与快速上手教程

Uniapp（uni-app）学习与快速上手教程1.简介Uniapp是一个跨平台的前端框架，允许您使用Vue.js语法开发小程序、H5、安卓和iOS应用。下面是快速上手的步骤。
清水白石008·2024-02-10 20:52

UNI-APP 一些常用方法

module.exports={//判断是IOS还是安卓getPhoneType(){vartype='other'switch(uni.getSystemInfoSync().platform){case'android':type='android'break;case'ios':type='ios'break;default:break;}returntype},//处理手机号码中间四位ph
开飞机的杰瑞·2024-02-10 18:15

uni-app开发ios端滑动体验差页面禁止回弹

iOS端由于存在bounce效果，滑动体验略差，建议禁止bounce效果，禁止方式如下：{"path":"swipe-action/swipe-action","style":{"navigationBarTitleText":"TitleText","disableScroll":true,"app-plus":{"bounce":"none"},}}
卡_ec46·2024-02-10 18:31

uni-app x，一个纯原生的Android App开发工具

uni-appx，下一代uni-app，一个神奇的产品。用vue语法、uni的组件、api，以及uts语言，编译出了kotlin的app。不再使用js引擎和webview。
近咫／＼ぃ天涯·2024-02-10 12:21

uni-app项目中引入Vant UI组件库（完美避坑！！！）纯净版

文章目录第一步，HBuilderX中新建一个uni-app的项目第二步，HBuilderX提示项目创建成功，在HBuilderX用命令行窗口打开创建的项目（或直接在创建的项目文件夹内用cmd指令打开）第三步
我也想做全栈一霸！·2024-02-10 10:48

Vue源码系列讲解——虚拟DOM篇【三】(更新子节点)

1.前言在上一篇文章中，我们了解了Vue中的patch过程，即DOM-Diff算法。并且知道了在patch过程中基本会干三件事，分别是：创建节点，删除节点和更新节点。创建节点和删除节点都比较简单，而更新节点因为要处理各种可能出现的情况所以逻辑略微复杂一些，但是没关系，我们通过分析过程，对照源码，画逻辑流程图来帮助我们理解了其中的过程。最后我们还遗留了一个问题，那就是在更新节点过程中，新旧VNode
小彭努力中·2024-02-10 08:38

uni-app中v-html绑定的富文本怎么修改里面图片的大小

在后台传入的富文本文件读取的时候加入.replace(/\<img/gi,'<imgstyle="max-width:100%;height:auto"')
小灰灰_Demo·2024-02-10 08:35

uniapp数据缓存（存储/获取/移除/清空）

在uni-app中，可以使用uni.setStorageSync和uni.getStorageSync来进行数据的存储和获取。
愚公搬程序·2024-02-10 04:19

uniapp实现手机横屏（方法一）

在uni-app中实现部分页面横屏：打开uni-app项目的manifest.json文件。在"pages"节点下找到需要横屏的页面，添加"style"节点。
前端fighter·2024-02-09 18:24

uni-app开发H5跨域问题

在项目找到manifest.json文件，添加h5配置代码如下："h5":{"title":"项目名称","template":"","devServer":{"https":false,"port":8080,"proxy":{"/api":{"target":"你的接口",//目标接口域名"changeOrigin":true,//是否跨域"secure":false,//设置支持https协
GiRaffe_·2024-02-09 13:08

Oracle 面试题 | 19.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-09 12:27

Oracle 面试题 | 20.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-09 12:56

【工作学习 day04】 9. uniapp 页面和组件的生命周期

参考文章：uni-app子组件onLoad、onReady事件无效_uniapp组件onload-CSDN博客可以看到，
_终会遇见_·2024-02-09 10:54

Uni-App学习路线

Uni-App学习路线学习Uni-app用到的技术Uni-app官网HtmlCssJavaScriptVue2.xAxiosMockScss成长路线:一.必须掌握前端基础知识html\css\js\vue2
吃肉肉不吃肉肉·2024-02-09 08:42

Vue源码系列讲解——变化侦测篇【下】(Array的变化侦测)

目录1.前言2.在哪里收集依赖3.使Array型数据可观测3.1思路分析3.2数组方法拦截器3.3使用拦截器4.再谈依赖收集4.1把依赖收集到哪里4.2如何收集依赖4.3如何通知依赖5.深度侦测6.数组新增元素的侦测7.不足之处8.总结1.前言上一篇文章中我们介绍了Object数据的变化侦测方式，本篇文章我们来看一下对Array型数据的变化Vue是如何进行侦测的。为什么Object数据和Array
小彭努力中·2024-02-09 07:57

Vue源码系列讲解——虚拟DOM篇【一】(Vue中的虚拟DOM)

目录1.前言2.虚拟DOM简介2.1什么是虚拟DOM？2.2为什么要有虚拟DOM？3.Vue中的虚拟DOM3.1VNode类3.2VNode的类型3.2.1注释节点3.2.2文本节点3.2.3克隆节点3.2.4元素节点3.2.5组件节点3.2.6函数式组件节点3.2.7小结3.3VNode的作用4.总结1.前言虚拟DOM，这个名词作为当下的前端开发人员你一定不会陌生，至少会略有耳闻，但不会闻所未闻
小彭努力中·2024-02-09 07:57

Vue源码系列讲解——虚拟DOM篇【二】(Vue中的DOM-Diff)

目录1.前言2.patch3.创建节点4.删除节点5.更新节点6.总结1.前言在上一篇文章介绍VNode的时候我们说了，VNode最大的用途就是在数据变化前后生成真实DOM对应的虚拟DOM节点，然后就可以对比新旧两份VNode，找出差异所在，然后更新有差异的DOM节点，最终达到以最少操作真实DOM更新视图的目的。而对比新旧两份VNode并找出差异的过程就是所谓的DOM-Diff过程。DOM-Dif
小彭努力中·2024-02-09 07:24

uni-app 小程序 uni.showToast字数超过两行自动省略显示不全问题

如图：uni.showToast({title:res.data.msg,icon:"none"});uni.showToast()显示消息提示框，显示图标时，title文本最多显示7个汉字长度，在不显示图标的情况下，大于两行不显示。可以选择更换为使用uni.showModaluni.showModal({title:"提示",content:res.data.msg,confirmText:"确
maoge_666·2024-02-09 05:37

uni-app跳转到详情页面

通过使用uni.navigateTo()传值给详情页详情页通过onLoad()进行接收index.vue主要部分代码场所预定更多>{{reserve.title}}开放时间:{{reserve.time}}当前人数:{{reserve.current}}/{{reserve.total}}人exportdefault{data(){return{reserveList:[{pleace_id:1,
香菜的开发日记·2024-02-08 23:58

Oracle 面试题 | 15.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-08 19:24

Oracle 面试题 | 16.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-08 19:24

Oracle 面试题 | 17.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-08 19:24

Oracle 面试题 | 18.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-08 19:54

读懂 FastChat 大模型部署源码所需的异步编程基础

事件循环4.await5.组合协程6.使用Semaphore限制并发数7.运行阻塞任务8.异步迭代器asyncfor9.异步上下文管理器asyncwith10.参考本文是读懂FastChat大模型部署源码系列的第二篇
javastart·2024-02-08 09:08

Netty源码系列 之 EventLoop & run()方法 源码

EventLoop[实现类为NioEventLoop，我们研究NioEventLoop即可]EventLoop是一个单线程的线程池核心作用：处理执行IO操作（accept，read，write事件），普通任务，定时任务EventLoop封装了Selector复用器，Thread线程，以及任务队列为什么EventLoop需要一个任务队列？因为EventLoop是一个单线程的线程池，如果有多个任务请求
etcEriksen·2024-02-08 07:18

【编程入门】开源记事本（微信小程序版）

image左侧为前端版本：安卓、iOS、鸿蒙、Flutter、Vue、uni-app。右侧
蓝不蓝编程·2024-02-08 06:21

七、Nacos源码系列：Nacos服务发现

目录一、服务发现二、getServices()：获取服务列表2.1、获取服务列表2.2、总结图三、getInstances(serviceId)：获取服务实例列表3.1、从缓存中获取服务信息3.2、缓存为空，执行订阅服务3.2.1、调度更新，往线程池中提交一个UpdateTask任务3.2.2、订阅服务3.2.3、处理服务信息3.3、非订阅模式，通过grpc发送ServiceQueryReques
每天都要进步一点点·2024-02-08 01:36

uniapp v-if和v-for优先级问题

在uni-app中，v-for的优先级高于v-if。这意味着在同时使用v-for和v-if的情况下，v-for会先执行。
emma20080101·2024-02-07 11:14

校园团餐SAAS系统源码

技术特点>*前后端完全分离(互不依赖开发效率高)>*采用PHP8(强类型严格模式)>*ThinkPHP8.0（轻量级PHP开发框架）>*Uni-APP（开发跨平台应用的前端框架）>*TDesign（企业级中后台产品
像素科技·2024-02-07 10:31

源码系列——ArrayList动态扩容机制

前言ArrayList继承了AbstractList类，实现了List接口,并且ArrayList底层是一个动态扩容的数组。ArrayList实现了RandomAccess接口，此接口是一个随机访问的标记接口(不需要遍历，直接通过下标访问数组元素的内存地址)，此外还实现了Serializable接口支持序列化(就是将对象转化为字符序的形式，这些字符序列包括了对象的字段和方法，序列化的对象可以被写入
小白菜aaa·2024-02-07 08:16

关于uni-app的iPhonex底部安全区域解决方案

前言关于这个iPhoneX底部安全区域问题，这个一直困扰了我好久，前前后后因为这个提交了好多次代码也在网上找了好多解决方案，今天我在这儿简单总结一下，一来也方便自己以后查笔记，二来也希望方便后来人，我的终究目标是愿世界上永远没有难解决的bug，哈哈哈当然是开玩笑的，言归正传，下面就给大家来介绍几种解决iPhoneX底部安全区域的问题。方法一mainfest.json文件app-plus节点下配置s
小李不小·2024-02-06 19:37

Oracle 面试题 | 11.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-06 18:09

Oracle 面试题 | 12.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-06 18:09

Oracle 面试题 | 14.精选Oracle高频面试题

年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程《Vue.js和Egg.js开发企业级健康管理项目》、《带你从入门到实战全面掌握uni-app
ai_todo·2024-02-06 18:09
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他