愚人码头的博客

使用-webkit前缀的文字描边text-stroke -webkit-text-stroke: 2px #ccc; color:transparent...

// 求从1开始的前n个奇数和function total(n){ // const result = 0; // for(let i = 0;i<n;i++){ // result+=2*i+1 // } // return result; return n*n;} ...

问题:chrome浏览器页面限制字号,最小为12px 解决方法:使用transform的scale,但注意只有块元素或行-块元素,才能使transform生效. ...

零宽度空格符 (zero-width space) U+200B : 用于较长单词的换行分隔 零宽度非断空格符 (zero width no-break space) U+FEFF : 用于阻止特定位置的换行分隔 零宽度连字符 (zero-width joiner) U+200D : 用于阿拉伯文与印度语系等文字中，使不会发生连字的字符间产生连字效...

语义版本规范X.Y.Z[-P] 12.3.15.7.81.5.6-alpha.17.2.3-beta 使用迭代器iterator ...

问题描述:页面设置了定时器,切换其他页面,过一段时间过来,定时器动画出现定位错误,重叠等问题 原因:chrome浏览器会对长时间处于静止状态的标签页的定时器进行节流,会把定时器间隔调整为不低于1s,有的浏览器会改为十几分钟.再E...

position:sticky;top:0; 粘性定位失效原因 查看父元素是否设置了overflow:hidden

css * { margin: 0; padding: 0; } .myBox { width: 600px; height...

filter:grayscale(1);

//手写callFunction.prototype.myCall = function(ctx,...args){ ctx = ctx ===null || ctx ===undefined?globalThis:Object(ctx) const key = Symbol(); Object.defineProperty(ctx,ke...

const arr = [{ name: 'a', age: 18, sex: '男' },{ name: 'b', age: 25, sex: '女' },{ name: 'd', age: 18, sex: '男' },{ name: 'c', age: 34, sex: '女' }]// 1.按单一属性分组{ "18":[{},{}],...

const PENDING = 'pending';const FULFILLED = 'fulfilled';const REJECTED = 'rejected';class MyPromise { // 内部属性 #state = PENDING; #result = undefined; #handlers = [...

示例:点击按钮,往页面插入100000个div元素 const btn = document.querySelector('#add'); const datas = new Array(100000).fill(0).map((_, i) =&...

适用场景：环绕布局图标：遥控器，手表，闹钟 @use 'sass:math';$r:145px;.item:nth-child(1){ $deg:45deg; $x:$r*math.sin($deg); $y:$r*math.cos($de...

"箭头函数" 是 JavaScript 中的一个概念，主要在 ES6（ECMAScript 2015）及以后的版本中使用。箭头函数提供了更简洁的语法来定义函数，并且与普通函数相比，它们还有一些不同的行为和特性。 ...

为了解决这个问题，需要更改Power Shell的执行策略。可以通过运行以下命令来查看当前的执行策略： Get-ExecutionPolicy Restri...

js+html实现滚动地球仪。

假数据生成神器faker.js生成随机数据，拦截 Ajax 请求Mock.js多媒体处理工具 FFmpegvue国际化插件vue-i18n导出PDF文件插件JSPDF生成pdf在线预览插件pdf.jshtml截图插件html2canvas最好的移动端滚动插件better-scrollvue移动端轮播图插件vue-awesome–swipervue无缝滚动插件vue-seamless-scroll优化打包速度webpack插件happyPackJavaScript自动化软件Auto-js移动端级联插件pick

function deepClone(obj){ //初始化为[]或{} let objClone = Array.isArray(obj)?[]:{}; if(obj && typeof obj==="object"){ for(key in obj){ //判断是否为自身属性 ...

// 辅助函数function _task(task,callback){ // 兼容性良好的写法 let starts = Date.now(); requestAnimationFrame(()=>{ if( Date.now() - starts<16.6){ task(); callbac...