iOS Safari浏览器下的focus行为和其他浏览器都一些明显不一致的地方，有时候会给开发带来困扰，这里就说说相关的细节知识，均源自于自己日常开发，希望可以给遇到类似问题的前端同行带来帮助。
图片加载失败后CSS样式处理最佳实践
2020年10月24日 by 阅读 12956 次, 今日 57 次
图片加载失败的默认UI是比较丑陋的，因为前端开发会使用出错图进行替换，但是这种做法会隐藏图像的内容信息，有没有什么办法在CSS样式美化同时显示图像的信息呢？本文就介绍我摸索出来的应对此场景的最佳实践技巧，希望可以对您的工作与学习带来帮助。
ES6模板字符串在HTML模板渲染中的应用
2020年10月22日 by 阅读 6770 次, 今日 40 次
ES6模板字符串自带模板解析特性，有没有可能HTML模板直接使用ES6模板字面量语法，然后进行渲染解析呢，这样就不需要引用第3方模板渲染引擎了，岂不妙哉！但是实操下来没那么简单，好在我找到了一个解决方法。本文的技术同样实用，有demo有截图，希望本文内容可以对您的学习有所帮助。
如何让文字作为CSS背景图片显示？
2020年10月20日 by 阅读 7016 次, 今日 42 次
SVG feTurbulence滤镜深入介绍
2020年10月17日 by 阅读 4373 次, 今日 20 次
SVG feTurbulence滤镜可以用来模拟超级逼真的自然特效，例如火焰、水流、土石、烟雾、云朵等等，本文以接近1万字的篇幅详细深入介绍这个SVG滤镜，配备大量精彩实用案例，视觉表现前端必学知识，希望可以对您的学习所有帮助。
HTML enterkeyhint设置iOS/Android键盘enter键
2020年10月11日 by 阅读 4905 次, 今日 29 次
介绍一个实用的HTML属性enterkeyhint，可以让iOS和Android手机键盘出现时候的enter键显示出你需要的文案或者图标，从而从细节上提高用户体验，有demo有截图，希望本文内容可以对你的工作和学习有所帮助。
快速学习CSS Color Level 4的色值新语法
2020年10月11日 by 阅读 4082 次, 今日 14 次
本文介绍#RRGGBBAA色值表示法，对应的透明度的16进制色值，RGB颜色和HSL颜色语法以前的限制都取消了，支持小数，参数个数3个4个都可以，以及介绍RGB颜色和HSL颜色的新语法，希望本文内容对大家的学习有所帮助。
巧借CSS var变量实现任意的CSS自定义语法
2020年10月11日 by 阅读 5136 次, 今日 29 次
本文介绍一种自定义任意CSS语法、以及Polyfill CSS新特性的技术，这个技术的精华之处就是巧用CSS变量var让这些浏览器本不应该识别的语法也认为是合法的，从而让JS进行解析识别与转化成为了可能，本文通过3个案例演示该技术，希望可以对您的学习有所帮助。
Polyfill吊炸天的CSS attr()新语法
2020年10月10日 by 阅读 6509 次, 今日 36 次
CSS attr()新语法可以让HTML属性以任意的CSS属性值类型呈现，足矣对现有的web开发产生颠覆，但是可惜这么好用的东西目前没有任何浏览器支持，本文会介绍我自己找到的一种Polyfill方法，可以让所有支持CSS变量的浏览器都可以使用attr()新语法。
flex:0 flex:1 flex:none flex:auto应该在什么场景下使用？
2020年10月6日 by 阅读 7809 次, 今日 26 次
flex:initial适合小部件元素的分布布局，flex:0适合用到替换元素的场景，flex:none适合按钮等不换行的小控件，flex:1适合等分布局，flex:auto适合基于内容动态适配的布局，具体的剖析可以点击链接进行查看。
我的应用
我的应用