第三方包补丁方案(优雅修改node_modules) 一、背景我们在平时开发过程中可能会遇到以下问题● 开源npm包不能满足我们实际预期,需要个性化支持● 开源的npm包存在一些小小的bug,需要修复而我们只需要对源码进行小小的改动就能满足我们的需求,这个时候我们该怎么办?二、以往方案分析方案一:在项目的node_modules下找到插件的源码直接修改优点:简单直接、快速见效缺点:不能持久化,一旦重新安装就失效方案二:去github上fork第三方包代码进行修改,将修改过后的代码发布到公司私服npm上使用优点:可持久化,项目成员都可以使用
vue入门秘籍 学习目标会搭建前端开发环境会创建Vue实例,知道Vue的常见属性会使用Vue的生命周期的钩子函数会使用vue常见指令会使用vue计算属性和watch监控了解vue-cli使用会编写vue组件掌握组件间通信了解vue-router使用了解vuex使用实战1.认识VueVue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库或既有项目整
typescript教程 搭建环境全局安装tsnpm install -g typescript初始化项目tsc -inittsconfig.json常用配置{ "compilerOptions": { "allowUnreachableCode": true, // 不报告执行不到的代码错误。 "allowUnusedLabels": false, // 不报告未使用的标签错误 "alwaysStrict": false, // 以严格模式解析并为每个源文件生成 "use str
RN端ios全面屏刘海适配 项目中引入以下组件SafeAreaViewPlus.js 。可以自定义顶部和底部颜色。注意: 如果有用到 native-base 提供的headerTitle组件,下面文件中topArea的样式需改为height: 24, 如果没有用到,height:44/*** iPhone适配全面屏(iPhoneX)*/import React, {Component,} from 'react';import {DeviceInfo, SafeAreaView, StyleSheet, View, .
git相关命令及规范 git分支命名• master:主分支,负责记录上线版本的迭代,该分支代码与线上代码是完全一致的。• develop:开发分支,该分支记录相对稳定的版本,所有的feature分支和bugfix分支都从该分支创建。其它分支为短期分支,其完成功能开发之后需要删除• feature/:特性(功能)分支,用于开发新的功能,不同的功能创建不同的功能分支,功能分支开发完成并自测通过之后,需要合并到 develop 分支,之后删除该分支。• release/:发布分支,用于代码上线准备,该分支从develop分支
android 7.0 https抓包方案 1、下载安装逍遥模拟器2、模拟器允许root3、安装charles,下载证书4、使用openssl的x509指令进行cer证书转pem证书 和 用md5方式显示pem证书的hash值证书转换,如果已经是pem格式就不再进行这一步openssl x509 -inform DER -in xxx.cer -out charles.pem进行MD5的hash显示查看openssl版本openssl versionopenssl版本在1.0以上的版本的执行这一句openssl x5
eslint vscode保存时自动格式化失效解决方法 打开vscode的设置。setting.json文件,加入以下配置 "editor.formatOnSave": false, // 自动修复 "editor.codeActionsOnSave": { "source.fixAll.eslint": true, }, // 配置 ESLint 检查的文件类型 "eslint.validate": ["javascript","vue","html"],...
react-native开发必备技巧 搭建环境下载android studio https://developer.android.google.cn/studio/index.htmlVSCode 搭建 React Native 环境https://www.cnblogs.com/hl1223/p/11049968.htmlhttps://blog.csdn.net/young_emily/article/details/790057283、连接夜神adb connect 127.0.0.1:620014、查看a
Git Commitizen 提交规范化、提交信息验证、自动生成changelog 规范提交信息1、全局安装Commitizen npm install -g commitizen2、在项目根目录下运行下面命令,使其支持angular的 Commit message 格式commitizen init cz-conventional-changelog --save --save-exact注意,–save-exact 相当于锁定版本号此时,package.jso...
js金融业务开发小技巧 第一种方法// 输入小数点后两位金额const inputMoney = (value) => { value = value || '' return value.replace(/[^\d.]/g, '') .replace(/^\./g, '') .replace(/\.{2,}/g, '.') .replace('.', '$#$') .r...
vue-cli3 全局引入scss公共变量 css: { loaderOptions: { // 设置 scss 公用变量文件 sass: { data: `@import '~@/assets/style/public.scss';` } } },
怎么样使父元素的overflow:hidden不影响到子级absolute绝对定位元素 在项目中使用了popover组件,由于父级设置了overflow:hidden,当子级长度超出时,即使子元素是绝对定位元素也受到了影响。查了很多资料,发现只要父级元素不设置position:relative和position:absolute样式,就不会隐藏绝对定位的子元素。...
常见屏幕分辨率 @media (min-width: 320px)@media (min-width: 360px)@media (min-width: 375px)@media (min-width: 386px)@media (min-width: 393px)@media (min-width: 401px)@media (min-width: 750px)@media (min-width:...
vue之provide/inject 经测试发现,当provide提供为对象或者是某个方法时,子对象取值才会是响应式的。父组件代码 parent.vue<template> <div> <Child /> <button class="btn" @click="clickTest" > 点击我 </but...
eslint推荐配置 // https://eslint.org/docs/user-guide/configuringmodule.exports = { root: true, parser: 'babel-eslint', parserOptions: { sourceType: 'module' }, env: { browser: true, }, // htt...
vue仿dva自动处理请求loading状态 1、相关插件准备vue、vue-wait、axios2、在main.js引入vue-wait引入步骤如下,具体vue-wait文档请查看 https://github.com/f/vue-wait/tree/masterimport VueWait from 'vue-wait'//Loading集中管理控件Vue.use(VueWait) // add VueWait as Vue ...