槿畔-优快云博客

大家都知道vue2的时候是使用了Object.defineProperties方法通过set和get来进行数据的劫持，从而达到响应式数据。在vue3中则是使用es6 proxy代理，将对象进行转化拦截，使用weakMap做弱引用缓存。当触发代理的get时就会调用track，在track里面会把对应的effect收集到targetMap（targetMap就是map数据）set时会执行trigger，trigger函数如果有获取有对应的effect，就会触发effect。下面通过手动一个案例来进行

2021-02-19 18:04:19 13604 4

原创 vue快速转型uni-app

本篇博客是给已经有了vue、react等框架基础的同学预览的，重点讲述培养学习思维,以不一样的思维带你深入uni-app。。。1.刚学习uni-app,第一步应该考虑哪些东西？了解其应用场景，整合其优势，大规模的线上案例这是必然的，具体的介绍需要大家去细细研究。我们既然已经有了前端框架的开发经验，学习一个新的线路时，必须有一个正确的思维：1）快速入门，熟悉简单语法2）前端框架通用优势在该框架中如何实现。（如组件封装、组件通信、组件生命周期、路由守卫、实战请求接口封装、实战mock数据等等）

2020-07-31 17:08:00 10318 1

原创前端项目的接口管理方案----构思

一般来讲，现在百分之90的开发方式都是前端端分离，通俗来讲就是服务端提供一个http的REST API，前端同学去调用服务端的接口进行交互。因此就衍生出请求代码的各类封装，但是网上的开发者从来就没有一个具体的定义，网上也没有具体的一个特别规范的一个点。我个人观点认为，封装就应该是拆分一层又一层，最终目的就是为了方便维护，方便拓展，方便管理。传统的代码，也是我看见项目最烦的一种代码：...

2020-05-05 16:14:46 11040 2

原创 vue-config.js配置实战

今天讲述一下vue-config.js配置，我们前面搭建好脚手架会发现,这个对比2.x版本少了很多东西,没有build的配置,也没有webpack的配置,那么问题来了,我们如何去开发我们的项目呢,比如设置代理,打包配置等问题呢?还不会搭建脚手架,点击前往搭建vue-cli3实际上我们都是可以在vue-config.js中进行配置(刚创建的这个js都是空的),我把官网里面很常见的配置都进行了注释...

2018-11-15 15:04:00 30341

原创 vue-cli3脚手架/单文件/环境搭建

vue-cli3脚手架/单文件/环境搭建。vue3.x版本相对于2.x版本做了许多地方的优化,个人总结主要还是使用上使开发者更加一目了然,配置起来也更加的方便,减少了各种webpack里面的loader的配置.下面一起看一下,3.x版本该如何从搭建到配置再到开发的一个过程:如果你已经搭建好了,请前往vue-config.js(封装了2.x的webpack配置)一,安装1.如果电脑...

2018-11-15 14:54:59 23536 1

原创 vue组件发布npm

最近对开发Vue组件库的流程很好奇，网上步骤一搜也是一堆，总是少点漏点的步骤，就会导致整段垮掉，下边自己弄完整理了一下。跟着步骤走：一，创建一个vue项目，为了简洁方便，推荐使用webpack-simple构建一个项目 vue init webpack-simple my-project二，就是按照提示，cd my-project------->npm i---------...

2018-09-07 14:04:54 23045 14

原创 react-native入门----Unable to resolve module ‘AccessibilityInfo’ 错误（三）

前面主要是搭建了各种环境，虚拟机等等。本次主要是讲react-native入门搭建基础脚手架遇到的坑。。。按照官方的说法，安装完各种环境以后直接安装脚手架，cd到所在目录直接就能运行进入到欢迎界面了。npm install -g yarn react-native-clireact-native init AwesomeProjectcd AwesomeProjectreact...

2018-08-08 17:39:27 11575 1

原创 react-native结合Genymotionshell开发(二)

mac的电脑结合Xcode就可以，window个人感觉Genymotionshell还挺不错的，可自己在官方注册用户，直接登录选个人使用就行，一般安装完就生成了三个应用我自己根据网上以及官网的说法在android studio中这样使用，发现走不通（首先讲的按官方的操作。有懂的可私聊我，感谢。这里提供另外的解决办法）首先File-->settings-->Plugins...

2018-08-08 17:08:21 18492

原创 react-native 环境配置（一）

感觉native的入手还是比一般的文档相对来说比较麻烦的，尤其是各种环境的需求，缺一不可，本博文将从环境配置到入门，剩下的还是看native中文网的文档为主。安装Node 、android studio、Python2 和Java SE Development Kit (JDK)node，python（直接下载自动添加的环境变量，就不说明了）java下载以及环境配置：1.下载...

2018-08-08 16:18:19 5703

原创 node.js结合redis+mysql

mysql大家都知道是什么，数据库，就不怎么简介了，redis当你的服务器访问量比较大的时候或者说想让你的速度访问更快的时候，你就要用到redis进行缓存，好处就是别人请求的都是你缓存的数据，你只需要定时的向mysql调用数据即可，避免了大量用户访问的时候频繁的对数据库进行select查找，减轻了服务器的压力。用的时候记得下载redis和redis可视化工具，启动redis server；...

2018-07-11 14:34:30 13935

原创 vue裁剪并上传头像

之前，在用vue写一个上传头像的模块，里面需要对头像进行拖动裁剪设置,可是后台却跟我说他只要类似于input上传图片的内容。前端是没有办法操作本地图片的，一般也只能是传图片+裁剪的坐标给后台，除非用canvas来进行绘画裁剪然后再拿到裁剪后的base64图片地址，不断反复的转码再通过new的fromdata转成blob的格式，总之相当复杂。（github直接搜索vue-cropperjs），最终得...

2018-04-05 18:54:20 4914 2

原创【uni-app】App通知权限检测与提醒

app中会存在通知权限关闭的情况，某些时机需要提醒用户前往设置打开权限，本文基于uniapp进行函数封装

2024-04-07 16:07:44 1632 2

原创页面转word的那些事

解决页面如何转化成word文档，或者需求需要下载成word形式

2024-04-07 15:57:09 1173 1

原创【uniapp】Uniapp cli 自动化打包脚本实现

uniapp只能在hbuildx中进行配置打包app，本文设计借助cli实现本地cmd打包

2023-12-26 17:15:34 3260 1

原创【1024纪念】来自AI的博客

今年是chatGpt突飞猛进的一年，也见识了社会的进步，就让AI来替我写下这篇文章吧

2023-10-24 10:53:58 516

原创纪念在优快云的2048天

时间真快～

2023-10-06 09:04:30 1376

原创【uniapp】一文读懂app端安装包升级

uniapp app端（ios,android）发布，apk\ipa 在线wgt包升级流程

2023-08-08 15:22:34 3879 1

原创【uniapp问题】app端ios短时间震动兼容

app端下拉刷新时想增加一些反馈效果，但是ios是不支持短震动的...

2023-07-05 14:26:43 1728

原创全国科技工作者日纪念文

通过这些技术，Web前端工程师可以创建出漂亮、直观且易于使用的用户界面，并提供各种交互功能，以实现用户期望的功能和体验。新的框架和库被创建出来，新的标准和规范被推出，以满足不断变化的需求和需求。因此，要想确保代码的可维护性和可扩展性，您需要编写整洁、有条理的代码，并使用合适的结构、命名约定等。9月10日是全国科技工作者日，这是一个重要的节日，旨在表彰和庆祝我国广大科技工作者的贡献和成就。因此，要想成为一个出色的Web前端工程师，需要不断更新自己的知识和技能，掌握新的工具、库和框架。

2023-05-30 13:49:13 745