摘要:
字符串: 字符串替换,str.replace(str/reg)返回替换完的字符串 字符串匹配,str.match(reg/str) 1.此处使用字符串直接进行匹配,被匹配的字符串内包含要匹配的字符串时,返回所要匹配的字符串。 2.如果使用正则匹配字符串时,如果正则表达式没有 g (全局标识)标志,返 阅读全文
摘要:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1"> <meta name="viewport" co 阅读全文
摘要:
1、使用html2canvas 存在的问题: 不同的机型绘制位置不同的问题。 这个主要因为Html动态设置了html的dpr。(dpr可以解决屏幕显示不了1pxborder和无法显示小于12px的文字的问题)。 但是在绘制canvas时最好屏蔽这个属性。这个属性确定会导致html2canvas生成的 阅读全文
摘要:
前端绘制立体效果的三角形的demo 在移动端使用时,需要自适应屏幕。canvas上无法设置rem,所以在canvas外加一个父级元素设置为rem,再将canvas的宽高设置为100% 100%。 如果想出现立体效果,应该将一个三角形分为三个三角形来进行绘制。 突出立体的效果,应该设置过渡色。 toT 阅读全文
摘要:
html5的webAPI接口可以很轻松的使用短短的几行代码就实现点击按钮复制区域文本的功能,不需要依赖flash。 代码如下: /* 创建range对象 */ const range = document.createRange(); range.selectNode(element); // 设定 阅读全文
摘要:
require-ensure 说明: require.ensure在需要的时候才下载依赖的模块,当参数指定的模块都下载下来了(下载下来的模块还没执行),便执行参数指定的回调函数。require.ensure会创建一个chunk,且可以指定该chunk的名称,如果这个chunk名已经存在了,则将本次依 阅读全文
摘要:
1、方法不通用 // .scroll_list::-webkit-scrollbar { display:none } .scroll_list::-webkit-scrollbar-track { background-color: transparent; -webkit-box-shadow: 阅读全文
摘要:
前言 我们或多或少都听过“数据绑定”这个词,“数据绑定”的关键在于监听数据的变化,可是对于这样一个对象:var obj = {value: 1},我们该怎么知道 obj 发生了改变呢? definePropety ES5 提供了 Object.defineProperty 方法,该方法可以在一个对象 阅读全文
摘要:
那我们设置个 options 作为第三个参数,然后根据传的值判断到底哪种效果,我们约定: leading:false 表示禁用第一次执行trailing: false 表示禁用停止触发的回调 我们来改一下代码: // 第四版 function throttle(func, wait, options 阅读全文
摘要:
1、应用 display: grid 的元素。这是所有网格项(Grid Items)的直接父级元素。即容器 2、网格容器(Grid Container)的子元素(直接子元素)。 3、注意:在 网格容器(Grid Container) 上使用column,float,clear, vertical-a 阅读全文