字体图标库 iconfont、iconmoon 的维护管理与使用探索

字体图标库的使用 这是之前留下的博客,由于一堆博客没写完,本周周末做了个补充,可能内容上会有点不太斜街,请见谅... 本文大部分内容是自己结合过往经验探索总结的字体图标维护方式 iconfont-阿里矢量图标库 登录/注册 打开阿里矢量图标库地址:https://www.iconfont.cn/ho ... »

跨域库herryPostMessage.js的一些优化,多iframe跨域

旧库见文章:https://www.cnblogs.com/wuhairui/p/14595893.html 新版库主要做了下多个iframe和父页面交互的优化。主要使用构造函数的方式将多个iframe的交互使用多个对象进行区分,这样多个交互就可以互相独立了。 并可子页面主动调用传值给父页面。 新版 ... »

微信小程序getUserProfile适配方案

清明节放假前一天 群里突然炸锅,说小程序所有用的昵称全部变成了微信昵称 当时我就 特么不是说好13号吗??? 吓得我赶紧爬起来翻文档(需要代码直接往后翻) wx.getUserProfile(Object object) 基础库 2.10.4 开始支持,低版本需做兼容处理。 获取用户信息。每次请求都 ... »

webpack核心模块tapable源码解析

上一篇文章我写了tapable的基本用法,我们知道他是一个增强版版的发布订阅模式,本文想来学习下他的源码。tapable的源码我读了一下,发现他的抽象程度比较高,直接扎进去反而会让人云里雾里的,所以本文会从最简单的SyncHook和发布订阅模式入手,再一步一步抽象,慢慢变成他源码的样子。 本文可运行 ... »

一次 outline 去除经验(非继承属性,看着像继承)

情况描述: 目前维护的老项目是通过 easyui 生成的 html,嵌套结构非常多,当点击元素后,会有个边框???非常影响页面美观,这是啥迷惑点击交互??? 经验告诉我,这是 css 的 outline 属性带来的边框,而在 chrome 控制面板里该元素的 styles 列表中并没有设置 outl ... »

前端日志系统设计

日志系统是一种不可或缺的跟踪调试工具,特别是在任何无人职守以及那些没有跟踪调试环境的系统中有着广泛的应用。 长期以来, 日志系统作为一种应用程序服务,对于跟踪调试、程序状态记录、崩溃数据恢复都有非常现实的意义。 ... »

封装一个postMessage库,进行iframe跨域交互

这是近期个人在开发chrome插件时的其中一个小总结。还有很多没有总结出来。因为目前插件还在迭代中,(herry菌插件,用于B站C站),属于个人业余的一个小项目。还有很多功能没有实现,以及还需要再看能加上什么功能。 封装的postMessage库 herryPostMessage.js (funct ... »

webpack核心模块tapable用法解析

前不久写了一篇webpack基本原理和AST用法的文章,本来想接着写webpack plugin的原理的,但是发现webpack plugin高度依赖tapable这个库,不清楚tapable而直接去看webpack plugin始终有点雾里看花的意思。所以就先去看了下tapable的文档和源码,发 ... »

css3中的渐变效果

大家好,这里是demo软件园,今天为大家分享的是css3中的渐变效果。 css3中的渐变需要注意的是渐变的是图片而不是颜色,而渐变又分为两种:线性渐变与径向渐变,今天我们重点介绍的是线性渐变。 1.线性渐变 为了创建一个线性渐变,你需要设置一个起始点和一个方向(或指定为一个角度)。你还要定义终止色。 ... »

Webpack 基石 tapable 揭秘

webpack基于tapable构建了其复杂庞大的流程管理系统,基于tapable的架构不仅解耦了流程节点和流程的具体实现,还保证了webpack强大的扩展能力;学习掌握tapable,有助于我们深入理解webpack。 ... »

越来越受欢迎的Vue想学么,90后小姐姐今儿来教你

摘要:Vue的相关技术原理成为了前端岗位面试中的必考知识点,掌握 Vue 对于前端工程师来说更像是一门“必修课”。 本文原作者为尹婷,擅长前端组件库研发和微信机器人。 我们发现, Vue 越来越受欢迎了。 不管是BAT大厂,还是创业公司,Vue都被广泛的应用。对比Angular 和 React,三者 ... »

千万别强制停机!我嘴都气歪了!

你知道强制停机的后果有多严重吗! 有一天,我正在愉快地写技术文章,结果电脑啪地一下就蓝屏了! 哦豁,完蛋,写了几千字,忘了保存! 我盲猜很多同学都有这种体验,可能因为一些突发意外,导致自己的电脑强制停机了,丢失了自己当前的工作。 同样,对于企业,所有的网站、应用、数据、服务都是挂在服务器上的,一旦意 ... »

使用CSS计数器美化数字有序列表

在web设计中,使用一种井井有条的方法来展示数据是十分重要的,这样用户就可以很清晰的理解网站所展示的数据结构和内容,使用有序列表就是实现数据有组织的展示的一种简单方法。 如果你需要更加深入地控制有序列表数字的样式,你可能会觉得必须通过增加更多的 html DOM 结构或者通过 JavaScript ... »

herry菌插件(B站C站)下载与安装(更新中)>>

插件简介: 目前该插件支持chrome浏览器(谷歌浏览器)、360极速浏览器等chrome内核的浏览器 最新版插件下载: 点此下载>>>> 安装方法: 1.先下载上面的的插件 2.然后点击浏览器的更多工具→扩展程序,或者直接地址栏输入:chrome://extensions/ 打开 3.打开右上角的 ... »

休学学习计划(快进来!我们一起理解前端吧!)--1

我选择在“w3school.com.cn”学习前端,围绕JavaScript展开。 通过“JavaScript实例”板块理解学习,我觉得这是一个很好的板块: 他模拟出编写环境,给你提供一个实践理解的机会。左边是代码板块,右边是编译呈现。 我们可以先揣摩代码,尝试理解为何要这样写,建立自己的认知体系。 ... »

用脚手架搭建一个 vue 项目

一、需要安装 node 环境 下载地址: https://nodejs.org/en/ 中文网: http://nodejs.cn/ 安装后为方便国内使用,可以把 npm 换成 taobao 的 cnpm (速度快) npm install -g cnpm --registry=https://re ... »

用Vue3构建企业级前端应用,TS能让你更轻松点

摘要:Vue 3已经发布有一段时间了,到底有哪些新特性值得关注,如何用它构建企业级前端项目,怎样快速上手Vue 3?本篇文章将对此进行详细讲解。 前言 工欲善其事,必先利其器 --《论语》 在如今被三大框架支配的前端领域,已经很少有人不知道 Vue 了。2014 年,前 Google 工程师尤雨溪发 ... »

在一般的移动端开发场景中,每次更新应用功能都是通过 Native 语言开发并通过应用市场版本分发来实现的。但是市场瞬息万变,Native 语言在开发效率上存在一定不足,并且从 APP 版本更新 到 应用市场审核发布 再到 用户下载更新,总会存在一定的时间差,这样就导致新的功能无法及时覆盖全量用户。 ... »