- 博客(15)
- 收藏
- 关注
RSS订阅原创 微信小程序实现瀑布流
实现的步骤：逐步处理列表的数据，把数据放到高度比较小数组中。这个时候我们需要获取到图片的高度，并且计算左右两边数组高度，把新的数据放到高度比较小的数组中。加载到后端的数据设置我们需要的属性，这里我们需要leftList、rightList、leftHeight、rightHeight遍历数组，通过wx.getImageInfo获取到每个元素图片的宽度高度（需要配置download的域名）判断这个元素应该被放在左边还是右边（放在数组高度低的一边）处理完数据之后，把数据设置到data上
2022-04-28 21:28:43
299
原创 JavaScript预解析
JavaScript引擎在对JavaScript代码进行解释执行之前，会对JavaScript代码进行预解析，在预解析阶段，会将以关键字var和function开头的语句块提前进行处理。关键问题是怎么处理呢？当变量和函数的声明处在作用域比较靠后的位置的时候，变量和函数的声明会被提升到作用域的开头。(1)、函数提升func();function func(){ alert("Funciton has been called");}由于JavaScript的预解析机制，上面的代码就..
2022-04-26 21:34:46
51
原创 微信小程序本地存储
写入本地数据小程序提供了读写本地数据缓存的接口，通过wx.setStorage写数据到缓存，在小程序中几乎所有接口都是异步的，这里存储数据也是一个异步操作，如果希望进行同步存储需要调用wx.setStorageSync。异步存储 wx.setStorage({ data: {name:"name",age:4},//需要存储的内容。只支持原生类型、Date、及能够通过JSON.stringify序列化的对象。 key: 'list',//本地缓存中指定的 key...
2022-04-22 10:12:25
922
原创 小程序的界面跳转
小程序的界面跳转wx.navigateTowx.navigateTo({ url: 'test?id=1',})保留当前页面，只能打开非 tabBar 页面。wx.redirectTowx.redirectTo({ url: 'test?id=1'})关闭卸载当前页面，只能打开非 tabBar 页面。wx.switchTabwx.switchTab({ url: '/index'})关闭所有非tabbar页面， 只能打开 tabBa...
2022-04-19 22:30:27
160
原创 微信小程序
一、微信小程序的优劣势1、优势微信助理，容易推广。在微信中，小程序拥有众多入口，例如附近的小程序、小程序码、分享、发现-小程序等五十多个的入口。这些入口有助于企业更好的获取流量，从而进行转化、变现。使用便捷。用户在使用小程序时，只需要轻轻点一下就可以使用，更加符合用户对使用方便、快捷的需求，所以小程序的用户数量不断增加。体验良好，有接近原生app的体验。在微信生态里，小程序在功能和体验上是可以秒杀掉 H5 页面的，H5 页面经常出现卡顿、延时、加载慢、权限不足等原因，而这些问题在小程序里都不会出现。
2022-04-18 22:50:50
74
原创 css高级技巧
1.元素的显示与隐藏在CSS中有三个显示和隐藏的单词比较常见，我们要区分开，他们分别是display、visibility和overflow。他们的主要目的是让一个元素在页面中消失，但是不在文档源码中删除。最常见的是网站广告，当我们点击类似关闭不见了，但是我们重新刷新页面，它们又会出现和你玩躲猫猫！(1)、displaydisplay设置对象是否显示、如何显示。display : none隐藏对象。与它相反的是display:block除了转换为块级元素之外，同时还有显示元素的意思。特点
2022-04-17 18:38:39
184
原创 vue中的属性计算和属性监听
获取完整的名字，需要把姓和名字拼接在一起思路：什么时候去拼接在一起（input值改变的时候，监听keyup知道input什么时候改变了，在这里就可以获取完整的名字 <div id='app'> <input type="text" v-model='firstname'>+ <input type="text" v-model="lastname"> <button>=</button> ...
2022-04-15 20:47:30
66
原创 改变this指向
改变this指向的方法 （重点、难点） call()、apply()、bind() 1、call() （1）、可以进行函数的调用 （2）、可以改变this的指向，如果没有参数，this指向window （3）、可以改变this的指向，如果有一个参数，this指向该参数 （4）、可以改变this的指向，如果有多个参数，this指向第一个参数，剩下的参数是个参数列表（继承的时候再讲） 2、apply() （1）、可以
2022-04-13 22:51:19
52
原创 js的基础
JavaScript是一种描述性语言，也是一种基于对象（Object）和事件驱动（Event Driven）的，并具有安全性的脚本语言。2.JavaScript的特点JavaScript主要用来向HTML页面添加交互行为。JavaScript是一种脚本语言，语法和Java类似。javaScript一般用来编写客户端的脚本。JavaScript是一种解释性语言。3.JavaScript的组成ECMScript标准（规定所有属性，方法和对象的标准）BOM浏览器对象模型（Brows
2022-04-09 21:18:32
91
原创 vue父子组件间的传值
父传子：子组件设置props，设置父组件传递的数据类型{type:[String,Number],default:"默认值"}子传父：给子组件绑定自定义事件，子组件触发：$emit("事件名字"传递数据),父组件使用自定义方法，参数就是子组件传递的数据....
2022-04-07 22:02:30
41
原创 vue生命周期钩子函数
beforeCreate,created,beforeMount,mount,beforeUpdate,updated,beforeDestroy,destroyed
2022-04-05 20:47:51
642
原创 路由守卫是什么？
路由守卫就是导航守卫。导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。简单的说，导航守卫就是路由跳转过程中的一些钩子函数。路由跳转是一个大的过程，这个大的过程分为跳转前中后等等细小的过程，在每一个过程中都有一函数，这个函数能让你操作一些其他的事儿的时机，这就是导航守卫。导航守卫解析导航守卫分为：全局的、单个路由独享的、组件内的三种。分别来看一下：【全局的】：是指路由实例上直接操作的钩子函数，特点是所有路由配
2022-04-01 21:43:20
1044
原创 VueComponent
1.school组件本质是一个名为VueComponent的构造函数，且不是程序员定义的，是Vue.extend生成的。2.我们只需要写<school/>或<school></school>，Vue解析时会帮我们创建school组件的实例对象，即Vue帮我们执行的：new VueComponent(options)。3.特别注意：每次调用Vue.extend，返回的都是一个全新的VueComponent！！！！4.关于this指向：(1).组件配置中：
2022-03-31 22:47:35
67
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人