2021年07月_西半球

12月 11月 08月 07月 06月 05月 04月 02月 01月

原创 JS - 对象数组根据key重新分组

var arr = [ { "id": "1001", "name": "值1", "value": "111" }, { "id": "1001", "name": "值1", "value": "11111" }, { "id": "1002", "name": "值2", "value": "25462" }, { "id": "1002", "name": "值2", "value": "23131" }, { "id": "1002", "name": "值

2021-07-26 13:52:39 3609

原创 uni-app - 使用scss动态配置宫格布局

demo 地址: https://github.com/iotjin/jh-uniapp-demo介绍uni-app推荐使用scss设置样式Scss/Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Scss/Sass 以及 Scss/Sass 的样式库（如 Compass）有助于更好地.

2021-07-16 17:28:52 1766

原创 uni-app - 在uniapp中使用echarts展示图表

习惯使用echarts图表，在uniapp中使用npm安装echarts再使用，或多或少有问题，最终找到一个好用的插件lime-echart官网地址uni-app插件市场地址安装直接在插件市场，使用HBuilderX导入插件即可，最终导入到uni_modules文件夹使用使用方法可参考插件市场的用法，以下是一个异步加载demo<template> <view> <view style="width: 100%; height:50.

2021-07-12 17:43:52 11745 2

原创 uni-app - 全局常量和变量

方式一：导入调用写一个项目配置类：projectConfig.js，里面写一些全局常量（其实试了一下，也可以改值）用法：用的时候导入import ProjectConfig from './common/configs/projectConfig'调用ProjectConfig.kAppName使用HBuilderX，发现只有相对路径导入，才能点进去某个常量// appNameexport const kAppName = 'jh-uniapp-demo';// 版本号export

2021-07-12 11:58:07 2626

原创 uni-app - 基于uView的base-navbar实现

uni-app项目中，有时通过pages.json设置navbar达不到想要的效果，此时需要使用自定义的navbar组件来实现，本项目中的navbar是基于uView的Navbar 进行二次封装#效果图用法实际一个页面只有一个navbar，isFixed是为了demo展示才放出来的属性，一般不加 <view class="text"> 默认样式，左侧返回和标题 </view> <base-navbar :isFixed="false" title="标题".

2021-07-12 10:01:25 1944 1

原创 uni-app - 网络请求和数据存储工具类

网络请求是对uni.request请求的简单封装数据存储是对uni.getStorageSync、uni.setStorageSync的简单封装torageUtils使用使用方法：import TorageUtils from '@/common/utils/torageUtils.js'const TorageUtils = require('@/common/utils/torageUtils.js')TorageUtils.Jh_setStorageSync('key1', '.

2021-07-12 09:40:38 622

原创 uni-app - 通用项目框架搭建及项目结构调整

官网介绍：uni-app 是一个使用 Vue.js 开发所有前端应用的框架，开发者编写一套代码，可发布到iOS、Android、Web（响应式）、以及各种小程序（微信/支付宝/百度/头条/QQ/钉钉/淘宝）、快应用等多个平台。uni-app官网uni-app插件市场uni-app论坛HBuilderX下载地址博主觉得uni-app 较适合多端开发需求的项目，了解h5和Vue即可快速上手，懂小程序更佳，推荐使用官方编译器HBuilderX进行开发。尽量选择多端兼容较好的插件，否则之后会遇.

2021-07-08 11:38:31 1646

原创 Mac - 使用tree生成项目目录结构

1、安装tree终端运行brew install tree2、cd到项目目录生成项目目录结构tree -L 2 -I "node_modules|static" tree -L 2 -I "node_modules|static" > tree.txt tree -L 2 -I "node_modules|static" -N > tree.txt 其中-L：生成的层级-I：忽略的文件> tree.txt：导出到同目录-N：处理中文文件名乱码问题tree

2021-07-08 09:58:12 211

原创 Vue - axios简单封装

demo 地址: https://github.com/iotjin/jh-vue-demoaxios GItHub使用axios简单封装一个网络请求工具类，toast用的是vant，包含请求拦截、响应拦截，异常处理，可对token、header、请求参数和返回参数进行加密解密处理axios安装npm install axios使用方法：1.在要使用的js文件导入const HTTP = require('../../../../http/HttpUtils.js');2. .

2021-07-01 17:30:18 175