自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端常用网站

用于个人学习记录,持续更新1、查询浏览器的兼容性:https://caniuse.com/2、解决代码中字段命名困难问题:https://unbug.github.io/codelf/3、 Web API 技术标准的开发文档网站:https://developer.mozilla.org/zh-CN/...

2021-04-23 15:10:50 125

原创 vue之v-model的基本使用及原理

Vue中有许多指令,其中有一个常用的指令是v-model,通过v-model我们就能够实现数据的一个双向绑定,注意,v-model一般用于表单元素中。先来看一个v-model的基本使用。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../../vue-dev

2020-11-21 20:34:33 489

原创 使用Vue完成简单的购物车案例

表格的样式有点丑,可以自行调整一下。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script> <style> table{ w

2020-11-21 16:28:19 421

原创 vue面试题——v-if 和v-show的区别

面试前端时,涉及到vue,v-if和v-show几乎是必问的一道题,所以记录一下。首先我们先来看一段代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script></head&

2020-11-18 22:37:03 618 1

原创 Vue之input复用问题

先来看一下一段实现登录切换的小案例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script></head><body><div id="app"&gt

2020-11-18 22:14:07 601

原创 vue实现列表动态绑定样式

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="../vue-dev/dist/vue.js"></script> <style> .active{ color:red;

2020-11-17 15:30:56 354

原创 js中的五种迭代方法

1、every()对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。var numbers=[1,2,3,4,5,4,3,2,1];var everyResult = number.every(function(item,index,array){ return(item>2);});alert(everyResult)); //false2.filter()对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组var numbers =

2020-10-27 20:42:51 1080

原创 js面试题-找出字符串中的数字,并替换为*

for循环实现function replace(){ var str='ba123jj4589'; var arrStr = str.split(""); //将字符串转换为数组 for(let i=0;i<arrStr.length;i++){ if(arrStr[i]>='0'&&arrStr[i]<='9'){ arrStr[i]='*'; } } arrStr=arrStr.join(""); c

2020-10-22 20:17:11 1905

原创 JS垃圾回收机制

什么是垃圾回收(GC)?程序在运行的过程中会产生垃圾,这些垃圾积攒的太多了,就会导致程序运行的速度过慢,因此我们就需要一个垃圾回收的机制,来处理程序运行过程中产生垃圾。什么是“垃圾”?当一个对象没有任何的变量或是属性对它进行引用,此时我们就永远无法操作该对象,该对象就是一个垃圾,这种对象过多的话就会占用大量的内存空间,导致运行程序变慢,这种垃圾就必须进行清理。JS中的垃圾回收机制在JS中拥有自动的垃圾回收机制,会自动将这些垃圾对象从内存中销毁,我们不需要也不能进行垃圾回收的操作,我们仅需

2020-10-22 17:17:00 202

原创 js轮播图

外部js文件tool(控制图片的移动)function getStyle(obj,name){ // if(window.getComputedStyle){ // return getComputedStyle(obj,null)[name]; // }else{ // return obj.currentStyle[name]; // } return window.getComputedStyle? getComputedStyle(

2020-09-27 13:59:51 97

原创 js之div跟随鼠标移动

一、主要用到的相关属性:1)onmouseover2)clientX、clientY3)pageX、pageY4)document.body.scrollTop5)document.documentElement.scrollTop;二、实现第一版本<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"> <title>Title</title>

2020-09-24 11:53:45 2260

原创 'mvn-v' 不是内部或外部命令,也不是可运行的程序 或批处理文件。

今天下载安装maven,配置出现了一些小小的问题,记录一下。在cmd命令行中测试:出现了’mvn-v’ 不是内部或外部命令,也不是可运行的程序 或批处理文件。先说一下我的操作:1.右击“此电脑”->“属性”->"高级系统设置”->"环境变量“新建一个系统变量变量可以取你想取的名字变量值是你的maven所在位置比如我的就是:注意这里不是lib所在的位置,不要弄...

2020-03-10 15:28:46 2681 3

原创 HTML+CSS+JS思维导图

画了HTML+CSS+JS的思维导图,帮助自己更好地理解。画的不对,不足的地方,请多指教。1.HTML2.CSS3.js尴尬,图片超过大小了。用压缩软件压缩了一下。...

2020-02-29 11:02:31 1043 8

原创 js不生效

js不生效的坑好久没敲前端,今天写了一段代码引入外部js<script src="js/index.js" type="javascript"></script>外部js中的代码console.log(1);好了问题就来了。无论我把外部引入的js放在head标签中,body标签中,还是body标签后都不起作用!好吧,那就写在html内部测试一下吧。<...

2020-02-28 21:15:48 760

原创 WEB前端内容复习一

WEB内容复习HTML什么是HTMLHTML:超文本标记语言,能表现如文字、视频、音频等复杂元素。什么是标签由一对尖括号包裹的单词构成。标签对的组成:标签名、属性(名值对)、内容。例如:淘宝重要标签说明表格标签 tablethead tr thtbody tr td测试代码如下:<table border="1"> <thead> ...

2020-02-24 19:21:48 129

原创 去除bootstrap轮播图两侧阴影

用bootstrap的轮播图很方便,但是有个地方不好的是,它的两侧有阴影,太难看了。找了一下网上的说法:.carousel-control.left { /*background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0.0001) 100%); background-i...

2019-09-14 19:39:07 871

原创 JavaWeb学习笔记二

该学习笔记根据颜群老师JavaWeb学习视频整理而得1、使用Eclipse开发Web项目(JSP项目)tomacat2、在Eclipse中创建的Web项目:浏览器可以直接访问WebContent中的文件例如http://127.0.0.1:8888/MyJspProject/index1.jsp其中的index1.jsp就在WebContent目录中;...

2019-07-21 21:08:04 314

原创 JavaWeb学习整理笔记一

该学习笔记根据颜群老师JavaWeb学习视频整理而成404:资源不存在202:资源不存在403:权限不足(如果访问a目录,但是a目录设置 不可见)300/301:页面重定向(跳转)500:服务器内部错误(代码有误)jsp:在html中嵌套的java代码在项目/WEB-INF/web.xml中设置默认的初始页面<welcome-file-...

2019-07-21 21:02:08 463

原创 Vue简单入门(学习总结一)

这几天在学习Vue的相关知识,刚好写篇博客将学习的知识点总结一下~一、Vue是一套构建用户界面的渐进式框架,它只关注图层,采用自底向上增量开发的设计。每个Vue应用都需要通过实例化Vue来实现首先来看一下它的语法格式var vm = new Vue({ //选项})当然我们也可以直接是new Vue({ //选项})这...

2019-05-09 21:03:54 465

原创 js中的原型模式

在js中我们创建的每一个函数都有一个prototype(原型)属性,这个属性其实就是一个指针,它指向一个对象,而这个对象的用途是包含可以有特定的所有实例共享的属性和方法。从字面意思来说,prototype就是通过调用构造函数的那个对象实例的原型对象。如下面的例子1所示: function Person(){} Person.prototype.name ...

2019-04-28 20:43:24 510

原创 Chrome网页编码显示乱码

今天打开Chrome浏览器,网页编码显示乱码了,这还是第一次遇到这样的情况解决办法:第一步 在chrome网上应用店下载 Set Character Encoding这是下载地址:https://chrome.google.com/webstore/detail/set-character-encoding/bpojelgakakmcfmjfilgdlmhefp...

2019-04-11 20:29:25 4721

原创 学习sql server中出现的一些问题(一)

最近在学习sql server2008中遇到了一些问题,和大家分享一下一在sql server2008数据库表中,“新建索引”菜单是灰色的这种情况可能只出现在部分表中,比如我有一个course和student表,在course表中,“新建索引”的菜单是灰色的,但是在student表中又可以。出现这种情况,我们可以将SQL Server Managerment Studio重启就可以了。...

2019-04-10 21:51:21 2293

原创 jQuery选择器

利用jQuery选择器,我们能够对HTML元素组或单个元素进行操作。jQuery选择器是基于元素的id、类、类型等查找(或选择HTML元素),它基于已经存在的CSS选择器。jQuery还有一些自定义的选择器。我们会发现jQuery中的选择器都是以美元符号开头:$()。下面是一些常见的jQuery选择器。1、元素选择器。如:$("p")在页面中选取所有<p>...

2019-04-09 17:04:58 118

原创 js中的闭包

在学习js的过程中,我们总是容易将匿名函数和闭包这两个概念混淆。顾名思义,匿名函数就是没有实际名字的函数。如:(function(a,b){ alert(a-b); return a-b;}(8,2));闭包是指有权访问另一个函数作用域中的变量的函数如:function test(){ var a = 20; return a;}te...

2019-04-08 21:04:10 83

原创 InfluxDB,web页面无法访问

今天刚在Linux上装好了InfluxDB,结果在浏览器中用IP+8083,web页面无法访问。找了找原因是说InfluxDB在0.13版本以后,就默认关闭了web管理页面,国内的文档大多都是以旧版的InfuxDB为标准写的,所以下载好0.13以后的版本后,就出现了8083端口的web管理页面访问不了的问题。在Linux大学上看到的解决方案是:找到InfluxDB的配置文件(Linux...

2019-02-18 21:59:29 8926 1

原创 c语言模块化编程

最近学校在做关于c语言的课设,老师要求我们进行模块化编程,在模块化编程的过程中遇到了一些问题,找了一些资料后终于解决了。本人用的编译器是codeblocks1.如何在codeblocks中新建一个工程File-&gt;New-&gt;project弹出New from template对话框选择Console application 或Empty project  (这里会出现...

2018-12-24 10:40:39 5566

原创 Ajax请求后端数据

 Ajax是一种无需重新加载整个网页的情况下,能够更新整个网页的技术,我们怎么用Ajax从后台请求后台数据呢?看下面这个小例子 $.ajax({ type:'GET', //请求方式,可以是GET,也可以是POST url:' ', //请求的地址//请求的格式设置为json(在这个例子中后台传过来的数据本身就是j...

2018-12-09 15:21:59 1199

原创 js中的indexOf 和 lastIndexOf 方法

indexOf()和lastIndexOf是从字符串中查找子字符串。它们都从一个字符串中搜索给定的字符串,然后返给子字符串的位置(若没有找到该子字符串则返回-1)区别:indexOf()方法从字符串开头向后搜索子字符串,lastIndexOf()从字符串尾向前开始搜索子字符串这里可能有些人会和我一样犯一些迷糊如这个题: var stringVal = "hrello w...

2018-11-13 21:59:38 3616

原创 创建单链表并原地将链表逆序

#include&lt;iostream&gt;#include&lt;stdio.h&gt;using namespace std;#define MAXSIZE 5#define ERROR -1;#define CORRECT 1;typedef struct List{ int data; struct List *next;}List;List *...

2018-10-08 19:47:38 299

原创 js-数据类型

 ECMAScript中有五种数据类型(也称为基本数据类型)Undefined Null Boolean Number String和一种复杂的数据类型Object 如果我们想知道给定变量的数据类型,可以用typeof操作符下面介绍一下它的用法 var myname = “Hello word”;alert(typeof(myname));    //”S...

2018-09-25 19:41:11 66

转载 【转】Sublime Text 3 全程详细图文使用教程

转自: http://www.cnblogs.com/wind128/p/4409422.html 一、&nbsp;前言&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; 使用Sublime Text 也有几个年头了,版本也从2升级到3了,但犹如寒天饮冰水,冷暖尽自知。最初也是不知道从何下手,满世界地查找...

2018-08-30 10:11:15 166

原创 前端开发工具哪家强?

  目前有很多用于前端开发的,大家想必在这些开发工具里挑花了眼。今天小编就个人用过的几款开发工具给大家提供一些建议。 记事本用记事本来编写html语言的话,会比较麻烦,它不会给你自动补充标签,这就很苦逼了,所以基本上我们都不用记事本来写html语言的,但是也要知道记事本也是可以用来编写html语言的哦!只不过比较麻烦。 Atom小编学前端开发时,第一个下载的前端开发工具...

2018-08-30 09:36:00 5341 2

原创 程序猿不养生怎么能行?

作为一名程序猿不容易,作为一名女程序猿更不容易。每天都得面临着秃的危险,还好博主头发挺多的,暂时还不用担心这个问题。从事码代码工作,我们不仅需要一颗随时清醒的头脑,更需要强壮的身体。听说猝死一般发生在凌晨两点以后,今天你又熬夜了吗? 90后已经开始喝枸杞茶养生了,程序猿们也得赶紧行动起来了。一、防辐行动程序猿每天的生活不是电脑就是手机,绿茶有一定的防辐射的作用,可以每天都喝点绿...

2018-08-01 21:14:12 364

原创 浅谈CSS选择器

在html中我们如果要对文档中的一组元素应用某些规则时,使用传统的HTML会很繁琐,如果我们利用CSS中的选择器,会要方便很多。 选择器可分为三种ID选择器 (如#hh)类选择器(.hh)标签名选择器(div,h1,p) 还有其他的几种选择器是对这三种选择器的扩展应用如相邻选择器(h1+p)子选择器(ul&gt;li)后代选择器(li a)通配符选择器(...

2018-07-27 16:23:05 259 2

原创 CSS表格布局与HTML表格

在学习HTML和CSS时,我们会发现在CSS布局中有表格,HTML中也有表格,那么这两个表格有什么区别呢? CSS中的表格是一种布局方式,它比较适合内容需要分栏时使用。而HTML中的表格,是确确实实存在表格数据的。说起表格,大家脑海里就会浮想起行和列来。我们可以把CSS表格想象成一个电子表格,一个个单元格组成,在每个单元格里会包含一个HTML块元素。本图选自《Head First ...

2018-07-19 09:47:04 2125

原创 做java游戏时,为什么出现画面卡顿的问题?

最近小编在做Java小游戏时,遇到了一个问题,我让人物动起来时,画面卡到惨不忍睹。这是为什么呢?后来百度了一下,发现是需要用到双缓冲它主要是和线程的睡眠时间有关,睡眠时间越短,闪烁显现就越严重。是因为显示器的刷新频率高于程序。paint方法还没有来得及画完整幅画面,所以就出现了闪烁问题。这里我们就需要使用双缓冲消除,先把所有东西画在虚拟屏幕上,前面什么都不画,然后一次性把画好的内容显示出来。所谓双...

2018-05-19 22:50:52 2733 1

原创 异常处理

什么是异常处理?    像我们平时用电热壶烧水一样,突然电热壶没电了,这个时候我们要不就换个方式烧水,要不就买瓶矿泉水,这就是所谓的异常处理了。就相当于在代码运行过程中出了问题,电脑自己又不会解决,我们就得在代码中加个异常处理,告诉电脑要是出错了得怎么做。异常处理机制       Java的异常处理机制主要依赖于try、catch、finally、throw和throws五个关键字     使用t...

2018-04-25 21:01:54 152

原创 泛型

什么叫泛型?所谓的泛型就是允许我们在定义类、接口、方法时使用类型形参,这个类型形参将在声明变量、创建对象、调用方法时动态地指定(即传入实际的类型参数,也可称为类型实参)。 我们为什么要使用泛型呢?因为Java集合对元素类型没有任何限制,这样可能引发一些问题。比如我们想创建一个只能保存Tiger对象的集合,但是程序也可以轻易地将Cat对象“丢”进去,所以可能会引发异常。我们来看个例子public c...

2018-04-20 21:03:19 130

原创 类和对象3

抽象类和抽象方法当编写一个类时,常常会为该类定义一些方法,这些方法用以描述该类的行为方式,那么这些方法都有具体的方法体,但在某些情况下,某个父类只是知道其子类应该包含怎样的方法,但无法准确地知道这些子类如何实现这些方法。抽象方法(只有方法签名没有实现的方法)和抽象类必须使用abstract修饰来定义,有抽象方法的类只能定义成抽象类,抽象类里可以没有抽象方法规则:抽象类和抽象方法必须使用abstra...

2018-04-13 21:45:31 121

原创 类和对象2

对象的产生和使用创建对象的根本途径是构造器,我们可以通过new关键字来调用某个类的构造器即可创建这个类的实例//我们在定义p变量的同时为它赋值Person p = new Person();对象的作用:1.访问对象的实例变量                     2.调用对象的方法如果访问权限允许,类里定义的方法和成员变量都可以通过类或实例来调用。类或实例访问方法或成员变量的语法:类.类变量|...

2018-04-07 11:34:48 133

空空如也

空空如也

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

TA关注的人

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