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、rpx 1、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 改成 view a 改成 navigator img 改成 image input 还在，但type属性改成了confirmtype form、button、checkbox、radio、label、textarea、canvas、video这些还在 select 改成 picker iframe 改成 web-view ul、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），服务端就可以主动推送信息给客户端啦。只需要经过