jQuery 笔记

博主头像 初识 console.log($ == jQuery);// true jQuery就是$ 等价的 页面加载 $(document).ready(function(){});//相当于原生window.onload(DOMContentLoaded) 比onload先执行 $(function(){ ...

JavaScript 笔记

博主头像 基本概念 script标签 defer:脚本延迟到文档被解析和显示之后再执行 ! defer属性只适用于外部脚本文件 async:表示立即下载脚本,页面其他操作不影响 ! async属性只适用于外部脚本文件 <!-- 标记async的脚本不保证加载的先后顺序,第二个脚本可能会在第一个先执行 --> ...

小技巧!CSS 提取图片主题色功能探索

博主头像 本文将介绍一种利用 CSS 获取图片主题色的小技巧。一起看看~ 背景 起因是微信技术群里有个同学发问,有什么方法能够获取图片的主色呢?有一张图片,获取他的主色调: 利用获取到的这个颜色值,来实现类似这样的功能 -- 容器中有一张图片,希望背景色可以适配图片的主色,像是这样: 大家出谋划策,有说利用 ...

html2canvas渲染时候,样式走样问题。(前端)

工作需求中要做一个将整个页面变成图片下载在本地的功能。 使用了html2canvas第三方JS插件。 在渲染的时候,因为原页面含有DIV和canvas连线,出来的图片,div正常,但是canvas连线相对DIV偏移向上了。 一开始以为是html2canvas在渲染原页面canvas的时候会出问题,找 ...

前端数据结构--二叉树先序、中序、后序 递归、非递归遍历

博主头像 二叉树遍历 二叉树的遍历是指从根节点出发,按照某种顺序依次访问所有节点,而且只访问一次,二叉树的遍历方式很多,如果限制了从左到右的方式,那么主要有4种: 前序遍历:根左右 中序遍历:左根右 后续遍历:左右根 层序遍历:按层级、从上到下,在同一层从左到右遍历 以上一篇的二叉树为例子,先序遍历 先访问根 ...

[测试]Sprint Boot

博主头像 昨天,我们介绍了如何在Spring Boot中实现文件的上传。有读者问:那么如果有多个文件要同时上传呢?这就马上奉上,当碰到多个文件要同时上传的处理方法。 动手试试 本文的动手环节将基于Spring Boot中实现文件的上传一文的例子之上,所以读者可以拿上一篇的例子作为基础来进行改造,以体会这之间的 ...

进程与线程

博主头像 先来看一下基本概念 进程: 操作系统分配的占有CPU资源的最小单位。拥有独立的地址空间。 线程: 安排CPU执行的最小单位。是进程内的一个独立执行单元 计算机含有多个进程,每个进程有含有多个线程。 关系: 一个进程至少有一个线程。 一个进程内的数据可以供其中的多个线程直接共享 多个进程之间的数据是不 ...

【jQuery】精细学习记录

博主头像 【jQuery】精细学习记录 基础 基本语法: $(选择器).action(回调函数); $/jQuery //jQuery核心函数 $(选择器) //获得的jQuery对象 jQuery核心 - jQuery函数 $([选择器, html, callback]) - $("#id") - $("< ...

Django——form表单

博主头像 表单是搜集用户数据信息的各种表单元素的集合,其作用是实现网页上的数据交互,比如用户在网站输入数据信息,然后提交到网站服务器端进行处理(如数据录入和用户登录注册等)。 网页表单是Web开发的一项基本功能,Django的表单功能由 Form 类实现,主要外为两种:diango.forms.Form 和 ...

浅谈src与href的区别

博主头像 src 和 href 都是用来引入外部资源的属性,例如:图片、视频、CSS 文件、JavaScript 文件等。 那么它们两者之间究竟有什么样的区别呢? ...

简易流程图设计器Vue3

流程设计器主要完成流程定义,为工作流引擎收集元数据,主要包括:流程触发、路径判断、完成条件、用户分配等,配合工作流引擎完成低代码的构建。一个灵活的工作流引擎是离不开写代码的,我们要做的就是尽量封装复杂性,做到定义时直观,能快速完成工作流的定义。前端主要完成以下功能: 快速拖拽节点和路径完成流程定义 ...

前端数据结构--树

博主头像 前面介绍过的都是线性的数据结构,本文将介绍一种非线性数据结构——树,它对于存储需要快速查找的数据非常有用。树是一种一对多的数据结构,树这种数据结构在生活中经常看到,如 组织结构图 图中每个元素我们叫做节点,即树(Tree)可以理解为是n(n>=0)个节点的有限集合。当n=0时称为空树。 基本概念 树 ...

WEB前端第六十九课——viewport、rem单位

博主头像 1.viewport视口 视口(viewport),是视图窗口的简称。 视口的大小就是HTML元素的实际大小。 但是,在移动端要想展示实际页面大小则必须进行视口的适配设置, 否则,移动端加载页面时,默认视口宽度980px或某个值(布局视口宽度),无法呈现实际大小。 说明: 在桌面显示器上CSS中的1 ...

js sort排序是从大到小还是从小到大

sort()方法用于对数组的元素进行排序。 排序顺序可以是字母或数字,并按升序或降序。 默认排序顺序为按字母升序。 数字排序(数字和升序): 语法arr.sort([compareFunction]) 参数在JavaScript中 方括号 里的内容是可选的,可就是compareFunction这个参 ...

用 vitePress 快速创建一个文档项目

博主头像 其实开发一个项目最需要的就是操作文档,文档的质量决定了项目的开发流程,开发规范等等。 对于前端框架来说,文档最友好的还是vue,不仅是中国人的框架,而且文档支持了中文。仔细查看 Vue 的官方文档,还有Vue-Router,Vuex,Vite。发现尤大的文档都是一个模板刻出来的,而且也非常简洁好用。 ...

如何使div的浏览器窗口高度为100%

博主头像 我有两列的布局-左div和右div。 右边div有一个灰色background-color,我需要根据用户浏览器窗口的高度垂直扩展它。现在background-color结束于该内容的最后一部分div。 我试过height:100%,min-height:100%;等 有几个CSS 3度量单位,称为 ...

<1···678···200>