自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不断学习,见证成长

见证自己的技术成长

  • 博客(190)
  • 资源 (11)
  • 论坛 (1)
  • 收藏
  • 关注

原创 JavaScript继承大全!

前言:JS里边的继承是工作中必用的,也是面试中必考的,所以这篇文章就给大家介绍一下每种继承的特点,希望对大家有所收获~!原型链继承 //父类 function Person(name) { this.name = name || 'hpp'; this.sayName = function() { return this.name; } } .

2020-09-12 21:33:28 137

原创 JavaScript里的this指向问题,看这篇就够了!

前言:JavaScript里边的 this 指向问题,这篇文章帮你搞定!具体情况分类:函数没有被上级调用,this指向window function sayMyName(){ var name = "JavaScript" console.log(this.name);//undefined console.log(this.name);//Window } sayMyName(); window.sayMyNam.

2020-09-12 21:17:33 206 1

原创 JavaScript作用域和作用域链知多少

前言:本篇文章向大家分享一下作用域和作用域链,希望对大家有所帮助!作用域:作用域就是代码的执行环境,全局执行环境就是全局作用域,函数的执行环境就是函数作用域(私有作用域),他们都是栈内存。全局执行环境是最外围的执行环境,根据ECMAScript所实现的宿主环境不同,表示的执行环境的对象也不同。在Web浏览器中,全局执行环境被认为是Window对象,因此所有全局变量和函数都是作为Window对象的属性和方法创建的。在Node环境中,全局执行环境是global对象。某个环境执行完毕完所有的代

2020-09-12 19:44:33 1051 2

原创 闭包知多少

什么是闭包在js中变量的作用域属于函数作用域, 在函数执行完后,作用域就会被清理,内存也会随之被回收,但是由于闭包函数是建立在函数内部的子函数, 由于其可访问上级作用域,即使上级函数执行完, 作用域也不会随之销毁, 这时的子函数(也就是闭包),便拥有了访问上级作用域中变量的权限,即使上级函数执行完后作用域内的值也不会被销毁。闭包解决了什么问题可以读取函数内部的变量 可以将变量的值始终保存在内存中,不会再函数被调用后清除 封装getter 和 setter 方法闭包缺点闭包会导致函数内的

2020-09-12 19:41:30 239 2

原创 流式布局、圣杯布局、双飞翼布局你必须知道的知识!

前言:搞前端必须知道的布局,工作中必会用到,面试必会考到!流式布局:页面划分份数时候使用百分比,页面上各种元素的宽也都使用百分比,同时搭配 max-width、min-width使用。这种布局用于早期移动端,屏幕尺寸差异不大缺点:页面元素宽度是百分比,但是页面的字体等元素大小是固定的px,导致屏幕如果过大的话,虽然元素被拉伸边长了,但是字体没有变大,导致页面显示非常不协调。圣杯布局两侧宽度固定,中间宽度自适应的“三栏布局”实...

2020-09-10 16:31:36 152

原创 前端浮动问题解决方法大全,你值得收藏!

前言:搞前端的必会的知识点之清除浮动,工作中必用到,面试中必考到,废话不多说直接上干货!清除浮动的办法:父级元素定义高度实现原理:直接给父级元素定义height,解决父级没有高度问题 优点:容易理解,代码少 缺点:布局必须高度固定,且高度必须精确,否则一旦子级元素高出父级,会导致布局问题 结论:局限太大,一般不建议使用,建议固定高度布局使用代码:<!DOCTYPE html><html> <head> ...

2020-09-09 20:23:11 115 1

原创 前端BFC我们必须要知道的知识点!

什么是BFC:BFC(block formatting context):简单来说,BFC 就是一种属性,这种属性会影响着元素自己的定位以及与其兄弟元素之间的相互作用。在进行盒子元素布局的时候,使用BFC提供的环境,使之我们在BFC环境中进行布局不会影响其他元素的布局,BFC可以理解为一个独立的容器,内部元素布局不影响外部元素布局,反之也成立。如何触发BFC:浮动的元素,float 不可以为 none。 绝对定位元素 position 取值为 absolute 或者 fixed dis.

2020-09-09 09:58:59 213 2

原创 关于npm,你必须要知道的知识!

前言:总结了一些npm的相关知识点,这是我们搞前端必须要知道的知识点,现在分享给大家!什么是npmnpm是一个包管理工具,用于快速分享和复用第三方提供的js代码什么是package.json在项目开发过程中,我们如果需要依赖一些第三方代码或者框架,那么我们项目中需要详细记录一下我们用到的代码或者库的清单,目的在于项目在别处运行的时候,系统可以根据清单来下载运行项目所需要的代码和库文件。如何生成package.jsnpm init //需要进行其他的配置,定制化程度...

2020-09-08 20:10:10 92 1

原创 Node.js查找模块,看这篇就够了!

前言:本人最近学习Node.js,然后觉得Node.js查找模块这个知识点很有意思,然后就和大家分享一下吧模块的类型:我们需要知道,我们在Node.js中引用模块无外乎:系统模块,指定相对路径的模块,node_modules里边的模块,文件夹模块这几种require('http'); //系统模块require('./a.js'); //指定相对路径的模块require('b.js'); //node_module里边的模块require('dao'); //文件夹模块.

2020-08-22 21:36:52 429

原创 用Vue+ElementUI实现省市联动例子

前言:最近工作中需要写一个省市联动的下拉框,然后自己就简单的造了一个轮子,现在把代码给大家分享一下。代码//这篇代码是封装的子组件的代码//可以在选择完数据以后,调用父界面的事件进行相应的处理<template> <el-row> <el-col :span="8"> <el-select v-model="Prov" placeholder="请选择" @change="showProv()"> .

2020-06-21 21:47:14 893 1

原创 VUE项目优化请君收藏!
原力计划

前言: 相信现在很多人都是用Vue做过了各种项目,但是项目代码做完和上线并不代表这结束,还有上线以后的优化也是很重要的一点,这次的博客就来给大家说一下如何优化一下Vue的项目,让你的项目打包和运行速度更上一个台阶。优化策略:生成打包报告 修改webpack默认配置 加载外部CDN资源 路由懒加载 开启gizp配置生成打包报告:生成Vue的打包报告目的在于让我们先大概的了解到当前项目生成的各个文件的大小,让我们心里有数,知道哪里需要优化。通过命令行参数形式生成报告:...

2020-05-21 09:02:54 1613 2

原创 JavaScript创建对象,一篇解君愁(一)
原力计划

前言:本篇博客目的在于给大家分享一下JS中如何去创建对象,以及创建对象的方法,让大家以后可以使用JS快乐的创建对象,以及在合适的场景使用合适的方式创建对象。JS中的对象概念:在JS中,我们把对象定义为:“无序属性的集合,值可以包含为基本值,对象,或者函数”,我们可以理解为对象就是一组没有特定顺序的值!每个对象都是基于一个引用类型创建的(引用类型可以是原生类型,也可以是我们自定义的类型),对象的每个属性和方法都有名字,并且每个名字都有一个值,(大家可以理解为键值对)。JS中创建对象的方式.

2020-05-08 21:01:08 260 2

原创 下载自定义字体图标居然这么简单?!

前言:前一段时间作者在制作一个网站的时候需要一些好看的字体图标,这时候突然发现自己不会做字体图标,后来经过其百度以后,我终于知道了原来字体图标居然可以用别人制作好的,本来作者打算自己学习一下如何制作字体图标的,可是看到有现成的可以使用,我瞬间变成了真香党,拿来用真香!这篇文章主要用来带着大家过一遍如何选择图标,以及如何下载 ,具体的图标引入到项目中在另一篇博客中,如果需要请直接跳转!...

2020-05-04 17:44:57 299

原创 网页自定义字体图标看这篇就够了?!
原力计划

前言:最近在制作网页的时候用到了自定义字体图标,然后在查询了相关文档以后,最终实现了想要的效果,但是本人对如何引用字体图标的代码产生了点兴趣,于是乎就有了下边的内容,目的在于帮助大家理解一下代码的具体意思,以及为什么要这么写。自定义字体图标引入步骤: 下载指定的字体图标资源(具体步骤会另开一片博客写) 将字体图标资源放到项目中 css中创建相应的字...

2020-05-03 21:38:56 1139 4

原创 使用NPM快速下载模块以及创建自定义模块

前言:如果我们需要使用node创建自己的模块或者给别人分享自己写好的模块,应该如何做呢,看接下来的内容大家就可以明白如何操作了。什么是NPM:Node包管理器(Node Package Manager),会帮助我们下载我们指定版本的包,用于下载我们项目中必须的依赖,运行测试脚本以及安装命令行脚本,其中最重要的就是我们可以通过npm下载第三方包提高开发效率!使用NPM下载第三方包并使...

2020-04-23 11:27:31 254 2

原创 只需三个步骤,搭建HTTP服务器

前言:Node.js因为将V8引擎嵌入到了操作系统的集成层,使得JS可以调用操作系统的异步接口,最终使得JS可以在服务端运行,因此我们前端的小伙伴们就可以快乐的使用JS来同时开发前端和后端了,那么有的小伙伴肯定很好奇如何使用Node.js搭建服务器呢,很简单,只需要三个步骤就可以,现在就给大家演示一下。步骤一: 下载Node.js,这一步就不细说了,进去官网下载就OK了 安...

2020-04-22 11:15:03 448

原创 前端交互你不知道的方法

接口调用方式:原生ajax 基于Jquery的ajax fetch axiosURL地址格式:传统形式url:格式:schema://host:port/path?query#fragmentschema:协议,例如httpftp等host:域名或者ip地址port:端口,http默认80path:路径...

2020-04-19 21:27:52 224

原创 Vue 组件通信简单代码实现

组件化的常用技术:前言: 本片文章着重将组件通信的简单实现代码给大家呈现以下,希望对大家有所帮助组件传值,通信:父组件 => 子组件:属性props//父页面<template> <div id="app"> <input type="text" v-model="text" ...

2020-04-12 21:19:11 209 1

原创 疫情过后的生活

前言:年前的疫情着实给我们的生活带来了狠狠的一击,但是这也是一次机会,让我们好好反思一下自己以及以后的学习和生活应该是什么样子的。学习方面:在学习方面因为快临近了毕业,所以在抓紧复习前端的一些知识点,如前端的三板斧,本想着放完假以后可以快速的和小伙伴们一起见面学习,进入一个复习加总结的状态,但是最终因为疫情我们相约在家,一起学习。。。在这段时间的学习过程中自己也发现了学习中的一些...

2020-04-05 16:15:34 883

原创 DOM简单语法

什么是DOM: 文档对象模型(Document Object Model),简称DOM,是W3C组织推荐的处理可扩展标记语言(HTML或XHTML)的标准编程接口。W3C已经定义了一系列DOM接口,通过这些接口可以改变网页内容,结构和样式。DOM树:获取元素:根据标签名获取:使用getElementByTagName()方法可以返回带有指定标签的对象...

2020-03-29 21:55:11 106

原创 flex布局子项常见属性

flex属性flex属性定义子项分配的剩余空间,用flex来表示占多少份 align-self控制子项自己在侧轴上排列的方式align-self属性允许单个项目有与其他项目不一样的对齐方式,可覆盖align-items属性。默认为auto,表示继承父元素的align-items属性,如果没有父元素,则等同于stretch...

2020-03-22 21:07:51 232

原创 flex布局 父元素常见属性

flex-direction设置主轴方向:1.主轴与侧轴 在flex布局中,分别为主轴和侧轴两个方向,或行列 或X轴Y轴 默认主轴方向是X轴,水平向右 默认侧轴方向是Y轴,水平向下 justify-conten设置主轴上的子元素排列方式:justify-content属性定义了项目在主轴上的对齐...

2020-03-15 21:40:37 405

原创 模板引擎artTemplate简单使用

什么是模板引擎: 模板引擎是为了使用户界面与业务数据(内容)分离而产生的,它可以生成特定格式的文档,用于网站的模板引擎就会生成一个标准的文档。为什么使用:例子:轮播图<div class="carousel-inner" role="listbox"> <div class="item active"> ...

2020-03-07 20:49:21 82 2

原创 响应式轮播图容器选择

对于PC端: 轮播图一般的需求:高度固定,图片居中,容器铺满<div class="item"> <a class="pc_imgBox" href="#" style="background-image: url(图片路径)"></a></div> <style type="text/css"> ...

2020-03-07 20:43:57 91 1

原创 Bootstrap样式覆盖

当我们引用了Bootstrap以后,在实际使用过程中,发现有些样式需要修改,但是又不可以修改源码,因为修改源码可能导致其他未知问题,因此我们需要将某些样式从Bootstrap的CSS源码中拿出来,放到我们自己的CSS样式中,进行修改,并且需要将自己的CSS样式放在BootstrapCSS样式后边引用,方便进行覆盖。接着我们修改CSS里边模块的名字转加到我们自己的名字上。...

2020-03-07 20:40:04 134 2

原创 引入字体文件

1.引入下载好的字体文件2.CSS代码引入/* 自定义字体图标 *//* 1.通过@font-face定义自己的字体 */@font-face { /* 2.声明字体名称 */ font-family: 'wjs'; /* 3.引入字体文件(约束某一段字符,代表什么图案) */ src:url(../fonts/MiFie-Web-Font.svg) format(...

2020-03-07 20:38:14 255 2

原创 栅格系统

简单使用栅格:<body> <div class="container"> <!-- 栅格系统:行和列的布局,网格状布局 --> <!-- 行:row --> <!-- container 默认有15px的左右内间距 row 填充父容器的15PX左右的间距 margin...

2020-03-07 20:35:09 63 2

原创 Bootstrap模板基本介绍

<!-- h5文档声明 --><!DOCTYPE html><!-- 文档语言的声明:中文简体 zh-CN中文简体 en英语 zh-TW中文繁体 --><html lang="zh-CN"> <head> <!-- 文档编码声明 --> <meta charset="utf-...

2020-03-07 20:32:29 55

原创 快速使用bootstrap步骤:

1.去官网下载bootstrap的压缩包2.在项目中放置bootstrap的相关文件 3.使用官网上给的模板,即可顺利运行

2020-03-07 20:31:23 130

原创 BootStrap介绍

为什么使用:有自己的生态圈,不断更新迭代提供一套简洁,直观,强悍的组件标准化的html+css代码规范让开发变得更加简介,提升开发效率注:虽然界面样式组件已经定义好了,但是扩展性相对较强,也就是说我们可以自定义,修改默认样式。版本介绍:2.X.X: 停止维护优点:兼容性好缺点:代码不够简洁,功能不够完善3.X.X:目前使用最多稳定,放弃支持IE...

2020-03-07 20:28:39 117

原创 媒体查询具体使用

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> body { margin: 0; padding: 0; } ...

2020-03-07 20:26:49 72

原创 响应式布局

什么是响应式布局:在互联日渐流行的今日,我们在在桌面上开发的网页已经无法满足移动端的需求,通常的做法就是针对移动端单独开发一套特定的版本。但是如果移动终端越来越多,那么需要开发的特定版本也就越来越多(大屏移动设备普及),因此 Ethan Marcotte,在2010年5月份提出一个概念:一个网站可以兼容多个终端。为什么要用响应式布局:现在移动端设备屏幕越来越...

2020-03-07 20:25:00 70

原创 移动端搜索框界面设计知识点

实现效果 用到的知识点:1.box-sizing: border-box;因为在移动端我们常用百分比布局,所以元素的宽度一般都是百分比,然后边框宽度都是用固定的像素,所以,当我们设置box-sizing: border-box这个属性以后,元素的真正宽度就等于width = border + padding + 内容的 width...

2020-03-01 22:10:01 143

原创 移动端适配解决办法

使用百分比自适应布局(流式布局)同时设置viewport(视口)即可达到适配目的流式布局:就是百分比布局,非固定像素,内容向两侧填充,理解成流动的布局,称为流式布局视觉窗口:viewport,是移动端特有的,这是一个虚拟的区域,承载网页的,他们的关系:浏览器承载viewport,viewport再去承载网页适配方案(主流适配方案): 1.网页内容的宽度必须和浏览器保持一...

2020-02-23 21:07:10 105

原创 移动web现状

现状:现阶段,许多网站都会设计至少两套网页,用以适配PC端和移动端,因此B/S结构的软件的作用就凸显出来了,因为B/S结构的软件可以实现跨平台运行,并且成本大大降低,比直接做APP成本低(不需要做安卓和苹果端),并且移动端现在非常的火,基本上人人都有手机,所以非常有必要做移动端的网页,但是网页的性能会比原生的APP要弱,这也是我们需要注意的。移动端网页的通用布局内容...

2020-02-23 21:04:56 136

原创 Apache引入PHP模块报错及解决办法

前言: 今天就给大家分享一下Apache引入PHP模块报错及解决办法引入的模块文件路径有空格解决办法:路径加上双引号PHP模块无法打开报错 “The requested operation has failed”解决办法: 1.查看httpd的版本2.查看php版本3.查看本机的vc版本...

2020-01-18 08:18:39 423 2

原创 读安全文档有感

临近放假的时候,我又将提高班的安全管理条例读了一遍,目的在于强化自己的安全意识,防患于未然,为自己同时也为家人负责,把自己保护好,免受一些不必要的伤害。提高班的安全管理条例,写的方方面面我们都应该严格执行,因为我们在外边学习,所以饮食和交通是首要考虑的问题,路上遵守交通规则,不随意的横穿马路,遵守红灯行绿灯行,过马路走斑马线,骑车在口需要推车走,等等,同时,在需要外边吃饭的时候,去干净卫生的餐...

2020-01-12 22:47:36 91

原创 搭建KeepAlived步骤

本篇博客主要介绍一下如何搭建KeepAlived服务。KeepAlived的作用: Keepalived的作用是检测服务器的状态,如果有一台web服务器宕机,或工作出现故障,Keepalived将检测到,并将有故障的服务器从系统中剔除,同时使用其他服务器代替该服务器的工作,当服务器工作正常后Keepalived自动将服务器加入到服务器群中,这些工作全部自动完成,不需要人工干涉,...

2019-07-21 21:52:05 99 9

原创 VUE项目目录文件大概是干什么用的

本文主讲一下VUE项目目录中各个文件是干什么用的目录截图: dist:用于存放我们使用npmrunbuild命令打包的项目文件 node_modules:用于存放我们项目的各种依赖,比如axios等等,没有moudles文件,项目就没法运行,可以使用npminstall进行项目依赖的安装 public:用于存放静态文件 publ...

2019-07-14 21:34:35 1521 7

原创 搭建 vue 3.0的项目教程

VUE 使用 vue-cli3.0 搭建VUE项目安装最新版的nodejs Nodejs下载网址:https://nodejs.org/en/download/ 下载并安装nodejs软件正常安装即可,期间可以根据自己的需求选择软件安装的位置安装完毕在命令窗口输入node -v出现 版本号证明安装成功!2.安装vue-cli3.0脚手架...

2019-07-07 21:37:20 219 1

明华 URF-35H-MEM 开发包

明华 URF-35H-MEM 开发包 ,demo,开发文档,测试程序,统统都有

2019-03-20

ASP.NET 从入门到精通第二版源码!

ASP.NET 从入门到精通第二版源码!

2018-12-02

破解教程+文件.zip

MyEclipse2019破解教程+文件,不能破解你砍我

2019-07-17

MyEclipse2019破解教程.zip

MyEclipse CI 2019.4.0破解文件 ,MyEclipse2019破解教程+文件,MyEclipse2019破解教程+文件,不能破解你砍我

2019-07-17

JavaScript权威指南第六版-中文版

JavaScript权威指南第六版,淘宝前段团队翻译,非常值得观看,高清版!

2018-12-09

HTML5+CSS样式从入门到精通

高清扫描版,高清扫描版,高清扫描版HTML5+CSS样式从入门到精通

2018-11-27

ASP.NET 从入门到精通第二版高清扫描!

高清扫描版,高清扫描版,高清扫描版,需要的同学自行下载吧

2018-11-27

中级软件设计师真题 2009-2018历年真题

中级软件设计师真题 2009-2018历年真题,包括答案,希望对大家有所帮会组

2018-09-15

MyEclipse2018最新破解文件

MyEclipse 2018最新破解文件,需要的老铁们下载就行了!

2018-08-25

JSP图书管理系统

一个简单的JSP图书管理系统,适合初学者和有JSP大作业的学生或者老师进行学习和参考

2017-12-10

VB 版 词法分析代码

VB版 词法分析程序,简单实现代码分析,因为加入的关键字不多,所以有需要的话自行在代码中添加关键字即可

2017-11-06

王靖凡--Sam的留言板

发表于 2020-01-02 最后回复 2020-06-14

空空如也

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

TA关注的人 TA的粉丝

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