一般在哪里用得到正则? RegExp.prototype.test() test() 方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配。返回 true 或 false。 若正则对象带了全局标志符号时,test() 的执行会改变正则表达式的 lastIndex 属性。连续执行 test() 方法,后续的执行将会从 lastIndex 处开始匹配字符串。 RegExp.prototype.exec() 在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。 正常情况下,如果匹配成功,则返回一个数组…

2022年10月21日 0条评论 74点热度 0人点赞 帮助教程 阅读全文

什么是多行省略? 当字数多到一定程度就显示省略号点点点。最初只是简单的点点点,之后花样越来越多,点点点加下箭头,点点点加更多,点点点加更多加箭头…。多行省略就是大段文字后面的花式点点点。 同行这么做: Google Plus用透明到白色的渐变遮罩,渐变遮罩在文字超出的时候才显示,但无法挤出文字,且背景只能纯色,不理想。 豌豆荚则更简单粗暴换行显示,换行显示则文字未超出时依然显示 …xxx,更不理想! 我这样做: 在QQ浏览器的页面用了一个原创的mod-more UI组件,实现了定制的多行省略,还是纯CSS的,领先同…

2022年10月6日 0条评论 76点热度 0人点赞 帮助教程 阅读全文

背景 上篇文章 函数式JS: 一种continuation monad推导 得到了一个类似promise的链式调用,引发了这样的思考:难道promise是monad?如果是的话又是怎样的monad呢?来来来,哥哥带你推倒,哦,不,是推导一下! Monad Monad是haskell里很重要的概念,作为一种类型,有着固定的操作方法,简单的可以类比面向对象的接口。 定义   unit :: a -> Monad a flatMap :: Monad a -> (a -> Monad b) -…

2022年10月5日 0条评论 81点热度 0人点赞 帮助教程 阅读全文

背景 js(javascript)揉合了面向对象和面向函数的特性,使用js解释如何从面向对象迁移到面向函数非常适合,这部分介绍js continuation monad的简明推导。 continuation monad monad的一种,用于模式化cps(也就是回调风格),monad是函数型语言处理副作用的其中一种方式,可以理解为容器(见末尾参考) 定义 unit :: a -> monad a bind :: monad a -> (a -> monad b) -> monad b &nb…

2022年10月5日 0条评论 73点热度 0人点赞 帮助教程 阅读全文

一个多行省略需求 文字默认多行展示,当超过n行后,在第n行最后显示...更多,原有第三行...更多处的文字自动隐藏 简单有效line-clamp 首先的反应是-webkit-line-clamp,当只显示省略号,且在webkit内核的时候非常完美,css代码也相对容易理解: .line-clamp { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } 经典总结 然而当要增加一个更多链接时就变得棘手了,-webki…

2022年10月1日 0条评论 83点热度 0人点赞 帮助教程 阅读全文

davidwalsh的文章提到利用animationStart事件来监测新元素,但只提供了思路,在实际应用中可以做以下优化: 使用空keyframes内容减少属性污染 增加触发标志位避免animation属性被长时间占用,触发后立即销毁 改进的animation-name的uid机制 js动态生成css,避免还要另写css 用了!important来增大权重,有可能导致更高权重的css覆盖导致事件失效 代码如下: function addSelectorListener(selector, handler) { v…

2022年9月30日 0条评论 75点热度 0人点赞 帮助教程 阅读全文

移动端webview在处理click事件的时候会有一定的延迟。我们可以用fastclick来解决,但fastclick未压缩23k,压缩后8k,比较重,这里有一个简易的解决方案: function onFastClick(element ,handler) { var delay = 300, offset = 10, still = true, startX = 0, startY = 0, touch; function longClick() {//排除长按 still = false; } function…

2022年9月29日 0条评论 71点热度 0人点赞 帮助教程 阅读全文

此文为 h5 屏幕适配具体公式推导,原理和使用参考 https://www.bangzhujiaocheng.com/720.html     缩放 有时我们需要的是设计稿宽高比 v/g 大于屏幕宽高比 u/f 时设计稿宽 v1 等于屏幕宽 u ,否则设计稿高 g1 等于屏幕高 f。求满足要求得设计稿缩放值 s ? 由条件可得 x1 = x*s y1 = y*s v1 = v*s g1 = g*s w1 = w*s h1 = h*s 当 v/g >= u/f 时 两边乘 f/v 得 f/g…

2022年9月28日 0条评论 93点热度 0人点赞 帮助教程 阅读全文

屏幕适配 屏幕适配应当指内容 适配区 和 屏幕区 间的适配关系。 单屏适配有 contain、cover 或 fill,多屏常见是 依宽 。 contain 和 cover 还需要 定位 来处理留白和超出的内容。 而同一个 H5 里不同内容往往用不同适配方式,即 分层。 优选 CSS 页面加载后 js 往往需要延时至少 70ms 才能获取正确的 webview 宽高 css 往往最先执行,且 cssom 的解析往往和 dom 在最开始并行构建 js 会等待 dom 和 cssom 处理完后才能执行,而 css 只需…

2022年9月28日 0条评论 97点热度 0人点赞 帮助教程 阅读全文

关于CSS水平居中、垂直居中、水平垂直居中的各种写法           原文标题:CSS-水平居中、垂直居中、水平垂直居中 原文链接:https://segmentfault.com/a/1190000014116655 原文快照:CSS-水平居中、垂直居中、水平垂直居中  

2022年9月22日 0条评论 159点热度 0人点赞 帮助教程 阅读全文
12