![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
幼儿园吃饭第一名949
遇到你
展开
-
移动端流式布局
移动端流式布局 第一种:利用column-count属性 <view class="greatGood"> <view class="greatGoodItem" v-for="(item,index) in great" :key="index" :style="{backgroundColor:item.backColor,height:item.height+'px'}" > </view> </view> .greatGood原创 2021-03-10 21:57:24 · 79 阅读 · 0 评论 -
10 个 JavaScript 代码简写技巧总结
使用三元运算符根据条件给变量赋值 ❌ a > b ? foo = 'apple' : foo = 'ball'; ✔️ foo = a > b ? 'apple' : 'ball'; 根据条件给对象的不同属性赋相同的值 ❌ c > d ? a.foo = 'apple' : a.bar = 'apple'; ✔️ a = { [c > d ? 'foo' : 'bar']: 'apple' }; 导出多个变量 ❌ export const fo.原创 2021-01-27 16:06:43 · 77 阅读 · 0 评论 -
小程序使用地图插件marker属性中的气泡框在ios中无法正常显示
这段代码在ios系统中无法正常显示! markers.splice(1, 1, { iconPath: '/static/dangqian.png', id: 1, title: '当前位置', width, height, latitude: this.data.nowNavigation.latitude, longitude: this.data.nowNavigation.longitud原创 2020-12-29 10:55:16 · 1049 阅读 · 0 评论 -
Async/Await 使你的代码更简洁
Async/Await 使你的代码更简洁 或者说,我如何学习不使用回调函数并且爱上ES8 有时,现代JavaScript项目会脱离我们的掌控。其中一个主要的罪魁祸首就是杂乱的处理异步的任务,导致写出了又长又复杂又深层嵌套的代码块。JavaScript现在提供了一个新的处理这些操作的语法,他甚至能把最错综复杂的操作转化成为简洁而且可读性高的代码 背景 AJAX (Asynchronous JavaScript And XML) 首先来进行一点科普。 在90年代末期, Ajax是异步JavaScript的第一个原创 2020-11-17 14:43:23 · 147 阅读 · 0 评论 -
Vue 项目中 axios 的封装和API接口的管理
一、axios的封装 安装 npm install axios; // 安装axios复制代码 引入 一般我会在项目的src目录中,新建一个request文件夹,然后在里面新建一个http.js和一个api.js文件。http.js文件用来封装我们的axios,api.js用来统一管理我们的接口。 // 在http.js中引入axios import axios from 'axios'; // 引入axios import QS from 'qs'; // 引入qs模块,用来序列化post类型的数据,后原创 2020-11-17 11:04:33 · 90 阅读 · 0 评论 -
taro-colorui
Taro的colorui组件: MP-ColorUI https://yinliangdream.github.io/mp-colorui-doc/view/avatar.html原创 2020-11-12 15:06:27 · 387 阅读 · 0 评论 -
代码性能优化之优化逻辑判断
编写高质量可维护的代码之优化逻辑判断 if else、switch case 是日常开发中最常见的条件判断语句,这种看似简单的语句,当遇到复杂的业务场景时,如果处理不善,就会出现大量的逻辑嵌套,可读性差并且难以扩展。 下面我们会分别从 JavaScript 语法和 React JSX 语法两个方面来分享一些优化的技巧。 JavaScript 语法篇 嵌套层级优化 function supply(fruit, quantity) { const redFruits = ['apple', 'strawbe原创 2020-08-17 16:56:56 · 516 阅读 · 0 评论 -
页面图片的懒加载(延迟加载) lazyLoad
文档:http://www.h-ui.net/lib/jQuery.lazyload.js.shtml github地址:https://github.com/jieyou/lazyload Lazy Load是一个用js编写的jQuery插件,用来实现图片的延迟加载。只有在浏览器可视区域的图片才会被加载,没有滚动到的区域img标签上会有一个占位图片,而真实图片不会被载入。当页面比较长,图片比较多的时候,延迟加载图片可以加快页面加载速度,在某些情况下降低服务器负担。 使用方法 1、lazyload.js依赖原创 2020-07-17 14:54:03 · 141 阅读 · 0 评论