webpack-css⽂件合并和压缩和css兼容处理(1): css⽂件合并(mini-css-extract-plugin)yarn add -D mini-css-extract-pluginconst MiniCssExtractPlugin = require("mini-css-extract-plugin"); // 合并css// 装载器配置module:{rules: [{test...

html5如何及时更新缓存⽂件（js、css或图⽚）我们在使⽤offline cache的时候，有时候可能会更新资源，如js，css或者图⽚的更新。但是在没有更新以前⽤户已经缓存了旧版本的资源，当在次访问的时候他使⽤的还是旧版本的资源，如何才能让⽤户及时的更新缓存资源呢？更新缓存资源主要有两种⽅法，通过修改配置⽂件的版本号或者调⽤js完成更新js更新⽅法复制代码代码如下:if (window.ap...

mui开发之plusready和init初学mui会发现⼤量的demo中，都需要调⽤mui.init()和mui.plusReady()，可见这两东西在app开发中的重要性⾸先请注意⼀点，如果不是做app开发（⾮hbuilder基座运⾏），做web开发的话（在浏览器运⾏html），plusReady是没有意义的，不会执⾏，为什么？啥是html5+，和html5有什么区别？所谓的html4.0标准我...

问题⽇志：postcss-preset-env插件问题：实测最新版本（6.7.0）的postcss-preset-env插件失效，webpack ⽆法⽣成兼容性css前缀尝试最新的官⽅⽂档书写（图2）尝试使⽤旧版配置报错，postcss-loader 插件配置项已更改图1 package.json图2 最新官⽅⽂档配置图3 配置2css最新另外 browerslist 中加⼊ 'maintaine...

⼩程序--⼀--⽂件夹及内容解析js学习以后坚持⼀⽇⼀更，和⼤家分享我每天学习的成果及经验，让想要学习的⼩伙伴少⾛弯路。⼀、⼩程序⽬录结构⼩程序主体部分三个⽂件⽂件必需作⽤app.js是⼩程序逻辑app.json是⼩程序公共配置app.wxss否⼩程序公共样式表utils是存放⼯具的函数，主要就是为了达到代码复⽤的⽬的fig.json是开发者⼯具的配置信息page...

uni-app全栈仿开源项⽬系列（⼀）叮咚项⽬参考⽂档 v1.0项⽬技术栈：前端：uni-app + nvue 实现原⽣页⾯渲染、同时兼容多端。后端：Egg.js + MySQL + Redis 实现后端API服务。不使⽤第三⽅组件库，⾃⼰写⼀套。NVUE需要注意的点在NVUE中引⼊字体图标需要参考Weex的引⼊规则NVUE模式下的页⾯默认是Flex布局iconfont图标应该放在text标签...

uni-app底部导航tabBar的使⽤uni-app的艰难学习之路step1—学习官⽹说明：官⽹>配置>page.json>tabBarselectediconpath什么意思step2—使⽤1、在pages中新建⽂件2、在pages.json⽂件⾥写配置代码{"pages": [ //pages数组中第⼀项表⽰应⽤启动页，参考：uniapp.dcloud.io...

uni-app的midButton，中间突出，点击跳转页⾯或者出现弹框。前⾯做⼀个APP中间要求突出，记得以前好像uni没有⾃带得这个，然后看官⽹现在有这个了，刚好项⽬也需要，就写了下。下⾯就是完整得tabbar配置"tabBar":{"color":"#999999","selectedColor":"#333333","borderStyle":"#e8e8e8","backgroundCol...

⼩程序开发-配置参数⼩程序的开发⾥⾯有⼀些项⽬配置需要注意，这些配置说明⽂档我们可以在公众平台到下⾯是我⾃⼰建的demo我们在app.json⾥⾯配置⼀些全局配置我们可以看到 ⽂件⾥⾯的pages，这⾥⾯是配置项⽬页⾯地址的地⽅  在这⾥我创建了四个页⾯  分别对应左边⽬录pages下⾯的四个⽂件夹，在这⾥配置页⾯的时候我们要注意放在最上⾯的页⾯是⼩程序进⼊后第⼀个加...

⼩程序基本框架⼩程序⼩程序介绍⼩程序是⼀种全新的连接⽤户与服务的⽅式，它可以在内被便捷地获取和传播，同时具有出⾊的使⽤体验环境准备注册账号开发者⼯具普通模式，插件模式普通显⽰：显⽰第⼀个⾸页预览，真机调试详情按钮：调试基础库es6转es5不校验合法域名：应⽤没有权限发送请求，异步校验⼩程序⽬录结构⼩程序的⽬标是哦太难过尽可能简单。搞笑的上市让开发者在中开发具有原⽣APP体验的服...

uni-app初体验及打包成apk ⾸先⽤新建建⼀个uni-app项⽬新建⼀个⽬录ucenter，该⽬录下新建两个vue⽂件ucenter.vue和setting.vueucenter.vue<template><view class="container"><text>{{ name }}的个⼈中⼼</text><navigator url=...

⼩程序如何设置底部菜单栏（tab栏）tabBar如果⼩程序是⼀个多 tab 应⽤（客户端窗⼝的底部或顶部有 tab 栏可以切换页⾯），可以通过 tabBar 配置项指定 tab 栏的表现，以及tab 切换时显⽰的对应页⾯。属性说明color tab 上的⽂字默认颜⾊selectediconpath什么意思selectedColor tab 上的⽂字选中时的颜⾊backgroundColor t...

⼩程序⾃定义TabBar实现动态配置⼩程序⾃定义TabBar需求背景：根据⽤户的不同种类，来展⽰不同的tab菜单实现⽅案：主要根据官⽅提供的⾃定义TabBar⽅法⽅案描述：1. 在app.json 中的 tabBar 项指定 “custom”: true，同时将两套tab的path配置到tabBar项中 （注意：tabbar最多限制只能配置五个），不在app.json中配置会出现⽆法跳转或者不展⽰...

uni-app学习⼊门-框架总结⽬录pages.json全局配置，页⾯路由、窗⼝样式、原⽣导航栏、底部原⽣tabbar配置项globalStyle：默认页⾯窗⼝表现pages：设置页⾯路径及窗⼝表现easycom：组件⾃动引⼊规则tabBar：设置底部tab表现condition：启动模式配置subPackages：分包加载配置preloadRule：分包预下载规则 --⼩程序workers：wo...

⼩程序01：底部菜单（tabBar）第⼀步，准备底部菜单图标tips：1.⼩程序底部菜单标签个数不少于2个，最多不超过5个。2.可以在阿⾥巴巴⽮量图标库到你需要的图标。3.⼩程序建议图标⼤⼩为81*81px我这边选择的是64尺⼨的png图⽚，每⼀个图标选择两种颜⾊，分别对应未选中状态和选中状态，具体按照你们设计项⽬进⾏图标选择.jpg第⼆步，更改配置⽂件（重点）tips：selectedic...

⼩程序的基本架构⼀、⼩程序的基本架构1.知识点（1）⼩程序整体配置⽅法。（2）⼩程序页⾯配置⽅法2.实现⽅法2.1全局配置⼩程序根⽬录下的app.json⽂件夹⽤来对⼩程序进⾏全局配置，⽂件内容作为⼀个JSON对象，主要配置项如下表所⽰。属性类型必填描述pages string[]是页⾯路径列表window object否全局的默认窗⼝表现tabBar object否底部tab栏的表现netw...

⼩程序实际案例详解：页⾯搭建（附完整代码）本⽂通过⼀个实际例⼦，来讲解如何进⾏⼩程序的页⾯搭建。⾸先看⼀下本⽂要实现的页⾯效果：开发⼯具下载01-⼩程序架构这个就是程序的基本架构。最关键也是必不可少的，是 app.js、app.json、app.wxss 这三个。其中，.js后缀的是脚本⽂件，.json后缀的⽂件是配置⽂件，.wxss后缀的是样式表⽂件。02-底部标签底部标签是⼀个ta...

⼩程序开发⼯具的多⾏注释快捷键是Ctrl+及其它快捷键selectediconpath什么意思1、JS的注释⼀般是双斜杠 //  或者是 /**/ 这样的块注释；⽽.json 是配置⽂件，其内容必须符合JSON格式，所以⽂件内部不允许有注释。2、app.json 是全局配置⽂件，⼩程序中的每⼀个页⾯的【路径+页⾯名】都需要写在 app.json 的 pages 中，且 pages...

⼩程序-结构⽬录配置介绍结构⽬录⼩程序框架提供了⾃⼰的视图层描述语⾔WXML和WXSS，以及JavaScript，并在视图层与逻辑层间提供了数据传输和事件系统，让开发者能够专注于数据与逻辑。⼀.⼩程序⽂件结构和传统web对⽐结构传统web⼩程序结构HTML WXML样式CSS WXSS逻辑Javascript Javascript配置⽆JSON通过以上对⽐得出，传统web 是三层结构。⽽微...

uniapp实现tabBar图标凸起的两种⽅式（App端）开发中客户可能会需求App端的tabBar中间的图标凸起，以实现更好的审美观。但如何实现呢？我这⾥推荐的两种⽅式，第⼀种是查阅相关例⼦按需配置隐藏于显⽰实现的，第⼆种是⾃⼰按官⽅⽂档配置midButton ⾃定义实现的。uni-app版本更新到2.3.5后App平台 重构 tabBar，原⽣⽀持 midButton（中间凸起），⽀持⾼度调节...

前端uni-app框架简介（⼆）⼤可能性会⽤到的onLoad、onShow、 onReady、 onHide、 onPullDownRefresh、 onReachBottom、onTabltemTap、onShareAppMessage、 onPageScroll函数名说明平台差异说明最低版本onLoad 监听页⾯加载，其参数为上个页⾯传递的数据，参数类型为Object（⽤于页⾯传参），参考on...

第三章：⼩程序底部导航栏的实现（详细）⼩程序底部导航栏的实现⼀. 下载图标下载⾃⼰需要⽤到的图标, 例如⾸页 , 搜索 ,⽤户头像 等⼀些常⽤的图标，点击下载保存到本地就可以啦⼆.新建images⽂件在项⽬⽬录中新建⼀个images⽂件夹，把下载好的图标放在⽂件夹⾥⾯，命名保存三.添加配置⽂件在项⽬中到配置⽂件 app.json , 并 加⼊如下配置信息:"tabBar": {"colo...

gitlab部署、配置更改、备份及恢复gitlab部署1、gitlab官⽹ gitlabUbuntu14.04安装1、Install and configure the necessary dependenciessudoapt-get install postfix2. Download the Omnibus package and install everythingsudodpkg...

ingress的⽤法与原理前⾔我们知道真正提供服务的是后端的pod，但是为了负载均衡，为了使⽤域名，为了....,service诞⽣了，再后来ingress诞⽣了，那么为什么需要有Ingress呢？先看看官⽹怎么说的：Ingress exposes HTTP and HTTPS routes from outside the cluster to services within the clust...

Linux服务器CentOs7对Elasticsearch7集搭建，完整过程和插件安装。。。。此⽂章仅适⽤Elasticsearch.7x版本，因为7版本经过官⽅⼤改，不适合7以下版本参考，请知悉。本⼈安装环境Centos7.6、 Elasticsearch7.8 、三个主节点的配置（10.10.10.1、10.10.10.2、10.10.10.3）节点其实就是你的服务器外⽹ip完整步骤1、⾸先...

image.pngnfig Ser ver实现原理分析经过前⾯⼏个组件的源码阅读锻炼，相信同学们读起Config来已经不在话下了，作为配置中⼼的服务端，拉取参数三步⾛：⾃动装配：秉承了Spring Cloud的⼀贯传统，⼀段故事从⼀个注解开始。我们只要在启动类上放个@EnableConfigServer注解就可以了，Config内部再通过@Import注解引⼊其他配置类，完成⾃动装配（具体承担⾃动...

springBoot2.2.6项⽬中html页⾯样式效果丢失你我肯定都知道出现这个现象的原因是因为静态资源的请求被拦截了。springBoot 1.x和2.x关于静态资源过滤的配置有些差异，下⾯是基于2.2.6进⾏配置。bootstrap项目1. 关于html中静态资源的引⼊<link href="css/bootstrap.min.css"rel="stylesheet"><l...

springcloud项⽬的启动顺序_Nacos（四）：SpringCloud项⽬中接⼊N。。。前⾔通过前两篇⽂章：相信⼤家已经对nacos作为注册中⼼的基本使⽤已经有了⼀定的了解。然⽽，nacos远远不⽌于此，本⽂我们来看⼀下nacos作为配置中⼼在springcloud中的使⽤我的环境windows10jdk8springcloud：leasespringboot：2.0...

详解Angular5Angular6项⽬如何添加热更新（HMR）功能本⽂介绍了详解Angular5/Angular6项⽬如何添加热更新(HMR)功能，分享给⼤家，具体如下：A：什么是HMR？Q：HMR（热替换）⽤于在运⾏的应⽤程序中更新代码⽽不需要重建它。这将导致更快的更新和更少的全页重新加载。提供angular6以上HMR(热更新)功能步骤1、进⼊angular项⽬⽗级⽬录内git clone...

bootstrap项目Nacos （四）：SpringCloud 项⽬中接⼊Nacos 作为配置中⼼前⾔通过前两篇⽂章：相信⼤家已经对Nacos 作为注册中⼼的基本使⽤已经有了⼀定的了解。然⽽，Nacos 远远不⽌于此，本⽂我们来看⼀下Nacos 作为在SpringCloud 中的使⽤我的环境Windows10JDK8SpringCloud ：Finchley.RELEASE SpringBoot...