（本文里的小程序默认是指微信小程序）一、app或小程序打开h51、webview实现你可以把webview理解成一个无界面的浏览器。ios端已经淘汰掉了UIWebView，现在要使用WKWebView容器，android一般使用系统自带的webview即可，小程序就是用自己的wenview内核。关于h5中如何判断所处的客户端环境可以参考另一篇文章：传送门二、app打开小程序1、微信开放平台sdk实

npm中有一个的文件，即npm依赖锁文件，用来描述npm依赖生成的确切树，这样不管你的依赖有何种更新，都会按照这个确切树来安装使用。不同的包管理工具对应不同的锁文件：整体上大同小异，本文主要以npm为例。

windows10系统升级最新1703版本后发现制作pe系统的u盘插上电脑后会同时显示可见分区和efi分区，以前的efi隐藏手段统统失效了，目前没找到完美的方法，本文的方法是在自己电脑隐藏efi分区，换别的1703版本win10电脑无效。解决原理就是：删除efi盘符。情况一：如果你制作pe时选择的普通隐藏，那么右击“此电脑”——“管理”——“磁盘管理”，应该能看到u盘的efi分...

1、概述移动端屏幕大小不一，要使网页能自适应不同尺寸的手机屏幕，而且还要尽可能开发便捷，目前使用最多的还是rem大法，相对比较成熟，而新兴的vw方案也可以一试。本文主要介绍了rem和vw两种方案的使用配置方式。2、meta设置首先移动端要设置好视口，使视口的宽度等于设备屏幕宽度，同时浏览器识别后就认为该网页是移动端网页，也就不再有点击延迟的问题了：<meta name="viewport"

传送门：小程序swiper组件官方文档整理微信小程序swiper组件使用中遇到的一些问题及其解决方法：1、swiper轮播图图片高度自适应描述：swiper组件有个默认高度150px，有时候做轮播图特效时要求图片高度能自适应，而不是写死的宽高。解决方法：首先给image标签设置mode=“widthFix”，然后绑定bindload事件，然后在事件方法里通过e.detail.width和e.det

起因是开发时的一个报错信息：Cannot access '__WEBPACK_DEFAULT_EXPORT__' before initialization。由于报错信息不明确，网上也搜不到明确的原因解释和解决方法，所以自行排查了很久才逐渐找到原因。要说怎么排查，就是最笨的也是最有效的“代码删除法”，即从入口文件开始一行行删代码，直到定位到具体出错位置，然后凭借自身知识和经验判断出问题原因。原因就

本文是vue项目的js升级ts教程，也可以作为vue项目的ts使用教程。项目背景：vue版本：2.6.11基于vue-cli4脚手架生成已配置eslint（配置教程参考：传送门）一、安装依赖vue ts基础：npm i -D typescript @vue/cli-plugin-typescriptts校验相关：npm i -D @typescript-eslint/eslint-plugin @

传送门：小程序swiper组件官方文档整理微信小程序swiper组件使用中遇到的一些问题及其解决方法：1、swiper轮播图图片高度自适应描述：swiper组件有个默认高度150px，有时候做轮播图特效时要求图片高度能自适应，而不是写死的宽高。解决方法：首先给image标签设置mode=“widthFix”，然后绑定bindload事件，然后在事件方法里通过e.detail.width和e.det

h5实现仿微信那种页面切换时左右横滑的动画效果，页面前进时新页面从右往左滑，页面后退时旧页面从左往右滑。(注：本文以vue为例)一、思路分析只实现路由切换动画很简单，只需要给路由出口router-view用transition元素包装一下，加上过渡样式即可：<transition :name="myName"><router-view/></transition&gt

github传送门：1、h5主项目2、项目脚手架3、子项目模板系列文章传送门：vue简易微前端项目搭建（一）：项目背景及简介vue简易微前端项目搭建（二）：子项目模板及项目脚手架搭建vue简易微前端项目搭建（三）：webpack相关配置1、概述统一代码风格包括编辑器基本配置、代码校验及格式化工具，强烈建议尝试配置下，特别是eslint起初可能不习惯，三五天时间就适应了，能帮助避免很多低级错误，另外