JAVASCRIPT - 壹玖零Tech

typescript 复用函数或类方法的参数类型

日常开发中，总会需要去封装一些三方库的功能进行使用。在遇到简单类型的函数使用时，我们直接给我们功能函数添加上和被包装函数相同的类型即可。如： function A(args: number) { return libFun(args: number) } 但若是遇到复杂类型，如何直接去复用或者说继承被包装函数的类型？ 1、复用函数类型 function base(a: number, b: number, c: number): number function derived(add: string, ...base: Parameters<typeof base>): number Extending another TypeScript function with additional argumentsIs it possible in TypeScript to define

JAVASCRIPT

JS字符串相似性、抄袭判断

如题所示，为了判断内容相似性，快速过滤重复内容。经过一番学习查找之后，有如下结果：使用 string-similarity [https://github.com/aceakash/string-similarity] 快速解决问题： npm install string-similarity --save stringSimilarity.compareTwoStrings('healed', 'sealed'); // → 0.8 stringSimilarity.compareTwoStrings('Olive-green table for sale, in extremely good condition.', 'For sale: table in very good condition, olive green in

ReactNative

React ReactNative通用异步引入组件解决方案

实际开发中，难免会遇到一个页面会依赖很多组件的，但都是通过接口下发的条件进行动态引入的。 React已经为我们提供了一种异步引入组件的通用方法，上代码： import React, { Suspense } from "react"; const LazyLargeComponent = React.lazy(() => { return new Promise(resolve => setTimeout(resolve, 5 * 1000)).then( () => import("../components/LargeComponent") ); }); export default function LargeComponent() { return ( <div> <Suspense fallback={<div>loading...</div}

VUE

Nuxt使用Vue Bus

如何在Nuxt中优雅的使用Vue Bus. 完美解决方案如下：

CSS

chrome 浏览器表单自动填充默认样式 - autofill

Chrome 会在客户登陆过某网站之后, 会自动记住密码. 当你下次再次进入该网站的时候, 可以自由的选择登陆的账号, Chrome 会为你自动填充密码. 而你无需再输入密码这本身是一个很好的功能, 但是对于开发者而言, 却有一个很让人难受的问题. 当你选择账号密码之后, 你的输入框会变成黄色, 这样自己设置的背景颜色就被覆盖了.

JAVASCRIPT

16进制颜色转Rgba

好用的16进制颜色转Rgba方法

TYPESCRIPT

JS 常用脚本函数记录

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

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;

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 中，按如下修改：

JAVASCRIPT

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

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

JAVASCRIPT

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

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

JAVASCRIPT

js判断是否是iphoneX

具体判断方法如下：

JAVASCRIPT

js 单例写法

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

JAVASCRIPT

js判断一个元素是否为另一个元素的子元素

经常会遇到一些点击绑定，判断是否某子元素，从而不触发父元素的点击判断方法如下：

JAVASCRIPT

柯里化记录

记一次柯里化学习记录：

JAVASCRIPT

Android/IOS与H5 jsbridge 相互调用推荐方式

移动端JSBridge插件 IOS：https://github.com/marcuswestin/WebViewJavascriptBridge IOS(new): https://github.com/Lision/WKWebViewJavascriptBridge Android：https://github.com/lzyzsd/JsBridge

JAVASCRIPT

[Intervention] Unable to preventDefault inside passive event listener due to target being treated...

移动端，页面滑动时，偶尔会出现如标题所示错误，解决办法有两种：

JAVASCRIPT

Promise兼容

babel转ES6，Promise兼容，需要使用到es6-promise

JAVASCRIPT

js获取长数字字符串

js获取长数字字符串值显示错误问题解决

JAVASCRIPT

weex run ios/android 踩坑之旅

weex 开发中偶遇到的一些问题分享