搜索内容

包含标签:html5 的文章
  • getBoundingClientRect 与 滚动加载
    其他

    getBoundingClientRect 与 滚动加载

     getBoundingClientRect 用bottom举例, 获取到的数据是元素底部相对于屏幕上边的距离 const client = $dom.getBoundingClientRect(); 1、如果元素位于屏幕上面的不可见区域,client.bottom 会是负数 2、如果元素位于屏幕下面不可见区域,client.bottom > window.innerHeight 假如有个滚动加载的需求: 1、元素需要滚动加载,那么首先已经加载的部分的client.bottom 肯定是 大于 window.innerHeight 2、当逐渐向下滚动,client.bottom 会越来越小,当client.bottom < window.innerHeight 时, 它就出现在可视区域了。 demo代码 let subscription = fromEvent(window, "scroll") .pipe(debounceTime(50), takeUntil(this.des
    admin 今天
  • 简易计算器(jquery)
    其他

    简易计算器(jquery)

    首先对于依赖于jquery的网页来说首先创建html后一定要先引入jquery插件 body { margin: 0px auto; padding: 0px; border: 1px solid #000; width: 500px; height: 600px; } #show { height: 175px; background: #d3d3d3; } #control { height: 425px; background: #bebebe; } #control div { height: 83px; width: 500px; } #control div div { margin: 2px 2px; float: left; height: 81px; width: 121px; background: #d3d3d3; } #control
    admin 今天
  • 打开大写锁定的方法
    其他

    打开大写锁定的方法

    onKeyPress(event: any) { this.platform = getDevice(); if((event.shiftKey && this.platform === "mac" ) ||event.getModifierState('CapsLock')){ this.isCapsLock = true; }else{ this.isCapsLock = false; } //event.getModifierState('CapsLock') 打开大写锁定的方法 }
    admin 今天
  • " alt="Cocos creator 2.X 数字合十 消消乐 游戏源码下载,完整可运营版本">
    其他

    Cocos creator 2.X 数字合十 消消乐 游戏源码下载,完整可运营版本

    Cocos creator 2.X 数字合十 消消乐 游戏源码下载,完整可运营版本,可二次开发做区块链游戏,代码是TS的代码,方便阅读,容易修改。 源码下载  Cocoscreator2.X数字合十消消乐游戏源码下载,完整可运营版本-cocos2D文档类资源-CSDN文库https://download.csdn.net/download/dong2008hong/54007511
    admin 今天
  • Avue各参数作用
    其他

    Avue各参数作用

    avue的crud
    admin 今天
  • (达内一阶段)day03运算符
    其他

    (达内一阶段)day03运算符

    一.day02复习知识: 语句拼接: ①,定义一个变量name,用来存储姓名"张三" ②.定义一个变量age,用来存储年龄33 ③.打印:张三今年33岁了 package cn.tedu.review; import java.util.Scanner; /**本类用于复习day02的编码知识*/ public class TestType { //1,定义一个变量name,用来存储姓名"张三" //2.定义一个变量age,用来存储年龄33 //3.打印:张三今年33岁了 public static void main(String[] args) { String name = "张三"; int age = 33; System.out.println(name+"今年"+age+"岁了"); System.out.println("请给予海绵宝宝吃多少碗饭"); //接收用户输出的数值 int num = new Scanner(System.in).nextInt(); //将收到的数值与句子拼接 S
    admin 今天
  • Mybatis——动态SQL环境搭建、if、Choose、set、foreach语句的使用
    其他

    Mybatis——动态SQL环境搭建、if、Choose、set、foreach语句的使用

    一.动态SQL环境搭建 1. @SuppressWarnings("all") //抑制警告,全部都不报错 2.随机生成ID package com.Utils; import java.util.UUID; @SuppressWarnings("all") //抑制警告,全部都不报错 public class IDUtils { public static String getId() { return UUID.randomUUID().toString().replaceAll("-",""); } } 3.mybatis-config.xml 日志工厂 使Bean类中的属性与数据库名对应
    admin 今天
  • 入门Web前端要注意什么?要学哪些软件?
    其他

    入门Web前端要注意什么?要学哪些软件?

    很多刚刚毕业准备找工作的同学想要学习Web前端,因为相对于Java,Python而言,Web前端更容易入门,也属于互联网行业。那么对于零基础想学习Web前端有注意哪些事项呢?Web前端要学哪些软件工具?下面就来和小千一起看一看吧! 一、学习Web前端的注意事项 1、不要以看书学习为主,学习Web前端不是数学语文那么容易,你看看例题就会了,更需要的是别人的讲解,你自己看书上那些专业的文字,只是凭你自己意识理解的那样来。但是一般情况下我们都理解不了,毕竟我们不是出书的人。 2、建议能系统专业的学习,因为如果你是一个小白或者零基础的入门者,自学也有可能会勉强入门。但是肯定会比别人走很多弯路,或者花费更长的时间,所以建议是能系统的学习。这样不仅能快速入门,升级的几率也很大,而且也能短期内出效果。 3、当你学习Web前端的时候,可能会出现学了就忘记不住的情况。打个比方:比方说我们在学习英语的时候,一天学习20个单
    admin 今天
  • 可编辑div:contenteditable=true
    其他

    可编辑div:contenteditable=true

    可编辑div:contenteditable=true(让div+css可以相当于Input) 可以使用这个属性自定义富文本编辑器,可以自己设置样式功能等。 这是使用contenteditable=true来制作的一个类似Notion的笔记编辑器 /** 这里以vue举例,这是一个富文本编辑的笔记工具 */