尝试写第一个单元测试、自动化测试、持续集成

测试库:chai 12345// 安装npm i -D chai// 引入import {expect} from 'chai' 打包工具:parcel 12345// 安装npm i -D parcel// 只需一行代码即可打包,不需要任何配置parcel index.html --no-cache 测试刚在 vue...

Read More

JS又一关于let趣闻

#let到底有没有变量提升?我在 StackOverflow 上闲逛的时候,无意中发现了一个是关于「let 到底有没有提升」的问题: Are variables declared with let or const not hoisted in ES6? 其中一个高票回答认为 JS 中所有的声明(var/let/const/fu...

Read More

HTML关于定位趣闻

大家都知道 position: fixed 是相对于视口(viewport)定位的。 但是这个「真理」会受另一个元素的影响……对,我知道你很震惊…… 先看正常情况: 网页右边是一个 iframe,红色的 .fixed 元素相对于 iframe 视口左上角定位,与我们预期一致。 接下来我在 .box 上面加一个 CSS3 中的属性,就会改变你的认知: 父容...

Read More

TypeScript学习记录

接口-interface1234567891011interface Person { firstName: string; lastNmae: string;}function greeter(person: Person) { console.log('Hello'+person.firstName...

Read More

一行代码实现一个1:1自适应的正方形

偶然发现一个有趣的现象,一行css代码即可迅速实现一个1:1自适应的正方形。先来看一看效果图amazing! 思考~~~揭秘 ^ _ ^ 1234div { border: 1px solid #c03; padding-top: 100%;} 浏览地址

Read More

知乎Live---node

安装Node.js环境 3m安装法 nvm(node version manager)【需要使用npm安装,替代品是yrm(支持yarn)】 nrm(node registry manager)【需要使用npm安装,替代品是yrm(支持yarn)】 npm(node packages manager)【内置,替代品是n或nvs(对win也支持)】 常用软件...

Read More

有没有入门VUE,就看这份自测题了♨

精选的四十五道vue自测题,每五道题公布一次答案。 一、html 12345<div id="app"> <span ____________???____________> 鼠标悬停几秒钟查看此处动态绑定的提示信息! </span></div> js 123456var ap...

Read More

纯css实现多行文本省略号

看似十分简单的标题截断效果,但是竟然没有一个统一 CSS 属性实现标准,需要用到一些奇淫妙计来实现,一般来说,在做这样文字截断效果时我们更多是希望: 兼容性好,对各大主流浏览器有好的支持 响应式截断,根据不同宽度做出调整 文本超出范围才显示省略号,否则不显示省略号 省略号位置显示刚好 单行文本截断 text-overflow文本溢出我们经常用到的应该就是...

Read More

对年轻程序员的告诫

在软件开发中,技术变化如此之快,你花费了大量时间学习技术和工具,一旦这些技术被取代,你的知识将变得毫无价值,因为它们大部分都是实施的细节 我最近总是在想这段话,软件开发算不算是真正的知识? 如果它是一种真正的知识,那么理论上,我们学到的东西大部分应该不会过时,就好像微积分不会过时一样。可是实际上,我们都知道,软件开发技能有时效性,十年前学习的编程知识,十...

Read More

第一个TS小项目--计算器

看过typescript官网的5分钟上手之后,觉得语法上像极了JS,相比JS,TS更注重于 ‘type‘ (这样一看JS真的是垃圾,很垃圾),于是动动手写了一个计算器(jsbin在线)体验了一下。 github预览 typescript:1234567891011121314151617181920212223242526272829303132333435...

Read More