weixin_45623615-CSDN博客

原创 WCAG - Mobile a11y

Mobile accessibilityContentsMobile accessibilityContentsGuideline主要原则考虑因素测试指导残障类型调查Mobile testingAndroid & IOS Testing Guide测试工具其它Guideline主要原则可感知性可操作性可理解性健壮性考虑因素可感知性相关小屏幕尺寸 – 小屏幕限制了一次可查看的信息量最佳实践提供专业的移动版本或响应式设计

2022-05-05 10:08:40 157

原创多行文本溢出省略中间部分的实现

业务中碰到一个省略中间的文本溢出处理需求，搜索了许久的资料，没有发现相关解决方法，所以在此记录一下。一开始想要用css实现，最终发现只能实现常见的单行或多行的尾部省略效果，所以采用 js 来实现。因为项目中多采用 vue 的框架，便一同实现了自定义指令方便使用。思路：根据字体大小、元素宽度和显示的行数计算元素可容纳字数总量，然后截取原始文本超出部分并插入省略号实现：Vue.directive('ellipsis', { bind: function (el, binding) { c

2021-07-31 07:34:51 514

原创网页水印的生成

闲来无事,粗略研究了一下水印，在此记录下心得。第一反应水印的生成就是通过定位覆盖在页面之上。但直接覆盖在页面上，就好像一个蒙层，无法触发底下图层的事件，仔细观察发现，有一个 css 属性 – pointer-events，查阅资料发现，pointer-events CSS 属性指定在什么情况下 (如果有) 某个特定的图形元素可以成为鼠标事件的 target，值none表示鼠标事件“穿透”该元素并且指定该元素“下面”的任何东西。理清原理，实现起来就简单了。div实现水印首先，生成一个水印块，然后设置透

2021-03-13 10:15:39 406

原创前端面试常见题型——节流防抖函数柯里化

2020-10-19 17:12:53 121

原创数组、字符串方法

数组方法：1、concat -> 合并数组（可合并多个数组），并返回合并后的数据；2、Array.form -> 创建一个类数组（或可迭代对象）的浅拷贝数组实例；3、Array.isArray -> 判断是否为数组4、Array.of -> 创建一个具有可变数量的新数组实例；5、every -> 数组内所有元素是否满足指定函数测试，返回布尔值；6、fill -> 用固定值填充一个数组从起始索引到终止索引（不包括）内的全部元素；7、filter -&gt

2020-10-13 15:33:00 195

原创 git add时出现Filename too long、Function not implemente的解决办法

最近git操作碰见的报错；git add 时先报错：could not open directory ~~ Filename too long用一下方法处理：打开Git Bash并以管理员身份运行要使长路径能够在git bash中运行执行git config core.longpaths true 接着出现 could not open directory ~~ Function not implemente发现未添加.gitignore文件，增加文件并忽略node_modules

2020-09-23 10:49:57 2066

原创文本高度自适应

文本高度自适应function makeExpandingArea(el) { var timer = null; //由于ie8有溢出堆栈问题，故调整了这里 var setStyle = function(el, auto) { if (auto) el.style.height = 'auto'; el.style.height = el.scrollHeight + 'px'; } var delayedResize = fun

2020-08-19 14:33:41 112

原创 react vue 移动端适配

react:第一步下载包npm install lib-flexible postcss-px2rem 第二步项目入口引入‘lib-flexible’index.jsimport React from 'react';import ReactDOM from 'react-dom';import './index.css';import App from './App';import * as serviceWorker from './serviceWorker';import

2020-08-12 16:37:59 227

原创手签

手签<template> <a-modal v-model="showModel" :closable="false" :maskClosable="false" title="在以下区域内签名" @cancel="onClosePopup" @ok="save" > <div> <div> <canvas class="canvas" id="m-signat

2020-07-20 19:37:00 238

原创 fullcalendar日历插件title展示html

初始化日历插件时添加以下日程事件渲染方法：eventRender: function (event, element) {//让title显示HTML内容element.html(event.title);}

2020-06-22 11:22:44 1175

原创 bootstrapTable的表头改造

Bootstrap-table是基于Boostrap开发的插件，因此使用的时候，需要引入Bootstrap的脚本和样式。<link rel="stylesheet" href="bootstrap.min.css"><script src="jquery.min.js"></script><script src="bootstrap.min.js"&...

2020-04-02 15:18:48 602

原创关于JS数字精度丢失的解决办法

关于JS数字精度丢失的解决办法关于数字计算的解决方案var operationNumber = function (arg1,arg2,operator) { var oper=['+','-','*','/']; // 不合法的运算 if (isNaN(arg1)||isNaN(arg2)||oper.indexOf(operator)<0) { ...

2019-12-24 16:39:17 173

原创 Map和Set的使用

Map是一组键值对的结构，具有极快的查找速度。举个例子： 'use strict';var m = new Map(); //空map m.set("tom",88) m.set("bob",95) //添加 key-value console.log(m.has("tom")) //输出 true console.log(m.get("tom")) //...

2019-12-24 10:48:41 61

原创 JS 时间格式化

JS 时间格式化将日期格式化为指定格式function dateFormat(format, date) { let ret; let option = { "Y+": date.getFullYear().toString(), // 年 "m+": (date.getMonth() + 1).toString(), //...

2019-12-04 15:25:24 77

weixin_45623615的博客