- 博客(17)
- 收藏
- 关注
RSS订阅原创 输入文本框查找关键字并提高亮色知识点
这个主要运用编辑器wangEditor来写自动生成编辑器主要函数：var editor=new wangEditor(dom);//dom 参数 获取HTML的一个节点editor.create(};//通过js初始化内容1.eritor.txt.html();// 可以传参数 获取编辑区的html结构2.editor.txt.text();//获取编辑区的纯文本但是要记得引入框架js<script src="/wangEditor-3.1-1/release/w
2022-05-08 20:51:42
255
原创 css3动画效果
@keyframes hovertreemove{from {top:30px;}to {top:130px;}}可以通过 @keyframes 规则，创建动画。创建动画的原理是，将一套 CSS 样式逐渐变化为另一套样式。在动画过程中，您能够多次改变这套 CSS 样式。以百分比来规定改变发生的时间，或者通过关键词 "from" 和 "to"，等价于 0% 和 100%。0% 是动画的开始时间，100% 动画的结束时间。为了获得最佳的浏览器支持，您应该.
2022-04-30 19:26:46
121
原创 滚动监听事件和本地存储知识点
以回到顶部为例：goback.addEventListener('click', function () { setTimeout(function () { window.scrollTo(0, 0); }, 2000); this.style.transform = '(translateY(-52px)';})window.onscroll = function () { var h = document.documentElement.scr
2022-04-24 08:03:54
126
原创 Thymeleaf的一些基本知识点
与FreeMarker和Velocity一样，它是一种模板引擎。但他的特点是：即使不启动web应用，也可以直接在浏览器中打开正确的显示模板；以html属性出现，保证html的完整语法结构不被破坏；提供了内置的工具类，工具对象；支持HTML，js,raw等多种模板类型；Thymeleaf通过在html标签中，增加额外属性来达到“模板+数据“的展示模式；它的语法分为以下2类：1.标准表达式语法1）变量表达式${...}2) 选择标量表达式...
2022-04-17 08:05:03
184
原创 电梯栏知识点
var border_1s=document.querySelectorAll('.border_1');var border=document.querySelector('.border');var banner=document.querySelector('.banner');var bannerTop=banner.offsetTop;var bordertop=border.offsetTop-bannerTop;var goback=document.querySelector('.
2022-04-09 21:51:20
366
原创 js高级的小知识点
这周接着写上周未写完的知识点一. 对象的创建模式共有五种：1.Object构造函数模式2.对象字面量模式3.工厂模式4.自定义构造函数模式5.构造函数+原型的组合模式 function Student(name,price){ this.name=name this.price=price } Student.prototype.setNmae=function(name){
2022-04-04 21:19:42
63
原创 js高级知识点
这一周我主要学习了js高级的相关知识点，因此特来分享一下：js基本类型：String Number Boolean Null Undefined Symbol BigInt;用来判断类型的有：typeofinstance of===this指向问题：1.普通函数、立即执行函数和定时器函数的this指向均为window;2.对象方法的this 指向为调用对象；3.构造函数和原型函数的this指向为实例对象；4.绑定事件函数的this指向为函数的调用者；改变thi
2022-04-02 20:33:50
48
原创 轮播图功能
一般对于前端来说，轮播图是一个几乎必做的小项目，因此今天我们就来说说它的原理：轮播图的做法千万种，今天我就来说说我的轮播图；1.首先，要先获取元素，如何获取应该都知道，就不说了；2.还是要运用排他思想，即只有当前选项有这个类，其他的都没有（goIndex函数便是此效果）；3.我运用的思路其实是相当于在同一个地方放了很多个图片，然后一张一张的依次翻上来；4.用自定义属性将圆圈与图片连接起来；5.设置定时器效果，使它看起来平缓自然；// 大轮播图 var items=docum
2022-03-27 08:16:48
636
原创 tab栏切换
// 新品首发板块的导航栏换块 var login_right_one_bs=document.querySelectorAll('.login_right_one_b'); var login_lis=document.querySelectorAll('.login_li'); for(var i=0;i<login_lis.length;i++){ login_lis[i].setAttribute('counts',i); login_lis[i].onmousemo.
2022-03-26 22:48:49
80
原创 写代码时的一些易错点
1.del is not defined at HTMLButtonElement.onclick (real.html:1)错因可能为：a.导包错误；有时候js文件有先后顺序的；b.script标签错误；c.有时候还可能因为加了// $(document).ready(function () {}而错；2.xxx is undefined错因可能为：a.变量名书写错误b.定义的为局部变量，不是全局变量还有一个小细节就是当动态创建时的数据要先点用一下创建的对象函数渲染
2022-03-13 11:23:11
311
原创 ES6的相关小方法
1.let与var的区别：let 是一个块作用域；可声明变量，但无变量提升；不能重复声明；不会污染全局变量。而var 是全局变量，有变量提升。2.用于遍历的三种方法a.filter();b.some();c.forEach();3.改变函数内部this指向方法call(); 可以调用函数，改变this指向apply();bind(); 不调用函数，返回的是个新函数；以上即是本周总结的小知识点了！生活感悟：上次班会中，听了团支书的讲话，我深感佩服！我总是觉得
2022-03-06 11:11:45
111
原创 大一下学期第一次周记
↵写一些要注意的小细节：1.设置调整窗口大小事件window.onresize=function(){}window.innerWide 当前屏幕的宽度；2.Location对象可以跳转页面，能后退location.href()location.assign()location.host() 返回主机location.search()返参location.replace() 替换当前页面，不能后退3.offset与style的区别offset:可以得到任意样式表
2022-02-26 21:30:10
173
1
原创 关于数组的一些检测方法和转换
一. 检测是否为数组：1.instanceof数组名 . instanceof Array2.Array is Array (参数)二. 返回数组元素索引方法1.indexof (数组元素，[起始的位置])它只能返回到第一个满足元素的索引号；从左往右查询；若找不到该元素，则返回-1；2.lastindexof(数组元素，[起始的位置])它只能返回到第一个满足元素的索引号；从右往左查询；若找不到该元素，则返回-1；三.数组与字符串的转换数组转化为字符串1.t
2022-01-16 16:50:51
186
原创 【无标题】关于数组的一些方法和运用
1.翻转数组数组名.reverse();运行结果： Array(5)0: "pink"1: 42: 23: 34: 1length: 5[[Prototype]]: Array(0)2.数组排序数组名.sort(); 缺点：不行排除个位数的数；运行结果：Array(5)0: 11: 22: 33: 44: "pink"length: 5[[Prototype]]: Array(0)<!DOCTYPE html><html> <head>
2022-01-16 16:23:36
314
原创 回家发表言
说起来也很巧，在我回家的前一天晚上，我见到了新乡的第一场雪。这是我第一次在新乡看雪，感觉挺好看的，就是有点冷，它是一个寒冷的晚上。但那天晚上也是一个热闹的晚上，我们班委喊我们聚个餐，庆祝一下我们放假了，同时也算是个小型的离别聚餐，同学们都聚在一起聊天，气氛很好，这也说明了这两个多月来同学之间交流感情之快；其实，想想，分离还是有点难过的呀；今天看到窗外的雪时，我在家，又想到了新乡的雪，那的雪夹杂着风，很冷。但看着这样的雪，我莫名的有一种洒脱之感，而家里的雪中没有带着那么大的风，很是温柔，让人留恋，很贴合家的特
2022-01-16 15:38:22
62
原创 有趣又有用的操作方法
在学习页面布局时，定位（position)和浮动(float)是非常常用的。正确的使用它们，会使我们自己的页面布局更好看。下面我来简单介绍一下他们的基本用法。定位（position):属性：static 默认 relative 相对定位 特点： 移动位置的时候参照点是自己原 ...
2021-12-05 15:26:05
157
原创 HTML的基本语法
语法规范:大多数所有的标签都是成对的，如<html></html>；但也有的标签是单标签<br />。标签语义:1.标题标签格式：<h1>-<h6><h1>我是一级标题</h1>标签语义：作为标题使用，且据重要性递减。特点：a.加了标题的文字会变得加粗，字号变大 b.一个标题独占一行2.段落和换行标签<p>我是一个段落标签</p&...
2021-11-28 15:21:30
291
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人