JennyL前端经验集

写码，撸铁，看世界

JS异步加载-Requirejs 配置和模块使用

requirejs 中 config的引用方法data-main引用，注意异步引用可能造成的坑。 requirejs 中 config的编写重点关注baseUrl, paths, map，bundles requirejs 中模块的定义文档来源 https://requirejs.org/docs/api.html 下一节：[R02]JS异步加载 Typescript中模块的定义和引用方法 ...

Posted by JennyL on 2019-05-21

CSS 实现 YYYY-MM-DD 日期的两端对齐-比例字体也可使用

CSS 才是前端学习中最难的部分。 —— 我的Boss 实际场景在做网页样式改版，得到了这样一个充满理想化的飞机设计稿：实现页面的时候，遇到了一个问题，普通字体（非等宽字体）”1”占地面积比较小，”2”占地面积比较大，效果是这样的：经过一番调整，成功地找到了两种方案：问题出现的原因接下来的描述跟设计排版相关，追求解决方案的程序员朋友请到文末看demo。两个原因：比例字体（......

Posted by JennyL on 2018-01-04

针对Ghost CMS博客进行多方位SEO优化

好内容，好网页，还要搜索引擎友好

Ghost博客本身集成了SEO的功能，如robots.txt, sitemap.xml, TDK（Title, Description, Keywords）。这篇文章会介绍如何修改使用，并最终提交给搜索引擎。以上几个文件/字段是做什么用的？如何设置Ghost robots.txt？如何修改 TDK（Title, Description, Keywords)？如何使用sitemap......

Posted by JennyL on 2017-12-19

使用Node Express创建后端，返回假数据，实现开发联调自给自足

这篇文章创建了一个Node Express应用，承接前端请求，分页返回假数据。这个方法可在编写无限下拉等依赖后端数据组件时，提供顺畅的假数据；也可Mock数据用于模拟前后端联调。这样在真正数据来的时候，能够顺畅对接，快速将代码推动上线 :) 创建一个Express假数据应用，需要以下步骤：安装Express及npm工具新建Express应用配置JSON文件配置Router承......

Posted by JennyL on 2017-12-12

终端可以使用emoji🖖🏻表情作为提示词呢-Coder们，来搞一个花哨的终端吧！

这篇文章记录了PS1（shell命令前提示词）的修改方法。

这篇文章记录了PS1（shell命令前提示词）的修改方法。主要是尝试了一下贱贱的 emoji 😝 😝 😝 PS1简介PS1被称为prompt（提示符），是终端环境变量的其中之一，主要用于bash命令前的提示词。可以改成各种奇形怪状的内容，自定义空间超大。除了PS1，还有PS2-4，JennyL暂时没有用到。搜索linux ps1能看到相关介绍。 PS1修改语法12# 引号里面可以写......

Posted by JennyL on 2017-10-13

使用Node CMS Ghost创建新闻发布网站&三级页面

Ghost是一个轻量级的Node CMS，自带sqlite3数据库, markdown编辑器，支持主题定制，好用得很。以下方法为Jenny_L自己摸索，亲测可用。感觉文档写的对于小白十分不友好。我期待的安装教程，是一个npm install 和一个npm start命令，文档就是不说，而是推荐你使用专业付费服务。实际安装起来，并没有那么麻烦，在这里记录下最简洁的方法。$ npm inst......

Posted by JennyL on 2017-09-19

如何做出一个高star的github项目？

回答来自Andrey Sitnik， Postcss和autoprefixer作者。有干货有技巧。 Andrey在2017年9月1日这个学生开学的日子来到度厂，给大家分享了Logux项目。在提问环节，有人问到如何做出一个高star的github项目，Andrey的回答非常诚恳有借鉴意义。Jenny_L记录下来，加上自己的理解，希望能给开源开发者一些参考。以下四点是Andrey的原话： ......

Posted by JennyL on 2017-09-08

获取height固定折叠元素真实高度方法

假设，DOM 被设置了 height:20px 和 overflow:hidden，如何计算它的真实高度呢？一、问题背景最近在优化折叠组件，需要在窗口宽度变化的时候重新判断展开收起状态。如果段落高度大于给定高度，则隐藏超高内容，展示【展开】按钮。如果段落高度小于给定高度，则不限制最大高度，隐藏【展开】按钮。但如何计算【段落高度小于给定高度】呢？比如，段落被设置了 height=”20......

Posted by JennyL on 2017-08-31

CSS 中的overflow:visible是什么？和overflow:hidden什么关系

这篇文章会讨论：overflow:visible 在什么情况下使用。overflow 的其他属性值用法。一、缘起最近在解决一个侧边栏弹出后，背景（即body）仍然可以滚动的问题。看了AMP和百度百科类似交互的代码，都是在侧边栏弹出后给body增加overflow: hidden属性。当侧边栏隐藏时，再把属性移除。在移除属性时，不能简单地将overflow设置成auto，而是需要还原到......

Posted by JennyL on 2017-08-31

Web实验(一)AB实验设计思路及实验落地

这篇文章会讨论：在什么情况下需要做 AB 实验从产品/交互角度，如何设计一个实验前端工程师如何打点如何统计数据，并保证数据准确可信如何分析实验数据，有哪些数据需要重点关注附：如何搭建前端实验项目，以 mip-experiment 为例一. AB 实验的使用场景和正确用法我们通常在页面有样式变化，但又不确定是修改影响好坏的时候进行 AB 实验，实验数据可以为改版提供有力支......

Posted by JennyL on 2017-03-27