ICode9

精准搜索请尝试: 精确搜索
  • JavaScript—web API之DOM2020-07-05 13:36:08

    API 官方:API(Application Programming Interface,应用程序接口)是一些预先定义的函数,或指软件系统不同组成部分衔接的约定。目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问原码,或理解内部工作机制的细节。简单地说API就是一个可以提供很多功能的工

  • 前端将数据转化为弹幕效果的实现方式2020-07-04 22:07:40

    前言 这个需求如题,大体上是将文章的评论数据,在文章的首图上面以弹幕的形式出现。当时在做这个需求的时候,花了挺多精力的,踩了很多坑,现将弹幕的实现思路写出来,如果喜欢的话可以点波赞/关注,支持一下,希望大家看完本文可以有所收获。   实现效果:   实现原理: 实现弹幕的原理,并不算太

  • 497 浏览器的底层渲染机制2020-07-03 13:03:33

    DOM树:DOM的层级关系、节点关系 页面之所以能渲染 从服务器获取需要渲染的内容(URL解析/DNS/TCP/HTTP...) 浏览器基于自己的渲染引擎(例如:webkit/gecko/trident/blink...)开始自上而下加载渲染代码 性能优化 CRP性能节点优化:根据渲染的每个关键节点,提高关键节点的优化效率。 减少

  • js常用的dom操作(js的dom操作API)2020-07-01 22:38:37

    前言 很多同学用惯了jquery操作dom,让他们用js操作的时候,常常力不从心,本文总结了常用的js的dom操作方法,供大家翻阅!其实说起js操作dom,我很久很久之前有篇文章,jquery属性的相关js实现方法,里面囊括了很大一部分js操作dom的常用方法,但是不是很系统。不能说是API,今天来系统总结一下!  

  • jQuery操作DOM2020-07-01 22:04:36

      DOM操作分为哪些类型           1.jQuery中的DOM操作 jQuery对JavaScript中的DOM操作进行了封装       2. 样式操作 ①使用css()为指定的元素设置样式值或获取样式值 语法: css(name,value) ; //设置单个属性   css({name:value, name:value,name:value…}

  • js BOM对象2020-06-29 17:01:36

    BOM:从浏览器的顶部开始到浏览器的底部  统称为BOM包含DOM DOM:从document(内容区域)到浏览器底部为DOM 以window开头的  为BOM  可以省略  如  document 它是DOM也是BOM window是权限最高的对象,它可以找到我们要错作的所有子目标(BOM DOM 属性 事件  方法) var a=window.open

  • 2020 前端面试题上 vue篇2020-06-27 11:05:34

    没有特别的幸运,那么就特别的努力!!! 2020 前端面试题上 vue篇vue篇vue 双向绑定原理v-model 的原理scoped样式穿透组件之间的传值通信axios拦截器怎么配自定义指令vuexcomputed 和 watch区别filter与computed计算属性——判断是否有图片v-if & v-show & v-forv-bind & v-modevu

  • 1128. Number of Equivalent Domino Pairs2020-06-27 10:51:36

    问题: 给出数对构成的数组dominoes,若其中一对数对dominoes[i]和另一对数对dominoes[j]包含两个数字相同(忽略顺序),那么称这两对数对等价, 求给定数组dominoes,有多少对(i,j)为等价数对。 Example 1: Input: dominoes = [[1,2],[2,1],[3,4],[5,6]] Output: 1 Constraints: 1 <= domi

  • JS事件、Bom对象和Dom对象(2)(乐字节架构)2020-06-26 15:07:02

    如果你想成为一名优秀的java架构师,看这里 → 乐字节免费公开课(腾讯课堂) 如需要跟多资料请点击右侧(记住入群暗号:66) → 这是一条不归路,有秃头风险,请慎重选择! BOM对象 ​ BOM的核心对象是window,它表示浏览器的一个实例。window对象有双重角色,它既是通过JavaScript访问浏览器窗口的一

  • 第五章 jQuery基础及选择器2020-06-23 20:53:45

    1.jQuery 简介:由美国人John  Resig于2006年创建,设计思想是write less,do more 2.在页面中引入jQuery <script src="js/jquery-1.12.4.js" type="text/javascript"></script> 3.jQuery语法规则 工厂函数$():将DOM对象转化为jQuery对象 选择器 selector:获取需要操作的DOM 元素 方法

  • jQuery基础及选择器(1)2020-06-23 13:57:06

    1.jQuery 简介:由美国人John  Resig于2006年创建,设计思想是write less,do more 2.在页面中引入jQuery <script src="js/jquery-1.12.4.js" type="text/javascript"></script> 3.jQuery语法规则 工厂函数$():将DOM对象转化为jQuery对象 选择器 selector:获取需要操作的DOM 元素 方法

  • JS操作DOM(二)2020-06-21 21:09:39

    1.改变样式的属性 style属性: 语法:HTML元素.style.样式属性="值"; 示例: document.getElementById(" wrap ").style.color="# fff "; document.getElementById(" wrap ").style. backgroundColor ="#ccc "; className属性 语法:HTML元素.className=&

  • VUE中通过改变key去更新局部dom2020-06-20 14:03:58

    在使用Elemen-UI中el-select时 代码如下↓ <!-- selected --> <el-select v-if="item.columnType === 'selected'" :key="updates" v-model="scope.row[Object.keys(item)[0]]" placeholder="请选择">

  • Document2020-06-19 09:07:07

    HTML DOM Document 对象 Document 对象 每个载入浏览器的 HTML 文档都会成为 Document 对象。 Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。 提示:Document 对象是 Window 对象的一部分,可通过 window.document 属性对其进行访问。   Document 对象集合

  • 进来看,让你躺着就把JavaScript学完了(一)2020-06-18 14:57:17

    JavaScript基础语法 如果你想成为一名优秀的java架构师,看这里 → 乐字节免费公开课(腾讯课堂) 如需要跟多资料请点击右侧 → 这是一条不归路,有秃头风险,请慎重选择! 主要内容 JavaScript 简介 ​ JavaScript 是一种具有面向对象能力的、解释型的程序设计语言。更具体一点,它是基于对象

  • react 生命周期2020-06-17 09:57:37

    constructor:(1次)             当前生命周期用来做组件的初始化,当输写当前生命周期时必须要写super函数,否则this的指向会发生错误。             当前生命周期可以用this.state来定义当前组件所需要的一些状态             当前生命周期特殊

  • Vue异步更新DOM2020-06-15 18:08:27

      我们在使用Vue的过程中把注意力都放在了数据操作上,而忽略了关于DOM的一些东西。   场景1:在created生命周期从后端获取数据后想要对DOM进行操作,发生报错,当然这时候DOM元素还没渲染完成怎么会操作成功,但是我就要操作DOM怎么办?   场景2:使用 swiper 插件通过 ajax 请求图片后

  • 【JS】04 DOM 文档对象模型 P1 查找元素、改变内容、绑定事件2020-06-14 17:51:58

    什么是DOM? Document Object Model 文档指的是HTML文档 当浏览器打开一个网页的时候,实际上把HTML文档读取到内存中进行解析 整个HTML文档被封装为document文档对象,其里面各个标签被解析成文档对象的各个元素 这些元素和文档对象形成了一种树形结构,又被称为是DOM树 基于这样的对象结

  • Day4-JS-JavaScript HTML DOM EventListener2020-06-14 09:05:45

    一、addEventListener() 方法 (先上实例) <button id="btn">点我</button> <p id="demo"></p> <script> document.getElementById("btn").addEventListener("click",displayDate);

  • Web API——DOM2020-06-13 22:09:27

     DOM 简介  获取元素  事件基础  操作元素  节点操作   1. DOM 简介 1.1 什么是 DOM 文档对象模型(Document Object Model,简称 DOM),是 W3C 组织推荐的处理可扩展标记语言(HTML 或者XML)的标准编程接口。 W3C 已经定义了一系列的 DOM 接口,通过这些 DOM 接口可以改变网页的内容

  • 扶摇公子日记-XSS注入新手篇12020-06-13 12:51:51

    什么是XSS脚本? 跨站脚本攻击(XSS),是最普遍的Web应⽤安全漏洞。这类漏洞能够使得攻击者嵌⼊恶意脚本代码到正常⽤ ⼾会访问到的⻚⾯中,当正常⽤⼾访问该⻚⾯时,则可导致嵌⼊的恶意代码的执行,达成攻击 通俗的讲可以说是html注入,找到输入点,提交一段html恶意代码,达成攻击效果 XSS的几种类

  • DOM节点的操作方法2020-06-12 17:51:37

    什么是DOM DOM:文档对象模型。DOM 为文档提供了结构化表示,并定义了如何通过脚本来访问文档结构。目的其实就是为了能让js操作html元素而制定的一个规范。 DOM就是由节点组成的。 解析过程 HTML加载完毕,渲染引擎会在内存中把HTML文档,生成一个DOM树,getElementById是获取内中DOM上的元

  • DOM基础,获取元素,事件基础,操作元素,节点操作2020-06-11 23:03:52

    初学DOM,将DOM部分归纳一下,从获取元素,事件基础,操作元素方面 这里pick pink老师 讲的真的超级细 首先,先看一下DOM树(这张图做的有点糙,请见谅见谅哈) 文档:一个页面就是一个文档,在DOM中使用document 元素:页面中所有的标签都是,在DOM中使用element 节点:页面中所有的内容都是,在DOM

  • React路由模块react-router-dom的安装及基本使用、传递路由参数2020-06-11 18:02:40

    一、路由模块 在React项目中 若要实现页面的跳转 需使用路由 而react-router-dom正是React推荐的常用路由模块 安装 npm install react-router-dom 按需导入react-router-dom路由模块 HashRouter是路由的根容器 所有和路由相关的东西都要包裹在HashRouter内部 且一个网站只

  • Vue全家桶+React全家桶面试题及部分原理整理2020-06-11 10:06:24

    Vue全家桶+React全家桶面试题及部分原理整理 Vuev-if和v-show的区别?v-if表达式为true显示该元素,为false隐藏该元素(直接删除)v-show根据表达式的真假来显示与隐藏元素,会在标签加入display属性为何v-for中要用keyvue中列表循环需加:key=“唯一标识” 唯一标识可以是item里面id in

专注分享技术,共同学习,共同进步。侵权联系[admin#icode9.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有