壹玖零Tech (Page 2)

中台划分与定义记录

1、技术中台技术中台就是将使用云或其他基础设施的能力各种技术中间件的能力进行整合和包装。过滤掉技术细节，提供简单一致，易于使用的应用技术基础设施的能力接口，助力前台和业务中台数据中台的快速建设。

ReactNative TextInput 增加onPress事件

踩到此坑，共享出来，希望对你又帮助！ ReactNative TextInput 增加onPress事件。

ReactNative ScrollView 滚动条位置不对

关于ScrollView在iphoneXR有安全区域类手机中，滚动条位置显示不对的问题，目前发现两种解决方案： 1、增加属性设置 scrollIndicatorInsets={{ right: 1 }} 2、增加样式，marginBotttom: 安全区域高度记录完毕

TYPESCRIPT

JS 常用脚本函数记录

记录一些常用的JS工具脚本函数

ESLINT

ESLint 配置文件扩展名

为了提升VSCode中ESLint插件对文件的识别能力，我们需要为VSCode ESLint 配置文件扩展名。在VSCode设置中增加如下配置： "eslint.validate": [ "javascript", "javascriptreact", "typescript", "typescriptreact", "html", "vue", "tsx" ], "editor.codeActionsOnSave": { "source.fixAll": true, "source.fixAll.tslint": true, "source.fixAll.eslint"

ESLINT

Using the export keyword...

如下解题办法：

ESLINT

Cannot read property 'range' of null Eslint indent

最近配置React Native项目Eslint，在rules中配置"indent": ["error", 2]后，运行 eslint 报错。解决办法，如下修改： "indent": ["error", 2, { "ignoredNodes": ["TemplateLiteral"] }] Hope to help you.

JAVASCRIPT

ES6 抽象类示例以及输入输出类型限制

以下代码主要是实现一个es6抽象类示例，其中包括了AOP切面编程，以及输入输出类型限制。根据该实例，可以很快实现一组策略。若有更好的方法，请在下方留言(需kx上网)讨论，谢谢。 // 输出类型 class Res { constructor(isSuccess, msg) { this.isSuccess = isSuccess this.msg = msg } } // 输入类型 class InputParams { constructor(flag, data) { this.flag = flag this.data = data } } // 抽象类 class MsgHandler { constructor(params, callback) { if (new.target === MsgHandler) { // 抽象类不可以直接实例化 throw new Error('MsgHandler

JAVASCRIPT

关于链式调用的实例 JS

最近被问到这样一个问题，如下： Man('hi').eat('fish').eat('rice').finishSleep(2000) 需求是： * 1、若没有调用finishSleep,则顺序打印 hi , fish , rice * 2、若调用finishSleep, 则顺序打印 2000, hi , fish , rice 鄙人粗略实现如下（欢迎更牛逼的写法，请在下方留言讨论）： function Man(str) { Man.prototype.fnArr = [] Man.prototype.fnArr.push(log(str)) Man.prototype.exec() return Man;

TYPESCRIPT

Typescript 实现一个简单的AOP，后置切面

最近回顾了下AOP——面向切面编程，刚好项目有需要用到，就使用了一下，感觉效果不错，代码贴出来，请拍砖。主要用到的就是装饰器特性。主要目的是在实例test.request方法调用后，自动顺序执行components和log方法 export function after(...args) { return (_target, name, descriptor) => { // 获取value，其实就是request函数 const oldValue = descriptor.value; // 将value重新赋值一个函数 descriptor.value = async function () { // tslint:disable-next-line: no-console console.log(`Calling ${name} with`, arguments); // 将原本的函数执行一下,apply改变this的指向 const val = await oldValue.apply(t

JAVASCRIPT

JS 分步引导插件记录

常用JS分布引导插件记录： 1、Intro.js 2、Driver.js

JAVASCRIPT

JS 查找父元素

非常常用的查找父元素方法，比如点击事件，使用事件冒泡，尽量少的绑定事件。

JAVASCRIPT

JS 判断是否移动端

javascript 判断是否移动端，代码如下

JAVASCRIPT

做官网常用JS集合

最近做官网，需要配合一些动效，所以Mark一下相关配合的JS库 1、HoverIntent [http://www.jq22.com/jquery-info274] 这是一款非常有用的插件，很多导航在鼠标快速移动经过时触发，造成很多误操作，jQuery延迟操作误插件-hoverIntent将帮助您好解决这个问题，尝试以确定用户的意图，就像一个水晶球，仅与鼠标移动的！这是对jQuery的悬停方法类似。 2、stellar [https://markdalgleish.com/projects/stellar.js/docs/] 用于制作视差滚动效果 3、WOW.js [http://www.jq22.com/jquery-info1705] 在页面滚动时展现动感的元素动画效果，适用于配合Animate.css使用 https://www.delac.io/wow/docs.html 4、waypoints [http://caibaojian.

JAVASCRIPT

nuxt axios https error unable to verify the first certificate

在~/plugins/axios.js 中，按如下修改：

VUE

vue-awesome-swiper中loop设置true无效

vue-awesome-swiper中loop设置true无效，解决办法如下：在v-for的父元素上添加v-if="dataList.length>0" 引用地址 [https://www.imooc.com/wenda/detail/397059]

JAVASCRIPT

Swiper 内容超出纵向滚动(兼容Android)

Swiper.js内容超出纵向滚动。兼容Android（因为在Android端高度可能会出现小数点），代码如下：

JAVASCRIPT

移动端软键盘弹出 input位置顶到可视区域

当移动端软键盘弹起时，将input滚动到可视区域。具体代码如下：

CSS

pre 自动换行

HTML <pre> 元素表示预定义格式文本。在该元素中的文本通常按照原文件中的编排，以等宽字体的形式展现出来，文本中的空白符（比如空格和换行符）都会显示出来。(紧跟在 <pre> 开始标签后的换行符也会被省略) pre { white-space: pre-wrap; word-wrap: break-word; }

CSS

IOS input输入会白屏

在移动端前端登录页上input输入1个以上字符的时候，会出现白屏 * 解决方法，在input父级容器上加一个css position:relative; （从我遇到的情况来看，尽量少用）引用地址 [https://blog.csdn.net/kakaxid/article/details/75389520]

IOS

iphone/iphoneX 状态栏高度/底部安全区域高度

状态栏高度 * iphone 20 * iphoneX 44 iphoneX 安全区域高度 34 在H5上适配安全区域 viewport-fit默认有3个值： * contain：可视窗口完全包含网页内容（左图） * cover：网页内容完全覆盖可视窗口（右图） * auto：默认值，此值不影响初始布局视图端口，并且整个web页面都是可查看的。 contain和cover具体区别如下图：而我们需要将viewport设置为cover，env和constant才能生效。设置代码如下： <metaname="viewport"content="width=device-width,initial-scale=1.0,viewport-fit=cover"> 同时设置env和constant代码，同样env()和constant()需要同时存在，而且顺序不能换。 /*可以通过增加padding-bottom来适配*/ padding-bottom:constant(safe-area-inset-bottom);/*兼容IOS&

JAVASCRIPT

js判断是否是iphoneX

具体判断方法如下：

NGINX

前后端分离nginx配置记录

记录nginx前后端分离部署配置，包含二级目录配置，及API负载均衡配置示例：

JAVASCRIPT

js 单例写法

js 简单的单例写法；话不多说，上代码

IOS

IOS在webview加载内容时js注入cookie

在webview加载内容时js注入cookie: