2018年12月_asing1elife

原创 JS 获取元素伪元素样式

JS 想要获取元素的伪元素样式，可以通过如下方式更多精彩更多技术博客，请移步 asing1elife’s blogCSS.hover-active::before { border-left: 1px solid red;}JSlet item = document.getElementsByClassName('hover-active')[0]let border...

2018-12-14 15:30:31 801 2

原创 window.open 兼容 PC 和手机端

window.open 由于浏览器安全策略的原因，在 PC 和手机端的表现可能会出现不同更多精彩更多技术博客，请移步 asing1elife’s blog导致不同的根本原因由于 window.open 被不少广告商滥用于弹出垃圾广告所以目前主流浏览器都对 window.open 的执行做了限制限制后的表现浏览器只允许在用户明确操作后触发的事件里执行 window.ope...

2018-12-13 11:16:14 9477

原创 Visual Studio Code 设置中文界面

VS Code 虽然安装后默认是英文，但其实官方是支持中文的，毕竟 MS 的软件自带 12 国语言一直都是标配更多精彩更多技术博客，请移步 asing1elife’s blog官方引导VS Code 界面语言设置下载中文语言包在软件左侧菜单中打开 Extensions 插件商店搜索 Language Pack 就会出现一系列语言包，选择第一个中文(简体) 即可安装语言包...

2018-12-10 19:26:07 1955

原创 Mac 无残留修改用户名

Mac 在修改用户名时，表面上很简单，但如果操作不完整，可能会导致一系列的系统残留问题更多精彩更多技术博客，请移步 asing1elife’s blog创建一个临时用户创建临时用户的目的是让当前用户的核心文件夹处于待机状态因为只有处于待机状态的用户文件夹才可以修改名称值得注意的是，临时用户的名称不要写成你所期望改的名称例如你准备把用户名改成 asing1eli...

2018-12-09 14:31:40 5571 2

原创纯 CSS 实现 Tooltip 效果

使用 CSS 可以实现当鼠标悬浮时显示一个小的提示文字内容区更多精彩更多技术博客，请移步 asing1elife’s blog基础效果HTML对页面 DOM 元素本身没有强制要求，只是用来列举一下配置在 DOM 元素上的自定义属性al-tooltop 表示指定的 classNametooltop="提示出现在xx" 表示需要显示在内容区的文字position="top" ...

2018-12-07 16:49:22 650

原创 CSS 与 JS 结合，实现 JS 和 jQuery 插件

使用 JS 和 jQuery 编写简易插件JS 封装插件通用目录结构css 插件依赖的基础 css 文件js 插件核心代码文件demo.html 提供给使用者的测试用例CSS加载器的实训效果可参考纯 CSS 实现 Loading 效果加载器作为插件使用，需要有一个固定的父级，所以添加 dount-wrapper.donut-wrapper { width: ca...

2018-12-05 17:44:15 381

原创纯 CSS 实现 Loading 效果

使用一个 div 以及 css 实现 loading 加载器效果基础效果HTML只需要一个 div 即可<div class="dount"></div>CSS规定 div 的宽高，并指定默认边框宽度通过 border-radius: 50% 将 div 设置为圆形单独修改左边框颜色 border-left-color: red;通过 @ke...

2018-12-05 17:43:01 970

原创 CSS 图片固定长宽比实现高度自适应

某些场景下图片的宽度不固定，为了保证图片不失真，需要通过固定长宽比的方式来动态计算图片高度应用场景例如图片期望大小是 460 * 240 ，但真实图片可能出现如下情况图片大小不固定图片可能加载失败在一个通过 panel 展现的列表中，由于浏览器可大可小，单个项目的宽度不固定如果固定高度，会导致图片出现比例不协调的情况如果不固定高度，会出现如下单个项目高度不一致的情况...

2018-12-01 16:46:44 8520

asing1elife's blog