前端基础
杨北林
emmmm
展开
-
JS遍历数组并通过innerHTML 显示到HTML中
JS遍历数组并通过innerHTML 显示到HTML中原创 2022-10-09 10:23:20 · 2252 阅读 · 1 评论 -
ES6语法(一)
ES6语法(一)let关键字声明常量变量解构赋值模板字符串简化对象写法箭头函数rest参数`...` 扩展运算符合并数组symbol基本使用迭代器(Iterator)let关键字1、变量无法重复声明2、let是块级作用域,全局,函数,eval var是全局,let只能在快级中有用3、不存在变量提升(就是不允许在声明变量前使用)4、不影响作用域链声明常量1、一定要给初始值2、一般常量用大写3、常量值无法修改4、块级作用域5、对数组和对象的元素修改不算做对常量的修改,不报错变量解原创 2021-10-29 17:04:14 · 365 阅读 · 0 评论 -
获取屏幕滚动条目前位置
mounted() { //添加滚动条事件监听 window.addEventListener('scroll', this.handleScroll)},data() { return { iconcolor:'#ffffff', }},methods: { let scrollTop = window.pageYOffset || document.documentElement.scrollTop |原创 2021-10-28 15:53:21 · 384 阅读 · 0 评论 -
正则表达式实时监测Input框输入的值
JS原生实现实时监测Input框值的变化,错误输入框显红色提醒<input type="text" id='btn' name="btn" oninput="checkDomain()" onfocus="inputfocus()" onblur="inputblur()" placeholder="请输入域名!" /> function checkDomain(){ var reg= /^([0-原创 2021-10-19 14:41:09 · 413 阅读 · 0 评论 -
JS实现敏感字标红,根据具体位置将敏感字替换成红色+VUE
根据具体位置将敏感字替换成红色,敏感字标红敏感字标红根据具体位置将敏感字替换成红色,敏感字标红☕敏感字标红逻辑:☕敏感字标红实例:☕前端的页面样式:☕得到敏感字位置:☕敏感字标红替换:☕敏感字标红逻辑:因为在输入框input中的value没有办法改变其中某些字的颜色,要么只能通过style样式全部换成红色。所以这里采用的是用一个div直接覆盖在input输入框上面,条件判断,是否存在敏感字。如果存在敏感字,就将对应位置的敏感字标红,并将其赋到div里面,然后让div显示在input上面。inp原创 2021-09-24 15:25:33 · 3288 阅读 · 5 评论 -
div根据屏幕居中,位于屏幕中间
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> html, body{ height: 100%; margin: 0; padding: 0; .原创 2021-09-23 10:26:58 · 163 阅读 · 0 评论