- 博客(565)
- 资源 (4)
- 收藏
- 关注
原创 使用docxtemplater-image-module-free时支持动态获取图片大小
在使用生成模板图片时,写死了其中一个函数导致图片都是一个大小,且被拉扯的变形了。
2024-08-19 23:03:58 543
原创 使用excalidraw搭建自己的中文手写画板
本文介绍了如何基于开源项目 Excalidraw 搭建一个支持中文手写字体的画板。作者通过下载中文手写字体(如平方雨桐体)并将其集成到 Excalidraw 中,实现了中文手写风格的效果。
2024-08-19 22:28:30 1406 1
原创 【JavaScript】花点时间了解执行上下文
一般来说,听到上下文这个东西,很自然想到了语文老师讲到的在上下文中找到相关联的段落和句子…其实在JS中的上下文更多的是一个抽象的概念。它具体是指在当前执行环境中的变量、函数声明,参数(arguments),作用域链,this等信息。
2023-07-27 08:06:58 307
原创 【JavaScript】你从未如此了解const、let与var
ES6推出了许多闪亮的新功能。而let和const却是其中非常亮眼的功能,可用于变量声明。那么它们与var有和不同呢?
2023-07-20 21:30:01 314
原创 【JavaScript】Function的祖传方法call与apply
call()和apply()是JavaScript中的两个内置方法,用于调用函数并指定函数中的this值。call()方法的语法和作用与apply()方法类似,只有一个区别,就是call()方法接受的是一个参数列表,而apply()方法接受的是一个包含多个参数的数组。参数:thisArg:可选的。在 function函数运行时使用的this值。请注意,this可能不是该方法看到的实际值:如果这个函数处于非严格模式下,则指定为null或undefined时会自动替换为指向全局对象,原始值会被包装。
2023-07-19 14:47:20 686
原创 【JavaScript】你真的熟悉bind吗
bind()方法创建一个新的函数,在bind()被调用时,这个新函数的this被指定bind()的第一个参数,而其余参数将作为新函数的参数,供调用时使用。
2023-07-14 16:53:20 202
原创 【设计模式-前端】单例模式深刻理解和实现
慢慢开发的年龄大了,就越想搞点新玩意,但是编程的思维却越来越需要有足够的长进。最近要做一个JS-SDK,单例的思想值得好好琢磨琢磨!
2022-08-11 11:53:16 1156 1
原创 【HTML】HTML5的应用程序缓存
【重构前端知识体系之HTML】HTML5的应用程序缓存什么是应用程序缓存(Application Cache)使用 HTML5,通过创建 cache manifest 文件,可以轻松地创建 web 应用的离线版本。应用程序缓存为应用带来三个优势离线浏览 - 用户可在应用离线时使用它们速度 - 已缓存资源加载得更快减少服务器负载 - 浏览器将只从服务器下载更新过或更改过的资源。Cache Manifest如需启用应用程序缓存,请在文档的 <html> 标签中包含 manifes
2022-06-20 22:51:58 512
原创 【HTML】不来看看HTML5的WebStorage吗
使用HTML5可以在本地存储用户的浏览数据。目的是克服由cookie所带来的一些限制,当数据需要被严格控制在客户端时,不需要持续的将数据发回服务器。
2022-04-03 08:00:00 772
原创 【HTML】HTML5的Web Werkors
JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。
2022-04-02 08:00:00 950 2
原创 【HTML】HTML5的拖放你用了吗
在 HTML5 中,拖放是标准的一部分,任何元素都能够拖放。拖放的操作,多用在拖拽排序列表、游戏拼图等。
2022-02-23 09:17:23 1170 7
原创 【HTML】讲讲HTML5视频播放的方式
上节讲了HTML5的音频播放,和音频播放一样,需要借助flash才能在网页上使用视频。随着HTML5出来以后,就不需要借助flash了,本身可以通过video标签支持。
2022-02-07 22:28:16 9564 4
原创 【HTML】HTML5给网页音频带来的变化
音乐播放,相信大家都很熟悉,但是早在之前的音乐播放之前,你的浏览器会问你,是否下载flash插件。然而现在,估计一些年轻的开发者都不用了解flash是啥了。因为HTML5来了,它改变了这一切。...
2022-01-24 16:53:40 1800 15
原创 【HTML】讲讲对HTML5的语义化的理解
在讲什么是语义化之前,先看看语义化的背景。在之前的文章中提到HTML最重要的特性,那就是标签。但是项目一大,标签多的看不懂,一堆叠着一堆。一些命名奇奇怪怪,想维护被劝退,团队协作导致团战开始!因此语义化迫在眉睫!...
2022-01-19 22:12:26 1578 13
原创 【HTML】带你重忆HTML那些记忆模糊的标签
上节,说了HTML是标记语言,那么最重要的就是标记,也就是标签。那标签那么多?要在这里全部写出来?当然否。这里会讲解常用的标签。(常用达到70%)希望在各种前端框架频出的年代,HTML依然牢记于心。...
2022-01-18 18:04:41 1216 7
原创 【一】重温HTML
总是逃不开这个话题。抱歉,我再来为你们述说一次!HTML的英文全称是(超文本标记语言),它于1990年由Web的发明者的发明。HTML的特点HTML不是一种编程语言,而是一种标记语言标记语言是一套标记标签HTML使用标记标签来描述网页HTML文档包含了HTML标签及文本内容HTML文档也叫做 web页面HTML通过标记式的指令,将影像、声音、图片、文字动画、影视等内容显示出来。正如我们的网页一样,正是承载了上述媒体资源的一个载体。如果你刚了解HTML,就记住它是修饰文档的标记。HTML。
2022-01-14 23:51:16 1620 16
原创 【CSS3】盘点Sass与LESS的异同
之前写过Sass和less的文章,有的同学在评论区有过留言,问两者有何不同,使用的时候该怎么去选择?在这篇文章中回复了。我不会说哪一种好(成年人的世界要懂得左右逢源!),我列出来,你们来看!
2022-01-10 22:08:12 532 5
原创 【JavaScript基础】你真正了解如今的Js数组吗,看这篇就(Go)够了
数组用过很多了,应该是太平常了。在循环♻️的时候,我这么说是不是不太专业呀(有点不太聪明的样子)!那好,这样说?在遍历数组时候,甚至想对数组有所操作的(是不是已有内置的方法了?),都可以考虑一下,先别自己写一大坨(我以前就是!!!),特别是在加入了es6语法之后。熟悉数组的操作是一项基本工,在刷LeetCode的时候,因为对数组不熟悉而不能落实自己的思路,那简直就是,太可惜了!所以学数组,从现在起!!!不过话说回来,你看了本文也不一定记得全部,一定要多用,多练,多总结!然后多出点BUG(这个
2022-01-09 19:39:26 2592 26
原创 【Vue】transition让你的v-if和v-show有个美美的过渡与动画
产品说:要你在这个这个显示的时候,那个不要显示,但是怎么突然就没了,这样用户会不会觉得这是个Bug?Bug:???其实这个是我们在vue中最平常使用的v-if和v-show指令。生硬的业务场景切换,让产品感觉还可以优化的错觉那么就再来优化一下!加个动画?
2022-01-05 22:42:08 17578 6
原创 【CSS3】伪类与伪元素真的不“伪”,且不要记混哟
前端开发一年之前从来不用,一年之后伪类伪元素真香!但是有一个问题,伪类和伪元素傻傻分不清!今天就来好好的辨一辨它们。
2021-12-30 20:34:05 921 32
原创 【算法-初级-数组】两数之和(JavaScript实现)
给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是,数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。
2021-12-29 00:26:12 729 10
原创 【算法-初级-数组】只出现一次的数字(JavaScript实现)
给定一个非空整数数组,除了某个元素只出现一次以外,其余每个元素均出现两次。找出那个只出现了一次的元素。
2021-12-27 19:50:14 468 13
原创 【CSS3】CSS3动画——我离前端的炫酷又近了一步
CSS3 可实现 HTML 元素的动画效果,而不使用 JavaScript 或 Flash。为了学习前端的动效,我简直是不折手段。目前就抓着CSS的动画来搞一波。
2021-12-26 19:18:06 3393 18
原创 【计算机基础】数据校验与奇偶校验
数据校验在上学的时候不认真,现在自由了,反倒舔着脸去学。数据校验:你礼貌吗? or 礼貌:你数据校验了吗?复制个标题的文案,一起来看看复杂的数据校验吧!
2021-12-26 17:47:05 2178 1
原创 【算法-初级-数组】存在重复元素(JavaScript实现)
给定一个整数数组,判断是否存在重复元素。如果存在一值在数组中出现至少两次,函数返回 true 。如果数组中每个元素都不相同,则返回 false 。
2021-12-26 15:22:54 1527 5
原创 【算法-初级-数组】删除排序数组中的重复项(图解多语言版实现)
给你一个有序数组 nums ,请你 原地 删除重复出现的元素,使每个元素 只出现一次 ,返回删除后数组的新长度。
2021-12-24 20:38:24 413 8
原创 【计算机基础】我大致讲清了数据的表示
学着学着,开始倒卷!学新的搞不过你们,我就学基础!我温故,再知新!(别闹,其实就是基础薄弱,之前又写了这个比较lou的总结,现在改作业,进行一个改正和总结)
2021-12-15 00:40:59 581 1
原创 【CSS】我如何解释CSS变量的好
【CSS】我如何解释CSS变量的好博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明其实多说变量有多好,干我们这行的都知道。就说JS,没了变量,那代码就乱了套。那可读性和代码的篇幅,都让程序员成为一次性工,没法复用。所以CSS的变量的作用非常之大(原谅没啥墨水的程序员),虽说CSS逻辑没有那么复杂,但对于代码的可读性有着大大的增强。CSS作为样式官,那么良好的代码风格,不正是符合它的风格吗。CSS 变量可以访问 DOM,这
2021-11-29 21:36:23 444
原创 【Sass/SCSS】我花4小时整理了的Sass的函数
【Sass/SCSS】我花4小时整理了的Sass的函数博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明Sass 定义了各种类型的函数,这些函数可以通过 CSS 语句直接调用。可以看到Sass的函数功能已经相当丰富了。整理了Sass的主要函数,重点在于后面的颜色函数,设计非常的银杏!String(字符串) 函数quote(string)给字符串添加引号quote(hello) //"hello"unquote
2021-11-23 23:33:17 1266
原创 【Less】给 CSS 加点料
【Less】给 CSS 加点料博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明相比Sass的高调宣言,Less就比较低调了,看下面官网的介绍官网地址:Less中文网什么是 Less已经知道了什么是Sass的情况下,相信对什么是Less应该也会比较的清晰了,它也是CSS的武器,让CSS更加强大。(感觉最近说话有点朴素了哈)官方回答:Less (Leaner Style Sheets 的缩写) 是一门向后兼容的 CS
2021-11-22 23:49:33 534
原创 【Sass/SCSS】预加载器中的“轩辕剑”
【Sass/SCSS】预加载器中的“轩辕剑”博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明随着前端技术发展的越来越迅速,前端的样式也需要更加贴近时代的审美,那么CSS就需要承担更多的工作,(强调!这不是煽情!这是宣讲背景。????),为了给CSS怼上去,预加载器出现了,没错,CSS用上了武器。Sass/SCSS——预加载器中的“轩辕剑”,这也不是我帮它吹,是它自己说的,下图为例。官网地址:SASS中文网什么是Sas
2021-11-18 10:34:49 516 1
原创 【SVG】SVG的夺命利器——path
【SVG】SVG的夺命利器——path博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明昨天一发布,突然看到有朋友留言,希望看到更多的SVG的文章。突然有些感动????,那么继续。(感动点比较低哈)path元素的能力path元素是SVG基本形状中最强大的一个,它不仅能创建其他基本形状,还能创建更多其他形状。比如矩形(直角矩形或者圆角矩形)、圆形、椭圆、折线形、多边形等。更重要的是能够绘制一些曲线,如贝塞尔曲线、二次曲线
2021-11-11 23:25:41 974 1
原创 【SVG】为了前端页面的美丽,我选择学习SVG
【SVG】为了前端页面的美丽,我选择学习SVG文章目录【SVG】为了前端页面的美丽,我选择学习SVG说明什么是SVG?SVG的优势一个小小的示例示例代码效果代码解析如何在HTML中使用SVG?使用 `` 标签使用 `` 标签使用 ` `标签使用`` 标签直接在HTML嵌入SVG代码SVG的基本形状矩形 ``圆形 ``椭圆 ``线` `折线` `多边形` `路径 ``总结博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明SV
2021-11-10 18:23:02 853
原创 【JavaScript实用技巧(一)】循环遍历与跳出循环遍历
【JavaScript实用技巧(一)】循环遍历与跳出循环遍历文章目录【JavaScript实用技巧(一)】循环遍历与跳出循环遍历说明for类循环遍历数组1、for循环2、for...in循环3、forEach循环4、map遍历5、for...of遍历跳出循环for循环跳出循环forEach跳出循环博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明一想到想到循环,顺其自然就想到了for,while就在这里先不讲(因为本身它就
2021-10-24 23:17:05 610
原创 Vue 移动端的长按与触摸事件
Vue 移动端的长按与触摸事件文章目录Vue 移动端的长按与触摸事件说明实现代码演示优化体验博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明在手机端的需求难免会遇到与手势相关的,比如div的长按和单击事件,长按可能是分享或者删除等操作,一般的形式是通过弹窗来展现。实现其实主要是利用dom的触摸事件,touchstart,touchmove,touchend代码<template> <div&
2021-08-12 16:15:32 1119 1
原创 ES6 箭头函数你正确使用了吗
ES6 箭头函数你正确使用了吗文章目录ES6 箭头函数你正确使用了吗说明箭头函数一个简单箭头函数用法(三大如果)四大注意点箭头函数的this指向将ES6转成ES5不能作为构造函数不可以使用arguments对象箭头函数的好与坏博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢!说明在ES6中允许使用“箭头”(=>)定义函数,所以在我们后续写代码的过程中出现的很多的箭头函数,因为真香!但是也带来的一些问题,灵魂拷问,你真的了
2021-07-14 19:19:07 339
原创 CSS 浮动布局放弃float,拥抱flex(详解)
CSS 浮动布局放弃float,拥抱flex(详解)文章目录CSS 浮动布局放弃float,拥抱flex(详解)说明Flex布局容器和项目容器属性flex-direction属性flex-wrap属性flex-flow属性justify-content属性align-items属性align-content属性项目属性order属性flex-grow属性flex-shrink属性flex-basis属性flex属性align-self属性博客说明文章所涉及的资料来自互联网整理和个人总结,意在于个人
2021-07-13 19:03:29 1283 1
little.zip
2020-06-29
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人