NOT

03-v-on的事件修饰符

title: 03-v-on的事件修饰符 publish: true v-on的事件修饰符 v-on的常见事件修饰符 v-on 提供了很多事件修饰符来辅助实现一些功能。事件修饰符有如下: .stop 阻止冒泡。本质是调用 event.stopPropagation()。 .prevent 阻止默认事 ......
事件 v-on 03 on

Java 依赖注入(DI)

只要做过 Java 一段时间,基本上都会遇到这个问题。 Dependency Injection (DI)中文称之为依赖注入。 都说了 Spring 的关键部分就是 Dependency Injection (DI),但是什么是依赖,为什么要注入,基本上没怎么找到使用简单文字说明的文章。 本文尝试用 ......
Java

01-Bootstrap入门

title: 01-Bootstrap入门 publish: true Bootstrap 介绍 Bootstrap 是非常流行的前端框架。特点是:灵活简洁、代码优雅、美观大方。它是由Twitter的两名工程师 Mark Otto 和 Jacob Thornton 在2011年开发的。 简单来说,B ......
Bootstrap 01

03-Less详解

title: 03-Less详解 publish: true CSS 预处理器 为什么要有 CSS 预处理器 CSS基本上是设计师的工具,不是程序员的工具。在程序员的眼里,CSS是很头痛的事情,它并不像其它程序语言,比如说PHP、Javascript等等,有自己的变量、常量、条件语句以及一些编程语法 ......
Less 03

02-CSS基础练习:JD首页的制作(快捷导航部分)

title: 02-CSS基础练习:JD首页的制作(快捷导航部分) publish: true 我们在上一篇文章中制作的网页最顶部的导航,是属于网页导航。 本文中,Banner图上方的导航,叫做快捷导航(shortcut)。 ##快捷导航的骨架 我们先制作快捷导航的骨架。如下图所示: 上图中,sho ......
部分 基础 CSS 02

05-DOM操作练习:访问关系的封装

title: 05-DOM操作练习:访问关系的封装 publish: true 访问关系的函数封装 (1)函数封装 新建一个文件名叫tools.js,然后在里面封装访问关系。代码如下。 tools.js: /** * Created by smyhvae on 2018/01/28. */ func ......
DOM 05

04-DOM操作练习:Tab栏切换(通过className设置样式)

title: 04-DOM操作练习:Tab栏切换(通过className设置样式) publish: true 京东网页上,可以看到下面这种tab栏的切换: 我们把模型抽象出来,实现一下。 举例引入:鼠标悬停时,current元素的背景变色 本段我们先举一个例子,因为这里用到了排他思想(先干掉 al ......
样式 className DOM Tab 04

07-DOM操作练习:innerHTML的方式创建元素

title: 07-DOM操作练习:innerHTML的方式创建元素 publish: true 动态创建DOM元素的三种方式 document.write(); 不常用,因为容易覆盖原来的页面。 innerHTML = (); 用的比较多。绑定属性和内容比较方便。(节点套节点) document. ......
innerHTML 元素 方式 DOM 07

01-CSS基础练习:JD首页的制作(顶部和底部)

title: 01-CSS基础练习:JD首页的制作(顶部和底部) publish: true 前言 京东是典型的电商类网站,学习这个网站的制作比较有价值。我们准备用WebStorm进行开发。 京东首页的截图为:http://img.smyhvae.com/20180119_1653.jpg 页面规划 ......
底部 顶部 基础 CSS 01

this

title: 08-this this this的作用 this可以帮我们简化很多代码。比如xiaoming.name、xiaoming.age可以直接写成this.name、this.age。 特别是当我们不知道一个对象是什么,或者这个对象没有名字但又很想调用它的时候,就会使用到this对象。 举 ......
this

创建对象和继承

title: 04-创建对象和继承 publish: true 创建对象的几种方式 通过Object <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>01_Object构造函数模式</title> </hea ......
对象

高阶函数

title: 25-高阶函数 publish: true 高阶函数 高阶函数的概念 当 函数 A 接收函数 B 作为参数,或者把函数 C 作为返回值输出时,我们称 函数 A 为高阶函数。 通俗来说,高阶函数是 对其他函数进行操作 的函数。 高阶函数举例1:把其他函数作为参数 function fn1 ......
高阶 函数

数据的赋值

title: 02-数据的赋值 对象赋值 用 Object.assgin() 实现浅拷贝 代码举例: const obj1 = { name: 'qianguyihao', age: 28, desc: 'hello world', }; const obj2 = { name: '许嵩', sex ......
数据

数组的进阶操作

title: 数组的进阶操作 删除数组的元素 现在有这样一个需求:遍历数组的同时,删除数组中的所有元素。 思路:我们可以想到的办法是使用数组的 splice() 方法,此外还有 JS 的 delete 关键字。 需要注意的是:使用数组的 splice() 方法删除数组元素之后,数组的长度会发生变化; ......
数组

作用域

title: 05-作用域和闭包 publish: true 前言 面试问题: 说一下对变量提升的理解 说明this的几种不同的使用场景 创建10个<a>标签,点击的时候弹出来对应的序号 如何理解作用域 实际开发中闭包的应用 涉及到的知识点: 执行上下文 this 作用域 作用域链 闭包 执行上下文 ......
作用

01-var、let、const的区别

title: 01-var、let、const的区别 var、let、const 的区别 1、var 声明的变量会挂载在 window 对象上,而 let 和 const 声明的变量不会 举例: var a = '我是a'; console.log(a); // 打印结果:我是a console.l ......
const var let 01

02-浅拷贝和深拷贝

前言 在 JavaScript 的编程中经常需要对数据进行复制,这就涉及到浅拷贝和深拷贝,是非常重要的概念。 浅拷贝 概念 创建一个新的对象B,来接收你要重新复制的对象A的值: 如果对象A里面的属性是基本类型,拷贝的是基本类型的值; 但如果对象A里面的属性是引用类型,拷贝的是内存中的地址(不是拷贝值 ......
拷贝 02

call、apply、bind的区别

title: 06-call、apply、bind的区别 publish: true call()和apply() 介绍 这两个方法都是函数对象的方法,需要通过函数对象来调用。 当函数调用call()和apply()时,函数都会立即执行。 都可以用来改变函数的this对象的指向。 第一个参数都是th ......
apply call bind

JavaScript开发积累

title: 09-JavaScript开发积累 方法的注释 方法写完之后(注意,一定要先写完整),我们在方法的前面输入/**,然后回车,会发现,注释的格式会自动补齐。 比如: /** * 功能:给定元素查找他的第一个元素子节点,并返回 * @param ele * @returns {Elemen ......
JavaScript

新能源产业链及刀片电池

新能源产业链及刀片电池 一、风电 风电产业链全景图(点击可放大) 风电叶片产业链结构图 二、充电桩 充电桩产业链全景图 三、核电 核电产业链全景图 四、光伏 光伏产业链全景图 光伏背板产业链结构图 光伏浆料产业链结构图 光伏玻璃产业链结构图 多晶硅产业链结构图 五、储能 电池产业链全景图 锂电池产业 ......
新能源 刀片 产业链 电池 产业

J2EE,Java EE,Jakarta EE 命名之间的恩恩怨怨

介绍 简单来说,上面所有的名字指的都是一个东西 Java Platform, Enterprise Edition 上面的几个名词都是下面的内容的简写: J2EE(Java 2 Platform, Enterprise Edition) Java EE (Java Platform, Enterpr ......
恩恩怨怨 之间 Jakarta J2EE EE

WebRTC原理

WebRTC原理 1.1什么是WebRTC WebRTC(Neb Real-Time Communication)是Google于2010以6829万美元从Global IP Solutions公司购买,并于2011年将其开源,旨在1立一个互联网浏览器问的实时通信的平台,让NebRTC:技术成为H5 ......
原理 WebRTC

【题解】[ABC248G] GCD cost on the tree

「八云紫」无数次痛苦地询问,为什么我们还活着? ……而「古明地恋」从不会回答。 恋恋闭上了觉之眼。 思路 容斥 + dp. $\gcd$ 相关,考虑 $\mu$ 反演或者 $\varphi$ 反演。 本质上都和容斥差不多,不如直接一步到位考虑容斥。 把权值拆成 $\gcd$ 和对应的方案数两部分,考 ......
题解 248G cost tree ABC

考研信息汇总-时间节点及数学篇

1. 考试形式 政治 单选(1)16分+多选(2)34分+大题50分 数学 选择(5)50分+填空(5)30分+大题70分(共六道题) 英语 完形填空(0.5)10分 阅读理解【选择40 排序10 翻译10】(2)60分 小作文10分 大作文10分 专业课 北邮:801 通信原理 复试成绩满分为10 ......
节点 数学 时间 信息

编译nginx并支持ssl

1.安装依赖包 sudo apt updateapt-get install gccapt-get install libpcre3 libpcre3-devapt-get install zlib1g zlib1g-devsudo apt-get install openssl sudo apt- ......
nginx ssl

航空公司价值估计

import pandas as pd datafile=r'G:\data\data\air_data.csv' resultfile=r'G:\data\data\explore.csv' data=pd.read_csv(datafile, encoding='utf-8') explore= ......
航空公司 航空 价值 公司

信息搜集与漏洞扫描

##1.实践目标 掌握信息搜集的最基础技能与常用工具的使用方法。 ##2.实践内容 ###2.1各种搜索技巧的应用 ####2.1.1使用搜索引擎(google hacking) 在进行渗透测试的过程中,信息收集具有很重要的地位。其中Google hacking是进行信息收集的一个强有效的方法。Go ......
漏洞扫描 漏洞 信息

PAT-basic-1034 有理数四则运算

一、题目 本题要求编写程序,计算 2 个有理数的和、差、积、商。 输入格式: 输入在一行中按照 a1/b1 a2/b2 的格式给出两个分数形式的有理数,其中分子和分母全是整型范围内的整数,负号只可能出现在分子前,分母不为 0。 输出格式: 分别在 4 行中按照 有理数1 运算符 有理数2 = 结果  ......
有理数 四则 PAT-basic basic 1034

GPT-4会自己搞科研并教人类做实验

GPT-4 等大模型组成的 AI 智能体,已经可以手把手教你做化学实验了,选啥试剂、剂量多少、推理反应会如何发生,它都一清二楚。颤抖吧,生化环材圈! 不得了,GPT-4 都学会自己做科研了? 最近,卡耐基梅隆大学的几位科学家发表了一篇论文,同时炸翻了 AI 圈和化学圈。 他们做出了一个会自己做实验、 ......
科研 人类 GPT

引用作为函数参数(黄云飞出题,大家可以做一做)

利用“引用形参”实现两个变量的值互换 例如输入 3 5 输出 5 3 //可以把引用看成特定、不可改变的一种指针,写法上和指针类似 //两者声明时要带符号,定义时无需 //指针可以是空指针,声明时可不赋值,但引用不可以 //指针是关于地址,引用是关于给变量起外号 void swap(int &m,i ......
函数 参数