lessfish - 博客园

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 阅读(2691) 评论(1) 推荐(1)

一个样式问题引发的对 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 阅读(157) 评论(0) 推荐(0)

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 阅读(203) 评论(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 阅读(51) 评论(0) 推荐(0)

Nuxt 项目性能优化调研

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

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

一个 API 设计上的失误

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

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

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

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

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

微信小程序开发初体验

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

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

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

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

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

分享几个写 demo 的思路

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

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

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 阅读(553) 评论(0) 推荐(0)

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

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

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

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

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

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

【译】JavaScript Promise API

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

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

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

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

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

浅析列表页请求优化（history API）

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

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

如何装最多的水？ — 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 阅读(1954) 评论(1) 推荐(2)

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

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

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

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

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

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

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

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

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

simplify the life