zf118的博客

原创 Vue2.0与Vue3.0生命周期对比

2.0生命周期3.0生命周期beforeCreate(组件创建之前)setup(组件创建之前)created(组件创建完成)setup(组件创建完成)beforeMount(组件挂载之前)onBeforeMount(组件挂载之前)mounted(组件挂载完成)onMounted(组件挂载完成)beforeUpdate(数据更新，虚拟DOM打补丁之前)onBeforeUpdate(数据更新，虚拟DOM打补丁之前)updated(数据更新，虚拟DOM渲...

原创 uniapp调腾讯地图

话不多说上代码latitude,longitude经纬度 注意！ 类型必须是Float类型

原创 vue多页面处理滚动条位置

vue多页面处理滚动条位置在这里用overflow-y:scroll；设置纵向滚动条进入三级页面后返回二级页面 再次进入三级页面后会出现页面显示到上次浏览到的位置，这时需要把每次返回之后三级页面的滚动条位置设置的最顶端：...

原创 前端模糊查询

对于模糊查询，一般都是传关键字给后端，由后端来做。但是有时候一些轻量级的列表前端来做可以减少ajax请求，在一定程度上提高用户体验。废话不多说，直接上代码。字符串方法（indexof）：正则表达式：...

原创 Vue生命周期

从Vue实例创建、运行、到销毁期间，总是伴随着各种各样的事件，这些事件，统称为生命周期！生命周期钩子 = 生命周期函数 = 生命周期事件Vue的8个生命周期：beforeCreate： 实例刚在内存中创建OK，此时还没有初始化好data和methods属性。created： 实例已经在内存中创建ok，此时data和methods已经创建ok，此时还没有开始，编译模板。beforeMount： 此时已经完成了模板的编译，但是还没有挂载到页面中。mounted： 此时已经将已经编译好的模板，挂载到

原创 window.localtion.href用法

当前页面跳转url页面： self.location.href = “/url”当前页面跳转url页面： location.href = “/url”当前页面跳转url页面： window.localtion.href = “/url”当前页面跳转url页面： this.localtion.href = “/url”在父页面打开新页面： parent.location.href = “/url”在顶层页面打开新页面： top.location.href = “/url”如果页面中自定义了fram

原创 uniapp运行环境判断

开发环境和生产环境uni-app 可通过 process.env.NODE_ENV 判断当前环境是开发环境还是生产环境。一般用于连接测试服务器或生产服务器的动态切换。· 在HBuilderX中，点击"运行"编译出来的代码是开发环境，点击"发行"编译出来的是生产环境· cli模式下，是通行的编译环境处理方式如果你需要自定义更多环境，比如测试环境：· 假设只需要对单一平台配置，可以package.json中配置，在HBuilderX的运行和发行菜单里会多一个出来。点击查看详情· 如果是针对所有平台

原创 vue搜索框关键字搜索

原创 前端nginx配置跨域

放在哪个盘就配置哪个盘的路径

原创 uni-app尺寸单位

uni-app支持的通用的css单位包括px、rpx1、px即屏幕像素2、rpx即响应式px，一种根据屏幕宽度自适应的动态单位，以750宽的屏幕为基准，750rpx恰好为屏幕宽度，屏幕变宽， rpx实际显示效果会等比放大。3、1vh等于视窗高度的1%，1wh等于视窗宽度的1%...

原创 uni-app生命周期

应用生命周期uni-app支持如下应用生命周期函数：函数名说明onLaunch当uni-app初始化完成时触发（全局只触发一次）onShow当uni-app启动，或从后台进入前台显示onHide当uni-app从前台进入后台onError当uni-app报错时触发onUniNViewMessage对nvue页面发送的数据进行监听，可参考nvue向vue通讯onUnhandledRejection对未处理的Promise拒绝事件监听函数o

原创 uni-ui使用方式

uni-ui使用方式uni ui 支持 HBuilderX直接创建项目模板、npm安装和单独导入个别组件等多种使用方式1、在HBuilderX新建uni-app项目的模板中，选择uni ui模板 由于uni-app独特的easycom技术，可以免引用、注册，直接使用各种符合规则的vue租价。在代码区输入u，拉出各种内置或uni-ui的组件列表，选择其中一个，即可使用该组件。光标放在组件名称上，按F1，可以查阅组件的文档。2、npm安装3、单独安装组件，如果没有创建uni-ui项目模板，也可以在你的

原创 uniapp小程序标签变化

uniapp参考小程序规范，提供了一批内置组件：div 改成 viewa 改成 navigatorimg 改成 imageinput 还在，但type属性改成了confirmtypeform、button、checkbox、radio、label、textarea、canvas、video这些还在select 改成 pickeriframe 改成 web-viewul、li都没有了，用view代替除了改动外，新增了一批手机端常用的组件以及适用场景：scroll-view 可滚动区域试图容

原创 vue.js和uniapp导入自定义组件以及使用

传统vue导入：1. 导入一个vue组件：2. 全局导入vue组件，即每个页面都可以直接使用而不用引用和注册的话，在项目根目录下的main.js里处理：传统vue组件，需要安装、引用、注册，三个步骤后才能使用组件。easycom将其精髓为一步，只需组件安装在项目的components目录下，并符合components/组件名称/组件名称.vue目录结构。就可以不用引用、注册，直接在页面中使用：不管components目录下安装了多少组件，easycom打包后会自动剔除没有使用的组件，对组件库的

原创 substring方法

xxx.substring()方法分为两种情况，括号中带的参数不一样，效果不同：xxx.substring(0, 3) 表示取第一个到第三个字符,返回一个新的字符串(hello–>hel)xxx.substring(3) 表示去掉前三个字符，返回一个新的字符串（hello–>lo)...

原创 uniapp运行微信开发者工具该文件下项目不存在

原创 Ajax轮询和WebSocket区别以及WebSocket触发机制

Ajax轮询和WebSocketAjax轮询WebSocketWebSocket的事件触发机制Ajax轮询ajax轮询十分简单，让浏览器每隔几秒就发送请求，询问服务器是否有新的信息。也就是说，客户端发起连接后，如果没消息，就一直不返回Response给客户端。直到有消息才返回，返回完之后，客户端再次建立连接，周而复始。（太过被动。服务器不能主动联系客户端，只能由客户端发起）WebSocket当服务器完成协议升级后（HTTP->Websocket），服务端就可以主动推送信息给客户端啦。只需要经过