首页
学习
活动
专区
工具
TVP
发布

偏前端工程师的驿站

专栏成员
274
文章
360496
阅读量
59
订阅数
React魔法堂:size-sensor源码略读
echarts-for-react在对echarts进行轻量级封装的基础上,额外提供图表尺寸自适应容器尺寸的这小而实用的功能,而这功能的背后就是本文想介绍的size-sensor了。
^_^肥仔John
2022-10-31
5280
petite-vue源码剖析-沙箱模型
在解析v-if和v-for等指令时我们会看到通过evaluate执行指令值中的JavaScript表达式,而且能够读取当前作用域上的属性。而evaluate的实现如下:
^_^肥仔John
2022-05-09
3820
petite-vue源码剖析-优化手段template详解
<template>是2013年定稿用于提供一种更统一、功能更强大的模板本存放方式。具体表现为
^_^肥仔John
2022-05-09
2610
前言
双向绑定v-model不仅仅是对可编辑HTML元素(select, input, textarea和附带[contenteditable=true])同时附加v-bind和v-on,而且还能利用通过petite-vue附加给元素的_value、_trueValue和_falseValue属性提供存储非字符串值的能力。
^_^肥仔John
2022-05-09
8040
Another Intro for Cookies
Cookies are strings of data that are stored directly in the browser. They are a part of HTTP protocol, defined by RFC 6265 specification.
^_^肥仔John
2021-12-14
9540
SpringBoot魔法堂:说说带智能提示的spring-boot-starter
前几个月和隔壁组的老王闲聊,他说项目的供应商离职率居高不下,最近还有开发刚接手ESB订阅发布接口才两周就提出离职,而他能做的就只有苦笑和默默地接过这个烂摊子了。 而然幸福的家庭总是相似的,而不幸的我却因业务变革走上了和老王一样的道路。单单是接口的开发居然能迫使一位开发毅然决然地离职,我既不相信是人性的扭曲,更不信是道德的沦丧。 抛开这个富有色彩的故事而言,我发现原来的项目存在如下问题:
^_^肥仔John
2020-11-13
4960
前端魔法堂:解秘FOUC
前言  对于问题多多的IE678,FOUC(flash of unstyled content)——浏览器样式闪烁是一个不可忽视的话题,但对于ever green的浏览器就不用理会了吗?下面尝试较全面地解密FOUC。 到底什么是FOUC?  页面加载解析时,页面以样式A渲染;当页面加载解析完成后,页面突然以样式B渲染,导致出现页面样式闪烁。  样式A,浏览器默认样式 或 浏览器默认样式 层叠 部分已加载的页面样式;  样式B,浏览器默认样式 叠加 全部页面样式。 为什么会出现FOUC  我们了解当输入网
^_^肥仔John
2018-01-18
1.4K0
WebComponent魔法堂:深究Custom Element 之 从过去看现在
前言  说起Custom Element那必然会想起那个相似而又以失败告终的HTML Component。HTML Component是在IE5开始引入的新技术,用于对原生元素作功能"增强",虽然仅仅被IE所支持,虽然IE10也开始放弃它了,虽然掌握了也用不上,但还是不影响我们以研究的心态去了解它的:) 把玩HTML Component  HTML Component简称HTC,它由定义和应用两部分组成。定义部分写在.htc文件中(MIME为text/x-component),由HTC独有标签、JScrip
^_^肥仔John
2018-01-18
1.2K0
Httpd运维日志:通过apxs添加模块
Brief                                   在部署Httpd时为方便管理和安全等原因,我们仅会安装所需的模块,那么后期功能扩展时则需要通过Httpd内置提供的apxs程序来进行模块添加。   而apxs程序则位于apache/bin目录下。 Premise                                 首先我们的平台必须支持DSO特性,而且Httpd必须已经内建了mod_so模块。 DSO(Dynamic Shared Object,动态共享对象)
^_^肥仔John
2018-01-18
9940
JS魔法堂:彻底理解0.1 + 0.2 === 0.30000000000000004的背后
Brief                                 一天有个朋友问我“JS中计算0.7 * 180怎么会等于125.99999999998,坑也太多了吧!”那时我猜测是二进制表示数值时发生round-off error所导致,但并不清楚具体是如何导致,并且有什么方法去规避。于是用了3周时间静下心把这个问题搞懂,在学习的过程中还发现不仅0.7 * 180==125.99999999998,还有以下的坑   1. 著名的 0.1 + 0.2 === 0.30000000000000004
^_^肥仔John
2018-01-18
1.4K0
bash魔法堂:History用法详解
Brief                                 又要敲那条长到没朋友的命令了,真心不再爱了。。。   有了history这条命令我想大家可以再爱一次了吧! >history                               语法: history [n | -c | -raw histfile]   n —— 数字,用于表示罗列最近的n笔命令   -c —— 表示清除history中的所有内容(实质上是清理$HISTFILE中保存的内容)   -a —— 表示将当前会
^_^肥仔John
2018-01-18
6240
CSS魔法堂:你真的理解z-index吗?
一、前言                                 假如只是开发简单的弹窗效果,懂得通过z-index来调整元素间的层叠关系就够了。但要将多个弹窗间层叠关系给处理好,那么充分理解z-index背后的原理及兼容性问题就是必要的知识储备了。本文作为对W3C Recommendation-Layered presentation学习后整理的笔记,以便日后查阅。   由于将英文名词翻译为中文名词容易产生歧义(如Normal flow被翻译为文档流),因此本文将直接采用原英文名词,而涉及到的英文
^_^肥仔John
2018-01-18
1.1K0
JS魔法堂:再识ASCII实体、符号实体和字符实体
一、前言                                            相信大家都熟悉通过字符实体 &nbsp; 来实现多个连续空格的输入吧!本文打算对三类HTML实体及JS相关操作作进一步的整理和小结,若有纰漏请大家指正,谢谢。 二、初识HTML实体                                                                    由于HTML中某些字符是预留的(如>和<等),若要在进行HTML解析出来后能正确显示预留字符,则需要
^_^肥仔John
2018-01-18
2.2K0
HTML语义化:HTML5的新标签及IE5.5~9的部分兼容方案
一、前言                               本文将介绍HTML5中新增的语义化标签,及在IE5.5~9(IE9已经开始支持部分HTML5新标签了)支持这些新标签的兼容性处理。   目录一坨: 二、语义化标签:article、aside、time、mark、section、header、footer、hgroup、progress、figure、figcaption、nav、meter、output、details、summary、ruby和main   三、让IE5.5~9支持H
^_^肥仔John
2018-01-18
1.2K0
语义化HTML:i、b、em和strong标签
一、前言                             在HTML4.1中i和b作为表象标签分别表示斜体和粗体样式,而强调样式与内容分离的XHTML中则出现样式效果相同的em和strong表义标签,此时我们会建议避免使用i和b标签,应该改用em和strong标签。   但在HTML5对i和b赋予新的语义,本文将再一次认识它们! 二、元素语义                         1. i标签   W3C草案: The i element represents a span of te
^_^肥仔John
2018-01-18
1.1K0
CSS魔法堂:Reset CSS
下列样式规则可用于最小化各浏览器标签样式的不一致性。注意:实际使用时应该对其进行适当的调整,以适应项目要求。 /* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr,
^_^肥仔John
2018-01-18
9030
语义化HTML:ul、ol和dl
一、语义化元素                             1. ul标签      W3C草案: The ul element represents an unordered list of items; that is, a list in which changing the order of the items would not change the meaning of list.W3C specification      语义化<ul>元素:表示包含一组无序列表项内容。 在
^_^肥仔John
2018-01-18
2.1K0
HTML语义化:HTML5新标签——template
一、前言                                 当我们使用String-base的模板引擎(如Handlebars.js等)时,要么就通过外部文件存放模板文本,需要时再通过XHR或script标签加载进来;要么通过<script type="text/x-template"></script>等标签直接写在当前页面上。现在HTML5为我们提供了一个全新的template标签,以更统一、有效的方式存放String-base模板引擎的模板文本了!   目录一坨: 二、那些年我们存放
^_^肥仔John
2018-01-18
1.8K0
Java魔法堂:注解用法详解——@Override
一、前言                                         现在有Son和Parent两个类,且类型Son将会重写类型Parent的getName函数。但不幸的是由于码农大意,写成如下代码: public class Parent{ public String getName(){ return "Parent"; } } public class Son extends Parent{ public String getNames(){ r
^_^肥仔John
2018-01-18
8430
CSS魔法堂:盒子模型简介
本文讨论的是块级盒子(Block-level box)的盒子模型(Box Model) 一、W3C标准的盒子模型                              二、IE盒子模型      
^_^肥仔John
2018-01-18
5120
点击加载更多
社区活动
【纪录片】中国数据库前世今生
穿越半个世纪,探寻中国数据库50年的发展历程
Python精品学习库
代码在线跑,知识轻松学
博客搬家 | 分享价值百万资源包
自行/邀约他人一键搬运博客,速成社区影响力并领取好礼
技术创作特训营·精选知识专栏
往期视频·千货材料·成员作品 最新动态
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档