05 2020 档案
JavaScript编程语言基础语法总结
摘要:常用基础语法console.log("this is result"); //打印输出内容 1、大括号{}(1)、最常见的组织复合语句 if( condition ) { //... }else { //... }for() { //... } (2)、声明对象 var obj= { name :
阅读全文
html布局 百分比自适应框架网页模板
摘要:<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自适应百分比HTML布局框架 CSS5</title> <style type="te
阅读全文
js、jQuery实现文字上下无缝轮播、滚动效果
摘要:原生JS版本 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>文字上下无缝轮播</title> </head> <style> * { margin: 0; padding: 0; } #container{
阅读全文
React中实现条件渲染的方法
摘要:1、 if-else 我们可以将if-else条件逻辑应用于React中的JSX。请记住,JSX在执行之前已经编译为JS,因此我们实际上是在用JS代码编写。例如: var globalVar = truefunction App() { if(globalVar) { return <div>If
阅读全文
使用JavaScript / jQuery为网站创夜间/高亮模式
摘要:创建夜间/高亮模式的步骤: 创建一个HTML文档。 为文档文件以及黑暗模式创建CSS。 添加一个开关转换器按钮,以在明暗模式之间进行切换。 使用javascript或jQuery代码向开关转换器添加功能,以在明暗模式之间切换。 示例1:以下示例演示了使用JQuery代码在明暗模式之间进行切换。它基本
阅读全文
使用HTML和CSS创建导航菜单
摘要:创建结构:在这里,我们将使用<li>标签创建一个普通的结构。这将创建一个简单的界面,你可以通过运行以下代码进行检查: HTML代码如下: <!DOCTYPE html> <html> <head> <title>如何使用HTML和CSS创建面导航</title> </head> <body> <h1
阅读全文
使用HTML和CSS将文字环绕在图片上
摘要:包裹文字意味着在图像周围调整/包裹文字。在HTML中,我们可以使图像在文本的右侧,左侧或中心对齐。 在CSS中,除了这些,我们还可以将图像插入圆形或矩形等中,并可以在其周围包裹文字。您还可以根据图像的形状使用CSS shape-outside属性。 以下示例说明了上述方法: 示例1:在此示例中,图像
阅读全文
jQuery(html,[ownerDocument])
摘要:概述 根据提供的原始 HTML 标记字符串,动态创建由 jQuery 对象包装的 DOM 元素。同时设置一系列的属性、事件等。 你可以传递一个手写的 HTML 字符串,或者由某些模板引擎或插件创建的字符串,也可以是通过 AJAX 加载过来的字符串。但是在你创建 input 元素的时会有限制,可以参考
阅读全文
jQuery([selector,[context]])
摘要:概述 这个函数接收一个包含 CSS 选择器的字符串,然后用这个字符串去匹配一组元素。 jQuery 的核心功能都是通过这个函数实现的。 jQuery中的一切都基于这个函数,或者说都是在以某种方式使用这个函数。这个函数最基本的用法就是向它传递一个表达式(通常由 CSS 选择器组成),然后根据这个表达式
阅读全文
HBase RowKey详细设计
摘要:一、前言RowKey作为HBase的核心知识点,RowKey设计会影响到数据在HBase中的分布,还会影响我们查询效率,所以RowKey的设计质量决定了HBase的质量。是咱们大数据从业者必知必会的,自然也是面试必问的考察点。 那么rowkey到底是什么呢?原理是什么呢?怎么设计RowKey呢?使用
阅读全文
Java数据结构与算法
摘要:特点: 在内存中分配连续的空间,只存储数据,不存储地址信息。位置就隐含着地址。 1 优点: 1.节省存储空间,因为分配给数据的存储单元全用存放结点的数据(不考虑c/c++语言中数组需指定大小的情况), 结点之间的逻辑关系没有占用额外的存储空间。 2. 索引查找效率高,即每一个结点对应一个序号,由该序
阅读全文
如何使用HTML和CSS创建图像叠加图标?
摘要:创建结构:在本节中,我们将创建一个基本结构,并为这些图标附加Font-Awesome的CDN链接,这些图标将用作悬停时的图标。 “字体真棒”中的图标的CDN链接: <link rel =” stylesheet” href =““ https://cdnjs.cloudflare.com/ajax/
阅读全文
如何使用CSS在鼠标悬停时缩放图像?
摘要:图像缩放效果,是当鼠标悬停或单击时对图像进行缩放的一种应用效果。这种影响主要用于网站上。在我们要在图像上显示用户详细信息的情况下,这个效果很有用。有两种方法可以创建鼠标悬停效果。 使用JavaScript 使用CSS 在本文中,我们将看到如何使用CSS来实现这种效果。本文包含两部分代码。第一部分包含
阅读全文
JavaScript最佳做法—创建对象
摘要:Don't Use the Object 建设者 Object构造函数允许我们创建一个对象。但是,由于有更短的创建对象的方法,因此不需要创建对象。 例如,代替使用Object构造函数创建对象来编写以下内容,我们可以编写为: const obj = new Object();obj.a = 1;obj
阅读全文
js构造函数的定义
摘要:1、什么是构造函数 在 JavaScript 中,用 new 关键字来调用的函数,称为构造函数。构造函数首字母一般大写 2、为什么要使用构造函数? 学习每一个概念,不仅要知道它是什么,还要知道为什么,以及解决什么样的问题。 举个例子,我们要录入一年级一班中每一位同学的个人信息,那么我们可以创建一些对
阅读全文
作用域和闭包
摘要:词法作用域和动态作用域 作用域: 作用域是指程序源代码中定义变量的区域;作用域规定了如何查找变量,也就是确定当前执行代码对变量的访问权限; JavaScript 采用词法作用域(lexical scoping),也就是静态作用域。 词法作用域 函数的作用域在函数定义的时候就决定了。JavaScrip
阅读全文
js中的call()和apply()的区别
摘要:每个函数都包含两个非继承而来的方法:call()和apply(); 在JavaScript中,call和apply作用是一样的,都是为了改变某个函数运行时的上下文(context)而存在的,换句话说,就是为了改变函数体内部this的指向。 function fruits(){} fruits.pro
阅读全文
3种方法快速查找两个数组是否在Javascript中包含任何公共项
摘要:方法1:暴力破解方法 比较第一个数组中的每个项目和第二个数组中的每个项目。 遍历array1并从头到尾进行迭代。 遍历array2并从头到尾进行迭代。 比较从array1到array2的每个项目,如果找到任何公共项目,则返回true,否则返回false。 <script> // Declare tw
阅读全文
JavaScript继承的6种方式以及它们的优缺点
摘要:1、原型链继承 function Parent () { this.name = 'kevin';} Parent.prototype.getName = function () { console.log(this.name);} function Child () { } Child.proto
阅读全文
JS常见的内存泄漏及可用的解决方法
摘要:内存泄漏?官方解释:内存泄漏(Memory Leak)是指程序中己动态分配的堆内存由于某种原因程序未释放或无法释放,造成系统内存的浪费,导致程序运行速度减慢甚至系统崩溃等严重后果。通俗点就是指由于疏忽或者错误造成程序未能释放已经不再使用的内存,不再用到的内存却没有及时释放,从而造成内存上的浪费。 避
阅读全文
Vuex简单入门
摘要:什么是Vuex 在Vue中,多组件的开发给我们带来了很多的方便,但同时当项目规模变大的时候,多个组件间的数据通信和状态管理就显得难以维护。而Vuex就此应运而生。将状态管理单独拎出来,应用统一的方式进行处理,在后期维护的过程中数据的修改和维护就变得简单而清晰了。Vuex采用和Redux类似的单向数据
阅读全文
如何使用HTML和CSS为背景创建Wave图片?
摘要:通过避免使用常规的矩形背景或标题,这种类型的背景可在您的网页上创建唯一性。以下标题设计将显示您的创造力。此设计可以通过两种方式实现: 在CSS的div元素上使用:: before和:: after选择器。 在HTML中使用SVG。 示例:本示例在div元素上使用::beforeand ::after
阅读全文
JavaScript深入理解之继承
摘要:写在前面 继承是面向对象语言中最重要的一个概念。许多面向对象语言都支持两种继承方式:接口继承和实现继承。接口继承只继承方法和签名,而实现继承则继承实际的方法。由于在 JavaScript 中函数没有签名,因此无法实现接口继承,只支持实现继承。 原型链 在 ECMAScript 中描述了原型链的概念,
阅读全文
Vuex 基本简单的使用
摘要:适用场景 1.全局共享数据,抛开繁琐的组件传值; 2.什么数据适合全局共享?(组件的共享数据); 3.好处?(谁要用,直接获取,组件修改其他的也变化); 4.数据管理集中化,全局管理方便; 如何在项目中使用vuex 1.下载 cnpm i vuex -S 2.导入,挂载vuex(main.js中)
阅读全文
如何使用HTML和CSS进行分页?
摘要:<!DOCTYPE html> <html> <head> <title> How to make a Pagination using HTML and CSS ? </title> </head> <body> <center> <!-- Header and Slogan --> <h1>Ge
阅读全文
如何使用canvasJS在PHP中制作动态图表?
摘要:CanvasJS是一个JavaScript库,用于轻松为网页创建其他类型的图表。例如条形图,饼图,柱形图,面积图,折线图等。 让我们以需要创建一个图表的示例为例,在该图表中我们可以显示每月销售和购买的产品。我们将考虑两个数组,我们也可以从数据库中考虑它们。一旦我们从数据库中获取数据并将其存储在数组中
阅读全文
最常见的JavaScript错误及其解决方法
摘要:1、未获取TypeError:无法读取属性 这是列表中最常见的JS错误之一。当你尝试访问未定义对象中的属性或方法时,就会发生这种情况。让我们重现此错误,截图如下: 更正 在构造或初始化期间为对象分配一个合理的值,请勿使用JS的保留字null或者undefined。 2、TypeError:“unde
阅读全文
10个最佳Linux VPS服务器托管
摘要:1、 Vultr 地址:https://www.vultr.com/ 它提供了最便宜的Linux VPS服务器,能够运行不同版本的Linux。此外,还允许安装自定义ISO。 无论你是开发人员,网站管理员还是博客作者,他们都提供正常运行时间的价格实惠的云托管服务,并且渲染速度也非常惊人。 Vultur
阅读全文
7个实用的免费网站托管站点
摘要:1、WordPress 地址:https://wordpress.comWordPress是免费网站托管的领先平台。它由Automattic,Inc . 于2005年推出。并通过免费和付费计划为其用户提供虚拟主机服务。除了免费主题的数量和各种自定义选项外,WordPress还为您提供了一个易于使用的
阅读全文
开发人员应具备的13种技术技能
摘要:1、数据结构和算法该技能是大多数公司检查问题解决和编码技能的头等要务。如果您知道如何组织数据以及如何将其用于解决现实生活中的问题,就可以成为一名优秀的软件开发人员。作为开发人员,计算机科学专业的学生或自学成才的程序员,您应该认真学习数据结构和算法(例如数组,链表,树)。数据结构和算法是编程的核心。最
阅读全文
如何学习ReactJS:
摘要:1、基本条件 1)、HTML,CSS和JavaScript的基本知识。2)、一些Javascript的ES6功能,例如 让和const 箭头功能 类和“ this”关键字 3)、NodeJS和代码编辑器的基础知识2、HTML,CSS,JavaScript如果您是一位经验丰富的开发人员,而不是跳过本节
阅读全文
浙公网安备 33010602011771号