npm

遇到一个需求： 选择时间后打印出来是 “2020-09-29T18:02:02.000Z” 格式的，后台需要转换为 “2020-09-30 02:02:02”格式。 一、2020-09-29T18:02:02.000Z T表示分隔符，Z表示的是UTC。 UTC：世界标准时间，在世界标准时间上加上8小时，即东八区时间，也就是北京时间。 二、 2020-09-29T18:02:02.000Z转换为 2020-09-30 02:02:02 步骤： ①.引入 dayjs （一个轻量的处理时间和日期的javascript库） 下载 npm install dayjs --save main.js 中 全局引入 import dayjs from ‘dayjs’ Vue.prototype.dayjs = dayjs; ②.时间转换函数 // 时间 aaa ( ) { let time = '2020-09-29T18:02:02.000Z' time = this . formateDate ( time ) ; console . log ( form ) ; // 2020-09-30 2:2:2 } , // 时间格式转换 formateDate ( time ) { // 使用dayjs 把世界标准时间转换为北京时间 let date = this . dayjs ( time )

这套教程年久失修，问题的人也比较多，于是，我重新整理了一套appium入门教程。 appium新手入门（1）—— appium介绍 appium新手入门（2）—— 安装 Android SDK appium新手入门（3）—— 安装 appium Server appium新手入门（4）—— java-client安装与测试 appium新手入门（5）—— python-client安装与测试 appium新手入门（6）—— appium-desktop appium新手入门（7）—— Desired Capabilities appium新手入门（8）—— 定位控件 appium新手入门（9）—— appium API 之应用操作 appium新手入门（10）—— appium API 之上下文操作 appium新手入门（11）—— appium API 之键盘操作 appium新手入门（12）—— appium API 之 TouchAction 操作 appium新手入门（13）—— appium API 之其他操作 ---------2017.11.16 更新----------------------- 　Appium 自动化测试是很早之前就想学习和研究的技术了，可是一直抽不出一块完整的时间来做这件事儿。现在终于有了。 反观各种互联网的招聘移动测试成了主流

Cordova跨平台Web App开发指南（安卓篇） 打包ios包必须用苹果系统 ， 没钱买IOS设备，这里只介绍Android平台打包 一、Cordova简介’ 在进行Cordova开发之前, 先花点时间了解一下的Cordova的原理和Cordova的框架结构. Cordova是开发跨平台web App的工具, 使用前端技术来开发App, 可以节省成本和快速发布. Cordova的底层逻辑是:HTML+CSS搭建页面, 使用JS和原生平台交互来展示原生平台的功能. Cordova所有功能是建立在各种插件上的, 所以插件开发是Cordova开发的重点. 1.1 纯Cordova开发 这种开发模式不需要各原生平台开发人员参与, 只需要前端猿将开发好的web App放入到Cordova工程中, 然后使用Cordova-CLI(Cordova命令行界面)将web App和各种插件配种好后, 就可以build, run进行各平台的构建和调试了. 以下是纯Cordova开发的步骤: Cordova的安装 使用Cordova-CLI创建Cordova项目----创建Cordova项目后, 前端猿就可以在www/进行开发, 今后的大部分工作都集中在这个文件下. 添加平台 添加插件 构建Cordova项目 在各原生平台上运行Cordova App Cordova项目更新 二、Cordova的安装

Harmony OS 开发指南——DevEco Device Tool 安装配置 本文介绍如何在Windows主机上安装DevEco Device Tool工具。 坑点总结 ： 国内部分网络环境下，安装npm包可能会很慢或者超时，推荐使用国内npm源（如淘宝源、华为源等）； serialport这个npm包安装的过程中需要编译源码，需要先安装windows-build-tools再安装这个包才会成功； DevEco Device Tool中打包了预编译的.exe文件，只能在Windows版的VSCode中使用（暂不支持Linux和Mac OS）； 准备环境 本节介绍下载、编译鸿蒙源码需要的软硬件环境。 硬件环境 其中，Linux主机用于源码下载和编译，Windows主机用于烧写程序到单板以及源码编辑。 软件环境 硬件 说明 Linux主机 推荐实际物理机器，Ubuntu16.04及以上64位系统，Shell使用bash，安装有samba、vim等常用软件，需要做适当适配以支持linux文件共享，（Samba配置需要注意，除了修改配置文件，还需要使用 smbpasswd 命令创建密码）；使用虚拟机也可以，但需要配置正确虚拟网络，这里不做详细介绍。 Windows主机 Windows XP/Windows7/Windows10 系统 USB转UART芯片驱动

recycle-view修改属性,使其可以下拉刷新 微信长列表组件 recycle-view 修改,使其可以下拉刷新 微信的长列表组件能够很好的解决微信小程序大量数据渲染卡顿的问题 但是对下拉数据刷新的动态展示效果却很差 步骤 1.在小程序对长列表组件 构建npm完成之后,文件目录如下图所示 2.首先打开 recycle-view.js 文件 在组件属性列表对象properties 中添加两个属性 // 以下是自定义组件下拉刷新属性 refresherenabled : Boolean , refreshertriggered : Boolean 3.在 recycle-view.wxml 文件中 给组件 scroll-view 添加属性 refresher-enabled= "{{!!refresherenabled}}" refresher-triggered= "{{!!refreshertriggered}}" refresher-threshold= "{{100}}" bindrefresherrefresh= "_refresherrefresh" 4.在 recycle-view.js 文件中添加对应的方法 5.引用组件 refresherenabled = "{{ispull}}" //ispull 控制是否开启下拉刷新 refreshertriggered =

这里写目录标题 背景 解决之路 为什么用微前端 为什么我们选择`qiankun` 重构之路 两个 React 的坑 babel 配置读取不到的坑 通信 异步加载 浏览器的 fetch 差异 总结 优化开发体验篇 内存占用严重，子应用无法热更新 monorepo 项目的开发命令管理 公共包 结尾 更多文章 背景 📢 博客首发 : SugarTurboS Blog 团队的项目 A 经历两年需求的洗礼，一些问题也随之暴露出来： 项目引用的 npm 包很多，业务代码也很多，有着向巨石应用发展的趋势。巨石应用的一些典型问题如下： 构建效率低下 、 dev-server 占用内存大甚至内存泄露 、 维护成本急剧增加 。 项目主框架升级成本高，要 兼容旧代码 。 项目里的某些业务几乎不再迭代，但每个版本依然会被打包构建，每次构建的 npm 包版本可能不同，导致一些 隐藏未知错误 。 该项目之前是由两个不同的项目合并而来，代码风格上存在两种方式，解决类似问题时引入的技术方案也是不一样，导致后期 维护成本高 ，同样对于新人来说 阅读性差 。 解决之路 为什么用微前端 对于微前端跟 iframe 的方案区别，为什么用微前端这个问题，这里不再累赘， qiankun 里面有一篇文章已经说得非常不错，有兴趣可以去看看。 why not iframe 为什么我们选择 qiankun qiankun

最近在做微信小程序，引入weui的时候踩坑了好久，这里记录一下遇到的问题。 微信官方文档给了两种weui引入方式： 通过 useExtendedLib 扩展库 的方式引入，这种方式引入的组件将不会计入代码包大小。 可以通过 npm 方式下载构建，npm包名为 weui-miniprogram 但是注意！！！ 如果使用扩展组件的话必须使用npm的安装方式安装weui 以使用tabs选项卡组件为例子 第一步 进入你的小程序根目录下（带app.json的目录）初始化npm 这步的意思是让当前文件夹以node_modules模块化的方式引入组件，会询问你项目相关信息，一直回车就行。 npm init 上面执行完，会在根目录下生成node_modules 文件夹，package.json，pack-lock.json。 第二部 npm 安装weui npm i weui-miniprogram -S --production 第三步 在微信开发工具中构建npm 操作步骤：点微信开发者工具的 工具-构建npm，如果上面都执行成功的话，这步会在根目录下生成一个叫miniprogram_npm的文件夹 注意！！！ 我们引入的组件都是从miniprogram_npm中引入的。 第四步 在你微信开发者工具中的 详情-本地设置中勾选中使用npm模块 第五步 在根目录下的app.wxss中引入下面代码

推荐插件： babel-plugin-transform-remove-console Install： npm install babel-plugin-transform-remove-console --save-dev 通过 .babelrc （推荐） vue-cli3.0/babel.config.js中定义 plugins：[] // without options 这个就可以 { "plugins": ["transform-remove-console"] } // with options { "plugins": [ ["transform-remove-console", { "exclude": [ "error", "warn"] }] ] } module.exports = { 'presets': [ '@vue/app' ], 'plugins': [ [ 'component', { 'libraryName': 'element-ui', 'styleLibraryName': 'theme-chalk' } ], transform-remove-console ] } 如果只想在发布阶段生效，开发阶段不生效，需要判断： // 项目开发阶段用到的babel插件 const prodPlugins = [] if (process.env

<script src="https://cdn.jsdelivr.net/npm/vue@2.5.17/dist/vue.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/vue-router@3.0.1/dist/vue-router.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/axios@0.18.0/dist/axios.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/js-cookie@2.2.0/src/js.cookie.min.js"></script> <script src="https://g.alicdn.com/sj/lib/zepto/zepto.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/??sm.min.js,sm-extend.min.js"></script> <script src="https://g.alicdn.com/msui/sm/0.6.2/js/sm-city-picker.min.js"></script> <script

原文地址： https://www.wjcms.net/archives/laravel7%E4%BD%BF%E7%94%A8auth%E8%BF%9B%E8%A1%8C%E7%94%A8%E6%88%B7%E8%AE%A4%E8%AF%81 laravel7 版本移除了 auth,大家都知道以前版本是直接使用 php artisan make:auth就可以使用，但是这版本不行了，那么要怎么弄呢？今天和大家说一下具体步骤。 Laravel7 的 laravel/ui 包提供了一种快速方法，可以使用一些简单的命令来支持你进行身份验证所需的所有路由和视图： 安装依赖包laravel/ui 直接使用命令进行安装 composer require laravel/ui 创建auth脚手架 直接使用命令进行创建 #注意这里的vue为可选项，可以换成bootstrap react vue php artisan ui vue --auth 然后在运行npm命令进行编译 npm install && npm run dev 看到上图这样就编译好了。 这样就创建好auth脚手架了，这样页面就可以访问了，但是登录注册还不能使用。 数据迁移 先配置数据库，这里我用的是homestead环境，所以连接配置如下 然后执行迁移命令 php artisan migrate 页面使用查看效果 这时候打开首页