前端技术 - 硬汉工作室

js轻量弹窗提示插件coco-message javascript

比之前介绍的Toastify还要轻量，只需引入一个单独的js文件即可，而且内置了几种状态方法，比如成功，危险等，基本也够用。官网地址：https://github.com/thewindrises-2/coco-message?tab=readme-ov-file 下载后，引入coco-message.min.js。用法： cocoMessage.wa...

nciaer 发布于 2025-11-27 11:56

49 0

bootstrap4里的模态窗口modal 前端技术

基本例子： <div class="modal fade" id="Modal"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> ...

nciaer 发布于 2025-11-24 15:19

68 0

tailwindcss本地构建前端技术

所谓本地构建，其实就是不再直接引用cdn里的东西，豆包生成的代码很多都是如下格式： <script src="https://cdn.tailwindcss.com"></script> <script> tailwind.config = { theme: { ...

tailwind css

nciaer 发布于 2025-9-23 17:45

350 0

javascript零碎前端技术

字符串与数字相加时，会把数字转为字符串，如'3'+3，结果是：33。但是字符串与数字执行/-运算时，字符串会转成数字，如'3'3，结果是9，如果字符串不能转为相应数字，那么结果就是NaN，如'-'*3，结果是NaN false undefind null 0 NaN 空字符串在条件判断时是false，空数组[],空对象{}，字符串'0'都为真。

nciaer 发布于 2025-8-13 10:34

508 1

js里的对象前端技术

js对象不必过多解释了，我记得十几年前刚接触js时，有人说js不是面向对象的，而是基于对象的，那会还没有ES5，ES6等等，主流浏览器可能还是IE，但是现在大不同了，js已经成为开发语言第一梯队了。 1.创建对象 1. 通过对象字面量创建对象（对象初始化器？）： let person = { name: '硬汉', age: 36, ...

对象

nciaer 发布于 2025-8-12 14:39

580 0

js里的fetch方法前端技术

fetch()方法是用来替代原来的ajax方法的，据说用的Promise，但是这个我不太懂，只能记录几个常用例子。发送get请求 fetch('a.php?name=nciaer&age=18').then(res => { if(res.ok && res.status == 200) { // 如果请求正确，那么o...

fetch ajax

nciaer 发布于 2025-8-8 16:33

394 0

js数组函数整理前端技术

length属性，获取数组的长度如[1, 2, 3].length会返回3 includes(v)，判断v是否在函数里，ES2016可用 [1,2,3].includes(1); // true [1.2, 3].includes(4); // false indexOf(v), 返回v在数组里的索引，不存在返回-1，如： [1, 2, 3].indexO...

array 数组

nciaer 发布于 2025-8-8 11:47

327 0

js字符串函数整理前端技术

先介绍下es6里的模板字面量，用反引号包裹，下面是个例子： let founder = '硬汉'; console.log(`硬汉工作室创始人是${founder}`); // 硬汉工作室创始人是硬汉模板字面量其实类似于php双引号里的{$var}，而js里是${var}，比之前的+字符串好点，可以跨行 length属性返回字符串的长度，没啥好说的，如：...

string

nciaer 发布于 2025-6-10 09:20

1963 12

javascript es6里的模块前端技术

最近想学学uniapp，里面都是vue，都是js知识，看的有些力不从心，一点点来吧。先学习下模块的概念。什么是模块？对es6来说，我个人理解，一个js文件就是一个模块，模块里可以定义很多类，或者函数，供外部使用。如何定义模块呢？首先创建一个module.js文件，里面写上 export default function say(name) { ...

模块

nciaer 发布于 2025-5-30 15:34

390 0