simplify the life

2023年3月24日 #

Node12+ 下 axios 包使用报错引发的对 package.json's exports 等属性以及 esm 的学习

摘要: 最近碰到一个 case,在一个用 ts 写的 node 项目里,使用 axios,本地开发没问题,但是部署上去报错了,然后使用方式改了一下就没问题了 import axios from 'axios' // 部署上去后报错 // 修改后 import axios from 'axios/dist/n 阅读全文

posted @ 2023-03-24 21:52 lessfish 阅读(2411) 评论(1) 推荐(1) 编辑

2023年3月3日 #

一个样式问题引发的对 overflow 属性的再度学习

摘要: 最近开发碰到一个 bug,其实把它写成最小 demo 很简单,大概这样: 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content= 阅读全文

posted @ 2023-03-03 08:27 lessfish 阅读(141) 评论(0) 推荐(0) 编辑

2023年2月27日 #

transition、@keyframes animation 和 Hover.css

摘要: transition Transitions enable you to define the transition between two states of an element. Different states may be defined using pseudo-classes like 阅读全文

posted @ 2023-02-27 21:50 lessfish 阅读(175) 评论(0) 推荐(0) 编辑

由 Sweep To Right 动效引发的对 z-index 的再度学习

摘要: z-index MDN | Hover.css 对于一个已经定位的盒子(即其 position 属性值不是 static),z-index 属性指定: 盒子在当前堆叠上下文中的堆叠层级 盒子是否创建一个本地堆叠上下文(后代元素的 z-indexes 不与此元素外部的 z-indexes 进行对比) 阅读全文

posted @ 2023-02-27 21:31 lessfish 阅读(30) 评论(0) 推荐(0) 编辑

2020年3月4日 #

Nuxt 项目性能优化调研

摘要: 性能优化,这是面试中经常会聊到的话题。我觉得性能优化应该因具体场景而异,因不同项目而异,不同的手段不同的方案并不一定适合所有项目,当然这其中不乏一些普适的方案,比如耳熟能详的文件压缩,文件缓存,CDN,DNS 预解析,等等,但是我更希望听到的是因为不同的项目不同的需求,解决不同的问题而采取的不同的优 阅读全文

posted @ 2020-03-04 19:08 lessfish 阅读(7727) 评论(0) 推荐(1) 编辑

2020年2月29日 #

一个 API 设计上的失误

摘要: 意识到自己的设计失误,源于同事的一次开发报错 事情回到工具库设计当初,我需要为内部封装一个浏览器环境判断库,这个库需要的功能非常简单,判断是否在某些宿主环境中打开,比如移动端、微信、微博,以及我们自己的 APP,等等,实现思路也非常简单,拿到 UA 进行分析就行了 但是在 API 设计上,我有了两个 阅读全文

posted @ 2020-02-29 18:51 lessfish 阅读(279) 评论(0) 推荐(0) 编辑

2018年8月2日 #

mpvue 初体验之改写【车标速查】

摘要: "前文" 说到我开发了一个简单的小程序叫做 车标速查(代码以及二维码详见 "这里" ),本文简单讲讲如何将这个小程序转为 mpvue 开发(最终 "成果" ) mpvue 官网的 "文档" 真的是非常简单,不,应该说是简洁,因为依托 Vue,所以很多语法不需要赘述,直接去看 Vue 的文档就好了。m 阅读全文

posted @ 2018-08-02 08:24 lessfish 阅读(987) 评论(0) 推荐(0) 编辑

2018年7月30日 #

微信小程序开发初体验

摘要: 最近因为工作需要入门了一下小程序,边入门也边在思考小程序的应用场景,“用完即走” 四个字一直浮现在脑海。正好最近在学驾照,因为以前一直对车不感冒,所以连奔驰都不认识,正好做个车标速查的小程序,非常符合 “用完即走” 的理念 最终源码点击 "这里" (附小程序码),车标信息数据来自 "车标网" 因为小 阅读全文

posted @ 2018-07-30 21:44 lessfish 阅读(1452) 评论(0) 推荐(1) 编辑

2018年5月21日 #

pointer-events: none 的两个应用场景

摘要: 简介 真是个神奇的属性。 该属性有什么用?借用 "CSS3 pointer events:none 应用举例及扩展" 的总结来说: 顾名思义,就是鼠标事件拜拜的意思。元素应用了该 CSS 属性,链接啊,点击啊什么的都变成了 “浮云牌酱油”。 的作用是让元素实体 “虚化”。例如一个应用 pointer 阅读全文

posted @ 2018-05-21 20:15 lessfish 阅读(20993) 评论(2) 推荐(2) 编辑

2018年1月16日 #

分享几个写 demo 的思路

摘要: 好久没有动笔,最近发现了一个新的写 demo 的思路,非常有意思。仔细一想,自己仿佛积累了不少写 demo 的思路和想法,总结一下,抛砖引玉。 本文所说 demo 主要分以下三种: 本地 demo 外链 demo 文章中带 demo 本地 demo 楼主在工作和学习中是比较喜欢写 demo 的,抛出 阅读全文

posted @ 2018-01-16 21:25 lessfish 阅读(5012) 评论(3) 推荐(0) 编辑

2017年12月18日 #

from Require.js to Webpack(why)

摘要: 写在前面: 本文主要参考 "From Require.js to Webpack Part 1 (the reasons)" ,原文作者将项目从 require.js 转移到了 webpack 并详细说明了原因以及好处。 commonjs (webpack 默认 commonjs,很显然,commo 阅读全文

posted @ 2017-12-18 09:52 lessfish 阅读(547) 评论(0) 推荐(0) 编辑

2017年3月30日 #

小议短网址系统的设计(有些时候,需要换个角度思考问题)

摘要: 前言 短网址,我想大家应该都见过,如果没有,试着点击下面这条链接 ,会跳到我的 GitHub 主页,但是它确实比原始链接 要短了一些。关于短网址的作用,这里不作描述,本文主要讲讲如何实现一个 简单的 短网址系统。 Leetcode 正好 "有一题" 与此有关,不妨一试。 思路 如果没有接触过短网址, 阅读全文

posted @ 2017-03-30 21:36 lessfish 阅读(1551) 评论(5) 推荐(0) 编辑

2017年3月2日 #

关于 parseInt 的一道有意思的面试题

摘要: 看完标题,入坑过的同学脑海里很快会浮现出这道经典面试题,没碰到过的同学不妨跟着楼主先来复习一遍 parseInt 的用法(主要参考 "MDN" )。 parseInt 是 JavaScript 中的一个全局函数(顶级函数),它会将给定的字符串以指定基数(radix/base)解析成为整数。 它的语法 阅读全文

posted @ 2017-03-02 11:32 lessfish 阅读(1952) 评论(5) 推荐(1) 编辑

2017年2月13日 #

【译】JavaScript Promise API

摘要: 原文地址: "JavaScript Promise API" 在 JavaScript 中,同步的代码更容易书写和 debug,但是有时候出于性能考虑,我们会写一些异步的代码(代替同步代码)。思考这样一个场景,同时触发几个异步请求,当所有请求到位时我们需要触发一个回调,怎么做?Promise 让一切 阅读全文

posted @ 2017-02-13 14:01 lessfish 阅读(1561) 评论(2) 推荐(2) 编辑

2016年11月11日 #

「post中文参数问题」以及「验证码自动识别备忘」

摘要: 前言 之前搞过几次模拟登录,都是模拟 post 后取到 cookie,之后便能用这个 cookie 愉快玩耍。这次碰到了验证码,其实只需手动登录一次,手动取到 cookie 后也能玩耍,不过 cookie 有效期不长,经常要换,十分麻烦。然后看到了这个库 "tesseract.js" ,由于我们的验 阅读全文

posted @ 2016-11-11 20:00 lessfish 阅读(1344) 评论(0) 推荐(0) 编辑

2016年8月15日 #

浅析列表页请求优化(history API)

摘要: 最近搞了下列表页请求的功能,并做了一下调研整理,记此文备忘。 列表页请求的功能到处可见,比如在博客园。 点击相应的页码,页面返回相应的内容,看上去似乎大同小异,但是一些小的细节还是可以区分优劣。 full load 公司原来的代码采用的是 full load 的方式,也就是每点击一次,页面完全加载。 阅读全文

posted @ 2016-08-15 07:59 lessfish 阅读(1758) 评论(6) 推荐(3) 编辑

2016年8月7日 #

如何装最多的水? — leetcode 11. Container With Most Water

摘要: 炎炎夏日,还是呆在空调房里切切题吧。 "Container With Most Water" ,题意其实有点噱头,简化下就是,给一个数组,恩,就叫 吧,从中任选两项 i 和 j(i 1); if (a[mid] = target) end = mid 1; else start = mid + 1; 阅读全文

posted @ 2016-08-07 13:42 lessfish 阅读(1941) 评论(1) 推荐(2) 编辑

2016年7月31日 #

HTML5 File API — 让前端操作文件变的可能

摘要: 前言 在 HTML5 File API 出现之前,前端对于文件的操作是非常有局限性的,大多需要配合后端实现。出于安全角度考虑,从本地上传文件时,代码不可能获取文件在用户本地的地址,所以纯前端不可能完成一些类似图片预览的功能。但是 File API 的出现,让这一切变成了可能。 跟着楼主由浅入深,了解 阅读全文

posted @ 2016-07-31 22:51 lessfish 阅读(57827) 评论(7) 推荐(15) 编辑

2016年7月24日 #

不一样的猜数字游戏 — leetcode 375. Guess Number Higher or Lower II

摘要: 好久没切 leetcode 的题了,静下心来切了道,这道题比较有意思,和大家分享下。 我把它叫做 "不一样的猜数字游戏",我们先来看看传统的猜数字游戏, "Guess Number Higher or Lower" 。题意非常的简单,给定一个数字 n,系统会随机从 1 到 n 中抽取一个数字,你需要 阅读全文

posted @ 2016-07-24 17:29 lessfish 阅读(3011) 评论(0) 推荐(1) 编辑

2016年6月3日 #

冒泡排序 & 选择排序 & 插入排序 & 希尔排序 JavaScript 实现

摘要: 之前用 JavaScript 写过 "快速排序" 和 "归并排序" ,本文聊聊四个基础排序算法。(本文默认排序结果都是从小到大) 冒泡排序 冒泡排序每次循环结束会将最大的元素 "冒泡" 到最后一位。 以 [1, 5, 2, 4, 3] 为例,O(n^2) 的复杂度,总共外层循环 5 次,第一次循环结 阅读全文

posted @ 2016-06-03 20:17 lessfish 阅读(2508) 评论(0) 推荐(2) 编辑

导航

统计信息

点击右上角即可分享
微信分享提示