自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(44)
  • 收藏
  • 关注

原创 JS中关于函数名与变量名重名、作用域链、预解析的问题

一、预解析1.先说js代码的预解析问题,js和许多其他语言不同,它在执行之前会预解析代码,意思就是变量声明和函数声明提升,值得注意的是函数声明提升比变量声明提升的优先级高,先来看几个例子:console.log(a);//打出的是 undefinedvar a=1;console.log(a);//打出的是 1上面的代码与下面的代码等价:var a;console.log(a);...

2019-04-18 22:08:54 804

原创 关于如何将从服务器接收的json数据动态显示在前端页面上的问题

首先你要学会如何向后端发送请求和接收数据,然后就可以试着将接收的数据显示在前端页面上。现在,我们在本地上写一个json文件: [ { "name": "xxl", "age": 20, "gender": "男", "work":"学生" }, { "name&q

2018-10-18 15:27:14 6546

原创 关于css中line-height(行高)设置无效的问题

关于css中line-height(行高)设置无效的问题我们先写下这一串代码:<!DOCTYPE html><html lang="en"><head&amp

2018-09-21 21:33:24 15156 9

转载 Use Chrome DevTools Like a Senior Frontend Developer

https://medium.com/javascript-in-plain-english/use-chrome-devtools-like-a-senior-frontend-developer-99a4740674

2021-01-10 11:56:47 30

原创 关于如何使用css3中的steps完成图片帧动画

前端中的动画效果可以有很多种方法完成,对于一些简单的颜色、大小、长度、位置变化都可以通过transition轻松实现,对于一些复杂的、不规则的动画就要借助图片来完成了。今天介绍一种结合图片和css3中的keyframes和animation实现的复杂动画方法。先看图片和动画效果,实现的原理是通过改变背景图片的位置,从而让人看起来是动画,看一下它的源码:<div class="box"></div>.box { width: 50px; height:

2020-12-29 18:38:34 65

原创 typeScript学习笔记(一)

一、基础类型布尔值、数字、字符串let isDone: boolean = false;let decLiteral: number = 6;let hexLiteral: number = 0xf00d;let name: string = "bob";let sentence: string = `Hello, my name is ${ name }.数组let list: number[] = [1, 2, 3];let list: Array<number>

2020-10-13 13:19:42 89

原创 推荐一些好用的插件,可搭配react使用

react-sortable-hoc作用:可以很简便地对元素进行拖拽用法:import { SortableContainer, SortableElement } from "react-sortable-hoc";import arrayMove from "array-move";const SortableList = SortableContainer(({ children...

2020-03-24 17:45:12 297

原创 个人GitHub地址

个人GitHub仓库地址:https://github.com/Kobe-G

2019-10-24 20:46:49 1736

转载 Linux面试题史上最全总结

选择题1 在终端下输入mount -a命令的作用是:CA 强制进行磁盘检查B 显示当前挂载的所有磁盘分区的信息C 挂载/etc/fstab文件中的除noauto以外的所有磁盘分区D 以只读方式重新挂载/etc/fstab文件中的所有分区2 当前系统的中断的信息保存在哪一个文件中?AA /proc/interruptsB /var/log/IRQsC /boot/interrupt...

2019-10-08 10:25:42 793 1

原创 CleanWebpackPlugin is not a constructor 报错原因

关于webpack使用CleanWebpackPlugin插件时报错(CleanWebpackPlugin is not a constructor)原因:今天使用webpack的时候,遇到了一个错误:但是我是按照webpack官网上的写法来使用这个插件的,应该是由于这个插件已经更新了,但是webpack官网上没有及时更新,所以非常坑!错误写法:const CleanWebpackPlu...

2019-09-19 15:41:10 1506

原创 ES6入门基础知识

一、let和const1.let在ES5中没有块级作用域这一概念,但在ES6中,新增了let命令,let所声明的变量只在let命令所在的代码块内有效。暂时性死区(TDZ):let没有变量声明提升,在let命令声明变量之前,该变量都是不可用的不可重复声明:let不允许在相同作用域内,重复声明同一个变量对于for循环的计数器,很适合用let命令:下面的代码如果使用var,最后输出的是10...

2019-08-31 16:18:53 108

原创 js高级进阶知识

一、函数的原型1.创建对象的三种方式:字面量、调用系统的构造函数、自定义构造函数2.工厂模式创建对象: function createObject(name,age) { var obj=new Object(); obj.name=name; obj.age=age; obj.sayHi=function () { c...

2019-06-16 22:39:20 998

原创 对js基础知识的一些理解

一、js中的数据类型1.简单类型numberstringboolnullundefined2.复杂类型obiect3.对“简单类型传值,复杂类型传址”的理解1.首先理解简单类型和复杂类型的变量如何在内存中存储简单类型的值在栈中存储,即变量名和变量的值都在栈里复杂类型的实例对象在堆中存储,实例对象的地址在栈中存储:即实例对象的变量名在栈中存储,变量名对应的是实例对...

2019-06-16 21:35:10 126

原创 移动web开发-插件&事件篇

前言:本文主要给大家介绍一下移动端常用的事件和插件。一、事件1.触摸事件touch触摸事件是一组事件touchstart :当手指触摸屏幕的时候触发touchmove :当手指在屏幕来回的滑动时候触发touchend : 当手指离开屏幕的时候触发touchcancel :当被迫终止滑动的时候触发(来电,弹消息)绑定事件由于这是一组有关联的事件,所以绑定事件要...

2019-04-20 20:33:47 242

原创 移动web开发-布局篇

前言:一般来说,一个比较大的网站和平台都有PC端和移动端两个网站点,即要写两套css样式,也有一些公司采用的是响应式布局(本质上也是两套css样式),今天就给大家介绍几种移动端的布局方式。在介绍布局方式之前,先介绍一下视口:viewport,viewport是移动端特有的一个承载网页的虚拟区域,是浏览器承载视口,视口承载网页。我们在head标签内加入<meta name=“viewport...

2019-04-19 21:27:42 909

原创 Canvas绘图基础知识

一、绘制直线1.准备"画布",画布默认大小是300px*150px<canvas width="600" height="400" ></canvas><!--注意:对画布设置宽高只能在行内设置,不在css中设置-->2.获取元素并绘制一条简单的直线<script> /*1.获取元素*/ var myCanvas = $(...

2019-04-01 12:51:36 208

原创 关于如何求两个字符串的最大公共子串的问题

此方法对于长度较短的字符串效率较高:#include <stdio.h>#include <string.h>int f(char s1[],char s2[]){ int a[100][100]; int len1 = strlen(s1); int len2 = strlen(s2); int i,j; memset(a,...

2019-03-20 21:44:49 153

原创 蓝桥杯历届试题-合根植物(并查集)

蓝桥杯历届试题-合根植物是一道简单的并查集问题,并查集算法的核心是把两个点连通起来的函数和找到某个点的根节点的函数,本文把这两个函数定义成join()和find();先写出这两个函数的原型:int find(int x){ return a[x]==x?x:a[x]=find(a[x]);//返回节点x的根节点,并且压缩路径}//如果看不懂压缩路径的写法可以看下面这个int...

2019-03-19 20:30:36 257

原创 蓝桥杯历届试题-高僧斗法(博弈论)

蓝桥杯历届试题-高僧斗法是一道尼姆堆博弈论(Nim游戏),本文只对尼姆堆问题进行粗略的解释,不对题目进行讲解,我相信只要搞清楚了尼姆堆这种博弈论问题之后,这道题将会迎刃而解。一般的Nim游戏是这样的:有n个石堆,每堆里有数量一定的石子,两人从其中任意一堆中取任意数量的石子(不能超过这堆石子数的最大值),不能不取,最后某个人取完,所有石堆中的石子数量都为0时,另一个人就为输。这里要先介绍一些概念...

2019-03-19 20:12:45 442

原创 关于如何快速筛选素数的问题

在浏览某位大佬学弟的博客时,看到了一种线性筛选素数的方法,觉得很有用,所以给大家分享出来。这种筛选的方法名叫做埃拉托斯特尼筛法:要得到自然数n以内的全部素数,只需要把不大于根号n的所有素数的倍数剔除,剩下的就是素数。思想:假设全部数均为素数,再通过剔除掉所有合数,剩下的数就为素数。代码如下:#include<bits/stdc++.h>using namespace std;i...

2019-03-19 19:56:34 523

原创 分解质因数算法

众所周知,任何一个数都可以写成若干个素因数相乘,那么如何找到这些素因数呢,可以用到分解质因数算法:#include<bits/stdc++.h>using namespace std;int main(){ int n,i=2; scanf("%d",&n); while(i<=n) { if(n%i==0) ...

2019-03-19 19:45:11 2590 1

原创 2018年蓝桥杯省赛本科B组-全球变暖(水漫金山)

最近在刷蓝桥杯的题,有这样一道题:题目大意你有一张某海域NxN像素的照片,".“表示海洋、”#"表示陆地,如下所示:….##….##……##.…####.…###.…其中"上下左右"四个方向上连在一起的一片陆地组成一座岛屿。例如上图就有2座岛屿。由于全球变暖导致了海面上升,科学家预测未来几十年,岛屿边缘一个像素的范围会被海水淹没。具体来说如果一块陆地像素与海洋相邻(上下左右...

2019-03-14 21:13:51 258

原创 关于字符串根据字典序排序的方法

首选你要懂得什么是字典序,如果不懂自行百度,本文不再阐述。字典序排序其实和数组排序是类似的,只需要用到strcmy和strcpy函数,可以用类似于数组冒泡排序的方法完成排序,代码如下:方法一:#include&amp;lt;bits/stdc++.h&amp;gt;using namespace std;char s[105][105];char t[105];int main(){ in...

2019-03-03 21:19:59 6047

原创 关于如何用CSS3制作切割轮播图的问题

我们先来看一下切割轮播图的效果:这种切割轮播图非常的炫酷,但是有一个缺点就是只能有四张图片,如果想实现4张图片以上的切割效果就非常的麻烦。本文只阐述四张图片切割图的制作方法。切割轮播图的原理是一个立方体,立方体的四个面各有一张图片,然后让这个立方体绕水平轴旋转就实现了切割轮播图的效果。首先,我们先写好html结构:&lt;div class="view"&gt; &lt;ul&g...

2019-02-28 14:42:36 534 6

原创 关于如何使用CSS3制作立方体的问题

今天给大家带来如何用css3制作立方体效果的案例,话不多说,先上图:先说一下网页当中的数轴,以屏幕的左上方为原点:重点说一下Z轴,Z轴是垂直于屏幕的,比如我们给一个元素加transform属性,transform:translateZ(100px);从正面看是没有任何变化的。所以我们不能从正面去看,一般我们想看到立方体效果,都要给box加一个三维空间上的旋转:transform: rota...

2019-02-15 22:17:17 265

原创 CSS3-transform二维三维变换和flex伸缩布局

一、transform1.二维变换移动:translate /*使用transform实现元素的移动 a.移动是参照元素的左上角 b.执行完毕之后会恢复到原始状态 1.如果只有一个参数就代表x方向 2.如果有两个参数就代表x/y方向*/ /*transform: translate(100px);*/ ...

2019-02-15 21:30:33 399

原创 CSS3-选择器和过渡

一、选择器和盒模型1.属性选择器E[attr]:查找指定的拥有attr属性的E标签E[attr=value]:查找拥有指定的Attr属性并且属性值为value的E标签,=是严格匹配E[attr*=value]:查找拥有指定的attr属性并且属性值中包含(可以在任意位置)value的E标签E[attr^=value]:查找拥有指定的attr属性并且属性值以value开头的E标签E[at...

2019-02-10 13:15:25 175

原创 HTML5-video相关属性和方法(附案例)

video是H5中新增的多媒体标签,video附有很多的属性和方法,还有一些常用事件,今天就给大家介绍一下这些用法,后文附有一个多媒体播放器的案例。1.常用方法load():加载视频paly():播放视频pause():暂停视频2.常用属性currentTime:视频播放的当前进度(可读可写)duration:视频的总时间(以秒计算)paused:视频播放的状态(如果正在...

2019-01-08 18:17:32 1540

原创 HTML5-FileReader的使用方法

FileReader是一个文件读取对象,它有四个方法:1.readAsText():读取文本文件(可以使用Txt打开的文件),返回文本字符串,默认编码是UTF-82.readAsBinaryString():读取任意类型的文件。返回二进制字符串。这个方法不是用来读取文件展示给用户看,而是存储文件。例如:读取文件的内容,获取二进制数据,传递给后台,后台接收了数据之后,再将数据存储3.readA...

2019-01-07 21:39:02 324

原创 HTML5-调用百度地图API进行地理定位的实例

今天给大家分享一个H5中的百度地图案例,话不多说,直接上图:在浏览器中打开之后,这个盒子有上下两部分,上面是3D地图,下面是普通地图,这是使用了百度地图接口后的效果,使用百度地图接口必须拿到百度地图的密钥,密钥博主已经在代码中给出,可以直接使用,密钥也可以自己去申请。代码如下:&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt;&amp;lt;head&amp;gt; &a

2019-01-07 16:41:03 1622 12

原创 HTML5重点知识总结

一、H5新增的标签和属性1.新增的标签(语义化)&amp;amp;amp;amp;lt;header&amp;amp;amp;amp;gt;头部&amp;amp;amp;amp;lt;/header&amp;amp;amp;amp;gt;&amp;amp;amp;amp;lt;nav&amp;amp;amp;amp;gt;导航&amp;amp;amp;amp;lt;/nav&amp;amp;amp;amp;gt;&amp

2019-01-06 22:12:54 735

原创 jQuery基础知识和常用API(选择器/DOM操作/UI)

一、选择器1. 入口函数jQuery的入口函数一般为:$(document).ready(function () { //1.文档加载完毕,图片不加载的时候就可以执行这个函数。 })这种写法类似于原生js中的window.onload = function () {}当然,jQuery也有其他的入口函数,比如:$(function () { ...

2018-12-23 22:30:29 194 2

原创 Linux文件基础与常见命令

Linux系统简介Linux分区主分区:只能有4个拓展分区: - 最多只能有一个 - 主分区加拓展分区最多只能有4个 - 不能写入数据,只能包含逻辑分区逻辑分区:用于储存数据高级格式化&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;nbsp;&amp;amp;

2018-12-22 16:34:55 123

原创 JS特效-三大家族-原生封装

一、首先,我们先了解一下三大家族及其区别(offset/scroll/client)1.offset1.1.offsetWidth = width+padding+border;1.2.offsetHeight = Height+padding+border;1.3.offsetTop:检测距离带有定位的父盒子的上面的距离,返回值不带有px1.4.offsetLeft:检测距离...

2018-12-16 22:05:41 155

原创 关于如何用for循环给不同的dom元素绑定不同的驱动函数的问题

今天我们要实现的是用for循环给不同的dom元素绑定不同的驱动函数(每个元素的触发事件是相同的)1.我们先在body里面写两个相同的标签:&lt;body&gt; &lt;input type="text"&gt; &lt;input type="text"&gt;&lt;/body&gt;2.需求:我们想实现点击第一个input的时候alert出1,点击第二个in...

2018-12-15 20:35:43 266 3

原创 在Js中如何判断一个字符串是否以另外一个字符串为开头

字符串可以说是大多数编程语言中最重要也是最难掌握的一部分,比如在c语言中判断一个字符串是否以另外一个字符串为开头,如果一个一个去比较两个字符串中每一个字符的话,比较麻烦且容错率高。那么在Js中我们如何判断一个字符串是否是以另外一个字符串为开头呢?一、在JavaScript中,已经有封装好的判断一个字符串是否以另外一个字符串为开头的函数,可以直接调用,非常方便。<script>...

2018-11-28 21:44:22 2078

原创 Js中关于用appendChild()插入节点的注意事项

众所周知,我们可以使用appendChild()给一个父节点插入子节点,这种方法插入的位置都是在父节点元素最后一个子元素之后插入的。 但是,如果插入的子节点是DOM文档树里面已经存在的节点的话,这个节点会被移动到用appendChild()插入的位置,而不会被复制。可以看以下样例:&lt;div id="father"&gt; &lt;div id="son"&gt;123&...

2018-11-28 21:02:23 7186 6

原创 关于如何用css使盒子的边框做成圆角的问题

要实现圆角的效果其实很简单,用一个radius属性就行了。话不多说,直接上代码:&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="utf-8"&gt; &lt;style type="text/css"&gt;

2018-11-17 20:58:56 5579

原创 数论-取模问题总结

在ACM比赛中,有很多时候会遇到大数取模问题:比如,我们要求一个数的阶乘对某数取模的结果,或者斐波那契数列中后面的项对某个数取模的结果,这些数用int或者long long是存不下的。为了防止溢出,取模问题有以下几个公式。1.两数相加再取模(m + n) % p = (m%p + n%p) %p2.两数相乘再取模(m * n) % p = (m%p) * (n%p) %p3...

2018-10-28 17:32:31 1007 4

原创 使用ajax原生代码向服务器后端请求或发送数据的方法

ajax使用步骤: 1.给后端发请求 2.服务端返回数据 3.根据服务端返回的数据,做相应的操作首先,我们实例化一个XHR对象,代表我要使用AJAX技术。var xhr = new XMLHttpRequest();然后向服务器发送请求,以下是两种发送请求的方法(“GET&amp;amp;amp;amp;amp;amp;amp;amp;quot;和&amp;amp;amp;amp;amp;amp;amp;amp;quot;POST”)xhr.

2018-10-15 21:23:09 3901 8

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除