- 博客(31)
- 收藏
- 关注
RSS订阅原创 前端vue后端JAVA导出没有合并的表格
本篇文章的导出表格：没有合并列，把所有数据放到一个数组中，这个数组叫list，把一行数据放在一个数组map中。代码分为vue前端和java后端。
2022-10-21 16:03:34
358
1
原创 JS中的DOM
一、理解JS中的DOM 1.DOM是文档对象模型：当网页被加载时，浏览器会创建页面的文档对象模型。 2.通过 DOM，可访问 JavaScript HTML 文档的所有元素。 3.DOM 模型被构造为对象的树：通过可编程的对象模型，JavaScript 获得了足够的能力来创建动态的 HTML。JavaScript 能够改变页面中的所有 HTML 元素JavaScript 能够改变页面...
2021-11-24 15:18:52
7350
原创 js中的this指向
有以下六点：1.单独使用 this，它指向全局(Global)对象。2.在对象方法中， this 指向调用它所在方法的对象。3.函数使用中，this 指向函数的所属者。4.严格模式下函数是没有绑定到 this 上，这时候 this 是 undefined。5.在 HTML 事件句柄中，this 指向了接收事件的 HTML 元素。6.apply 和 call 允许切换函数执行的上下文环境（context），即 this 绑定的对象，可以将 this 引用到任何对象。单独使用this
2021-11-23 19:02:38
5081
原创 URL& http协议&https协议&get与post请求
目录1.URL2.HTTP协议简介3.get与post的区别4.http和https的区别1.URLURL就是资源的地址、位置，互联网上的每个资源都有一个唯一的URL。URL的基本格式：协议://主机地址/路径URL中常用的协议：1）HTTP：超文本传输协议，访问的是远程的网络资源，格式是http://2）file协议的是本地计算机上的资源，格式是file://（不用加主机地址）3）mailto：访问...
2021-11-16 22:29:50
1268
原创 v-model 表单双向数据绑定
1.v-model的概念：v-model是运用在表单的双向数据绑定，就是将vue实例中的data数据渲染到html的页面上来。vue双向数据绑定是通过数据劫持结合发布者-订阅者模式的方式来实现的。我们已经知道实现数据的双向绑定，首先要对数据进行劫持监听，所以我们需要设置一个监听器Observer，用来监听所有属性。如果属性发上变化了，就需要告诉订阅者Watcher看是否需要更新。因为订阅者是有很多个，所以我们需要有一个消息订阅器Dep来专门收集这些订阅者，然后在监听器Observer和订阅者Wat
2021-10-31 18:53:37
378
原创 vue的模板语法
模板语法是什么？官方网站有解释：允许开发者 声明式 地将 DOM 绑定至 底层 Vue 实例的数据。所有 Vue.js 的模板都是合法的 HTML，所以能被遵循规范的浏览器和 HTML 解析器解析。在底层的实现上，Vue 将模板编译成虚拟 DOM 渲染函数。结合响应系统，Vue 能够智能地计算出最少需要重新渲染多少组件，并把 DOM 操作次数减到最少。我的理解是：模板语法是将vue实例中的data中的数据渲染到页面中的函数。1.文本插值：使用“Mustache”语法 (双大括号) {{msg}}.
2021-10-29 15:17:01
233
原创 Vue的生命周期
一、首先来解释一下生命周期和钩子函数：1.生命周期：从"vue实例创建"到"虚拟dom产生"再到"数据绑定监听数据渲染"以及"销毁"的整个过程。2.钩子函数：子函数是在一个事件触发的时候，在系统级捕获到了他，然后做一些操作。 常用的钩子函数：React生命周期函数、vue生命周期函数、vue自定义指令等。二、生命周期有四个阶段：每个阶段有两个钩子函数。 1.初始化构建阶段 beforeCreate：vu...
2021-10-13 21:51:37
80
原创 节流和防抖的原理以及实现代码
1.节流1）节流的原理： 节流就是控制高频事件发生的触发次数。 a. 我们先在html文件中写出一个滚动事件来，打开浏览器之后，当我们滚动鼠标一次，浏览器的控制台中就会触发十几条滚动事件，由于触发次数太频繁，所以，我们需要控制这个触发次数，我们可以不用鼠标滚动的次数来当作触发事件，我们可以用滚动的时间来控制触发事件的次数。<script> // 创建滚动事件 window.onscroll = function(){ co...
2021-10-08 10:52:09
3106
原创 要让一个元素全部隐藏掉且在文档流中不占位，应该使用下面哪个 CSS 规则？
这个题的答案是display:none隐藏一个元素的方法有两种：dispaly:none，visibility:hidden而他们之间的区别之一就是隐藏一个元素且在文档流中占不占位：1.dispaly:none 1）不为被隐藏的对象保留其物理空间。html对象在页面上彻底消失（display:none会让元素完全从渲染树中消失，渲染的时候不占据任何空间）。2）是非继承属性，子孙节点消失由于元素从渲染树消失造成的，通过修改子孙节点，属性无法显示。...
2021-09-28 21:20:07
1977
原创 什么是ES6？
1.ES6的发展历史（知道es6的发展，就知道es6是什么了）ES6(ECMAScript6)的第一版本是在2015年6月发布的，正式名称是《ECMAScript2015标准》（简称ES2015），之后再2016年6月发布了《ECMAScript2016标准》（简称ES2016），之后在2017年6月发布了ES2017标准。所以，ES6可以是一个泛指，泛指ES2015及以后的所有标准，但也可以指ES2015标准。2.ES6的运行环境 node.js运行环境。...
2021-09-28 21:02:57
1022
原创 当跨消息传输时出现Failed to execute ‘postMessage‘ on ‘DOMWindow‘这个错误时
当运行跨消息传输时出现以下这个错误时我们应该将代码用 open with live server 打开。
2021-09-24 15:07:38
7270
原创 html5中的拖放事件
1 定义 拖放是一种常见的特性，即抓取对象以后拖到另一个位置。在 HTML5 中，拖放是标准的一部分，任何元素都能够拖放。2 动作 (1)dragstart按下鼠标并开始移动鼠标，就会触发这个事件，我们通过ondargstart来调用方法。(2)drag当dragstart开始，会持续触发darg这个事件。【类似mousemove事件，不能放太复杂的代码】(3)drag...
2021-09-16 20:00:27
899
原创 jQuery的知识点总结
一、什么是jQuery？ jQuery 是一个快速小巧、功能丰富发第三房JavaScript库，为我们封装DOM操作，让我们操作DOM节点更加方便 。 1.功能：1.选取HTML元素2.操作HTML元素3.可以进行CSS操作，改变元素的样式4.操作HTML事件.... ...
2021-09-16 19:27:17
754
原创 HTML5的新增元素—canvas
1. 定义 画布是用来绘制图形，属于html元素，是h5的新元素，需要结合js。2. 语法 <canvas></canvas>【注意：canvas需要写闭合标签，不可以以单标签的形式出现】一般不建议使用css设置它的宽高 3. 属性 width默认值300px...
2021-09-16 18:59:12
366
原创 利用Ajax访问后台数据
一、什么是Ajax？Asynchronous JavaScript + XML(异步JavaScript和XML)，其本身不是一种新技术，而是一个用来描述一种使用现有技术集合的‘新’方法。二、如何访问后台数据？1.创建XMLHttpRequest对象（1）定义：XMLHttpRequest用于在后台与服务器交换数据。可以在不重新加载整个网页的情况下，对网页的某个部分更新。 （2）创建 variable=n...
2021-09-11 21:39:18
1189
原创 JavaScript的面试题
一、算术题1.分别使用循环以及递归算法实现10的阶乘。 方法一：for循环for(i=1,s=1;i<=10;i++){ s*=i;}console.log(s); 方法二：递归函数function jie={ var s=1; for(i=1;i<=10;i++){ s*=i; i++; }console.log(s);}2.使用循环打印九九乘法表。for(i=1;i<=9;i++...
2021-09-07 16:53:33
89
原创 CSS的动画案例——西游记动画
1.思路：（1）先制作出背景图，并且给背景图设置向后运动的动画。（2）在分别将师徒四个的图片放在相应的位置，并且给图片设置相应的宽高。（3）在给师徒四个的图片设置动画。让他们走动起来。2.制作所需的图片（图片分别命名为bg.jpg、bj.png、ss.png、ts.png、wk.png）3.html代码<!DOCTYPE html><html lang="en"><head> <...
2021-09-06 20:07:43
692
原创 JavaScript的知识点总结（三）
一、面向对象的程序设计 1.对象的创建 （1）工厂模式1.定义：由于使用普通的字面量创建多个对象时，会产生大量的重复代码，为了解决这个问题，我们引入工厂模式。2.优点：通过将创建对象的方法封装起来，避免重复代码产生。3.缺点：创建的所有对象类型都是Object类型，没有办法知道对象到底是Person还是Dog。...
2021-09-06 17:38:15
110
原创 CSS的知识点总结（三）——布局
目录一、默认布局二、display三、浮动：float四、定位布局：position 1.相对定位 2.绝对定位 3.固定位置 4.粘性布局一、默认布局 1.默认布局又称线性布局 默认文档结构从外到内，自上而下，从左到右。二、display 1.定义：将块级元素转换为行类元素 2.display:inline; 行内元素...
2021-09-02 19:35:14
298
原创 CSS的知识点总结（二）——盒子模型
盒子模型 1. 盒子模型分为两种模型： （1）W3C模型：也称为内容盒子，标准盒子。 （1）内容区的宽高： 宽：我们定义的宽width; 高：我们定义的高height。 （2）盒子的宽高： 宽：内容的宽+边框的厚度+左右内边距的厚度(padding)...
2021-09-02 18:32:44
224
原创 JavaScript的知识点总结(二)
一、数组 1.数组的定义 1.使用Array构造函数 var arr=new Array(); arr[0]=100;arr[1]=200;//通过索引下标进行赋值 var arr=new Array(20); var arr=new Array("terry","larry","boss");//在定义的同时赋值 2.字面量 var arr4=[100,200];//在定义的同时进行赋值...
2021-08-31 20:31:27
78
原创 JavaScript的知识点总结(一)
一、发展历史1995年 ：各个浏览器厂商 验证数据的合法性（年龄范围） 提示交互的信息 用户体验度2012年：由ECMA组织统一javascript核心语法。发布了javascript5.1版本，简称ES5。 ES5：注释、变量、分支、逻辑、数组、对象2015年：发布了ES6版本。在核心语法之上增加了高级语法（箭头函数、反射）。二、javascript 的介绍1. javascript: 是编程语言。作用：前后台交互。2.ja...
2021-08-26 20:19:08
159
原创 CSS的弹性布局
CSS的弹性布局弹性布局的介绍弹性布局的英文是flexbox，简写flex。弹性布局又称伸缩盒布局。弹性布局有容器、元素两大要素，元素可以随着容器大小的变化，自动改变大小，但是元素之间会按照一定的比例排布，使页面整洁，让人看起来舒服。实现弹性布局的代码：display:flex;弹性布局的常用语句1.在主轴方向的排列方式——justify-content默认是x轴。通常我们实现x轴的排列用这个语句。:flex-start：元素在x轴上靠左开始排列。:flex-end：元素在x轴上靠右开始排
2021-08-21 20:12:10
1342
原创 Linux的所有命令及基础知识
Linux的所有命令及基础知识操作系统的介绍unix、linux、ubuntu三个操作系统的区别：unix:是内核，是最早发明的系统，是商业软件。linux:是基于unix的操作系统内核，是开源免费的。ubuntu：是linux操作系统的发行版，采用gnome桌面环境的操作系统。三者的关系：unix是爷爷,linux是爸爸,ubuntu是众多儿子中一个。用户管理1.三种登录方式命令程序方式控制方式端口号ssh username@ip地址SSL远程控制22
2021-08-19 18:22:01
67
原创 CSS的知识点总结（一）
一、CSS是什么？ 1.全称：层叠样式表 2.作用：（1）用来修饰文档的语言，可以将文档以最优雅的形式呈现给用户。 （2）为了把内容和样式进行分离，提高工作效率。 3.发展：1996年12月第一份正式标准完成 CSS；1998年5月 CSS规范第二版 出版了；1999年开始修订，2001年完成了CSS工作草案。 4.CSS工作原理： 拿到HTML文件-解析HTML文...
2021-08-10 22:20:14
123
原创 html的元素&标签
1.标签和元素通常意思相同，但是严格来讲，一个元素通常又是由两个标签组成 HTML标签：一般成对出现，大小写不敏感，但是H4推荐使用小写。 HTML标签部分可以嵌套使用。2.开始标签 内容标签 结束标签 <div> div的内容 </div>3.元素分为四种元素： （1）块级元素 独占一行空间，用来布局段落、列表、导航菜单等，不要把块级元素嵌套在行内元素里。...
2021-08-02 20:12:42
807
原创 Axure RP 9轮播图的制作
1.先保存五张图片（几张都可以）。2.将元件库里的“动态面板”拉到制作面板。3.双击点开“动态面板”，在上面有状态1（State1），点击它，可以添加状态，我们保存了五张图片就再添加四个状态。状态框大小可以设置为1000*400。4.在每个状态里面放入元件库中的“图片”，并导入保存的图片。图片大小自然也是1000*400。5.将这个动态面板命名为“轮播图”。6.将元件库里的“圆形”拖拽到制作面板中，大小设置为25*25，可以将其复制粘贴为五个，并且给每个圆形...
2021-07-31 21:06:32
9526
5
原创 建立git仓库的步骤以及命令
一、创建git仓库1.本地普通文件夹变成git仓库 本地仓库（普通文件夹） 本地仓库（git仓库）：git init 操作执行后 文件夹中多了/.git 代表这是一个git仓库 2.本地git仓库链接云端git仓库 本地： D:\briup\git测试文件夹 云端：https://gitee.com/changqin1/web2103b...
2021-07-27 19:00:32
1248
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人