自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

huangfuyk.的博客

学无止境

原创 前端开发者不得不知道的18个常用的网站,因为这18个网站我成了别人眼中的巨佬

只要点进来,你就已经成功了一半,非标题党,满满干货啊!

2020-05-13 10:59:01 9000 21

原创 vue项目中使用高德地图的api实现城市的定位
原力计划

今天女朋友突发奇想,让我帮她做一个可以对所在城市进行自动定位的一个小功能。我二话没说,打开电脑就是一顿操作,操作记录如下(贼拉拉详细,无论小白还是大白,都可看得懂): 使用Vue-CLI构建一个Vue项目。 在src目录下的views目录里创建一个City.vue(名字自取) 在src目录下...

2020-05-10 19:55:39 5374 34

原创 MySQL的安装(超详细,附教程、安装包)

文末附所需安装包链接。 如下为安装步骤: 1、双击mysql-installer-community-5.7.12.0.msi,开始安装,直到遇到如下界面: 2、点击Finish,进行MySQL配置: 3、Developer Machine(开发测试类,mysql 占用很少 资源)”、“S...

2020-05-10 10:09:00 9835 19

原创 浅谈:CSS3的渐变以及2D转换
原力计划

目录CSS3渐变线性渐变径向渐变重复线性渐变重复径向渐变CSS3的2D转换transformrotate() 方法skew() 方法scale() 方法translate() 方法CSS3过渡transitionpointer-eventsbackface-visibility CSS3渐变 CS...

2020-05-07 21:22:15 3695 24

原创 CSS3选择器 | 每个前端开发者必须要掌握的技术
原力计划

目录属性选择符伪类选择符CSS3属性CSS3自适应 属性选择符 如果能够灵活运用属性选择器,目前为止需要依靠id或class名才能实现的样式 完全可以使用属性选择器来实现。 E[att] {} : 选择具有att属性的E元素 E[att="val"]{}: 选择具有att...

2020-05-06 19:20:29 5636 36

原创 使用Vuex、Vue路由、axios的经验汇总
原力计划

博客说明: 文章所涉及的资料来自互联网整理和个人总结,意在于个人学习和经验汇总,如有什么地方侵权,请联系本人删除,谢谢! 目录一、Vuex二、Vue路由三、axios 一、Vuex 安装 npm i axios --save 使用 axios.get('/user?ID=...

2020-05-01 10:36:47 4166 50

原创 用html和css为女朋友做了个幸福摩天轮,她很开心,我很骄傲
原力计划

幸福摩天轮,够爱你就来

2020-04-27 21:46:06 9239 71

原创 女朋友生日,不要礼物,非要我给她讲解VUE的生命周期钩子函数,最后直夸我讲的详细又透彻!
原力计划

VUE的生命周期钩子函数:就是指在一个组件从创建到销毁的过程自动执行的函数,包含组件的变化。可以分为:创建、挂载、更新、销毁四个模块。 注:在组件的整个生命周期内,钩子函数都是可被自动调用的,且生命周期函数的执行顺序与书写的顺序无关 目录*图示1.beforeCreate2*.created3...

2020-04-25 18:03:23 7693 86

原创 ES6数组方法find()、findIndex()的总结
原力计划

本文主要讲解ES6数组方法find()与findIndex(),关于JS的更多数组方法,可参考以下: ①JavaScript 内置对象之-Array ②ES5新增数组方法(例:map()、indexOf()、filter()等) ③ES6新增字符串扩张方法includes()、startsWith...

2020-04-22 13:21:19 6654 57

原创 使用Vue-CLI创建Vue项目

在看本文之前,请确保电脑上已经装了node,关于node的安装和使用可参考node的安装与使用专栏 1 . 利用Vue-CLI初始化构建Vue项目时,我们将会获得一个初始的文件夹结构,如下所示: 2 . 安装Vue-CLI npm install -g @vue/cli 或 yarn glob...

2020-04-21 21:45:33 5149 27

原创 周末休息,用原生JS和CSS给女朋友做了个弹弹球小游戏,她沉迷其中、无法自拔

上次帮一个粉丝写了这个纯HTML加CSS实现3D立体动态相册,女朋友看到了,说我就没有给她写过这些小玩意,哄她开心。 蛤,听了这话我就很难过。我对她说,等着,马上为你量身定做一个去,你爱玩游戏,整好今天周末给你做个小小的游戏,让你耍一耍~哈哈哈哈,我太机智了。 效果如下: css部分代码: &l...

2020-04-19 21:04:24 13189 68

原创 不光教女朋友学会了Yarn,还让她明白了Yarn与npm的区别
原力计划

在进行正文之前,首先提供Yarn的三大网址,祝你练成Yarn功大法:Yarn官网、中文官网、Yarn Github地址 在安装Yarn之前,我们要确保已经成功安装了Node.js,关于Node.js的安装,可参考:Node.js的安装 Yarn的特点 Yarn的中文官网是这样介绍的: 速度超...

2020-04-17 21:16:23 8974 58

原创 当面试官问你关于Node.js的开发框架Express时,你怎么回答 ?(文末附Postman插件链接)
原力计划

前言:        在前些日子,也就是今年的 2 月至 4 月,一个由 ECMA 成员名义发起,阿里巴巴、腾讯等公司领衔的Node.js 开发者 2020 年度报告结果出炉。     ...

2020-04-15 21:37:49 9767 71

原创 教零基础女朋友学MongoDB:MongoDB的下载、安装、配置、使用;18岁以下单身男慎入!(Windows)
原力计划

前言:         温馨提示:该“前言”部分单身男性慎看,如有女朋友,则可忽略此温馨提示。不过话又说回来,对于我们这行来说,找个女朋友,应该不是问题!      ...

2020-04-13 22:14:21 7566 61

原创 解决:无法加载文件 C:\Program Files\.. 因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com /fwlink。及Express的简单安装

有时我们在运行PowerShell脚本的时候,会突然遇到这个问题: 无法加载文件 C:\Program Files\nodejs\node_global\express.ps1, 因为在此系统上禁止运行脚本。有关详细信息,请参阅 https:/go.microsoft.com /fwlink/?L...

2020-04-10 17:34:57 7502 67

原创 浅析嵌入式 JS 模板引擎之EJS

EJS是一套既简单又高效的嵌入式 JS模板语言,可以帮我们利用普通的 JS 代码生成 HTML 页面。其历史悠久,曾一度得到些许大佬的青睐,现在虽然没有vue、react这些项目流行,但其还是有一定的使用场合和学习价值的。 EJS后缀名为"ejs" EJS 支持我们把JS代码...

2020-04-09 20:55:44 7378 37

原创 不懂JS的实用工具库Lodash,怎么敢说自己会JS ?
原力计划

Lodash是一个可以提高开发者效率、提高原生JS方法性能的 JavaScript 第三方实用工具库; Lodash特点就是一致性、模块化、高性能。业界赫赫有名,其不需要引入其他第三方依赖,我们在使用的过程中可以直接调用Lodash帮我们封装好的方法;(其模块化特别适用于:创建符合功能的函数、遍历...

2020-04-07 21:25:44 6149 47

原创 纯HTML加CSS实现3D立体动态相册【超简单、附源码】

近日,收到一男粉丝私信,具体如下: PS:在跟他聊天过程中,我不该笑的,哪个男同胞没有这么让人心疼的一刻呢。所以,在此祝愿他能早日哄好他的女朋友,加油,奥利给~~~ 于是,在他的万般焦急等待下,为他量身定做的动态相册出炉了,鉴于时间紧任务重,实现的功能比较单一,但是他已经很满足了,我也很欣慰! ...

2020-04-05 13:47:28 9112 82

原创 常用的JS数组去重方法大全
原力计划

写在前面: 我们要想使用数组去重,那就必须对数组有一定的了解,关于JS数组的一些方法以及使用,可参考: ①JavaScript 内置对象之-Array ②ES5新增数组方法 ③浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法 下面进入正题:利用JS的数组实现...

2020-04-04 13:43:45 7207 59

原创 手把手教学妹安装TortoiseGit(小乌龟)与GitHub的关联使用【图文并茂,超详细】
原力计划

写在前面:最近有些粉丝看了我这篇文章【git安装与使用】,对我说:git命令和操作好难啊。 我说:没事,熟能生巧,你多用就好了,常用的也没有多少哦。 他:不嘛不嘛,人家就不用嘛~ 我: 以上内容纯属虚构,如有雷同,纯属巧合。 真实场景如下所示: 大家注意,我要开始了! git的客户端工具...

2020-04-02 11:34:09 5561 63

原创 解决:Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'

相信有时候大家在操作Git的过程中会突然显示: Another git process seems to be running in this repository, e.g. an editor opened by 'git commit'. Please make sure...

2020-03-27 18:24:00 4478 46

原创 浅谈node环境下的Sass以及gulp工具下的Sass
原力计划

目录一、Sass简介二、Sass的解析器1. node环境下的Sass解析器2. gulp工具下的Sass解析器三、Sass语法1. 注释2. 变量3.嵌套4.导入@import5.混合器6.@if 判断7.循环8.继承 一、Sass简介 我们都知道虽然可以用CSS开发网页样式,但是没法用它编...

2020-03-25 20:27:00 7437 61

原创 浅谈gulp的使用、gulp的常用插件、gulp基本操作以及gulp的常用项目流程操作
原力计划

写在前面: 因为gulp是一个基于node的工具,所以我们需要先安装node,具体可见【node的安装及配置】 目录一、gulp简介二、gulp基本使用1. 创建项目2. gulp的安装3. gulp配置文件4. 定义指令三、gulp常用插件四、gulp常用项目流程操作及部分插件使用方法 一、g...

2020-03-24 20:30:14 6901 31

原创 面试官竟然问我JavaScript中var、let和const有什么区别这样简单的问题?
原力计划

这几天逛CSDN论坛,发现在一些前端模块发的问题大都是因为var、let和const搞不清楚导致的,今天我来浅析下,希望对看到这篇博客的童鞋有所帮助~ What we know is that…(英语作文万能开头) :在JavaScript中有三种声明变量的方式:var、let、const。 目...

2020-03-23 20:57:01 10140 42

原创 解决:'ping' 不是内部或外部命令,也不是可运行的程序 或批处理文件。【实用】

在【我的电脑】右键 > 【属性】 > 【高级系统设置】 > 【环境变量】 > 【系统变 量】 > 【path】 > 【编辑】 > 添加:C:\Windows\System32 > 【确定】 ...

2020-03-23 14:01:45 4500 16

原创 Windows下CMD常用命令符的基本操作(包括Linux常用指令)【科普贴】
原力计划

目录1. 打开CMD窗口2. 命令(1)切换盘符(2)切换目录(cd)(3)清除当前屏幕显示(csl)(4)查看文件(dir)(5)`删除文件(rm-rf*)`(6)查看网络是否通畅(ping)(7)查看网络链接状态(netstat)(8)查看当前电脑的IP信息(ipconfig)(9)查看当前...

2020-03-23 13:50:17 12934 24

原创 跟面试官扯了半小时的CSS的flex弹性布局,都在这里了。【看完你会更加透彻】
原力计划

目录1. CSS3怪异盒模型2. flex基本概念3. 弹性布局属性4. CSS3多列5. 响应式 1. CSS3怪异盒模型 在说flex布局之前,再来回顾一下CSS3的怪异盒模型。 (1) 标准盒模型的总大小=width/height+padding+border+margin; 怪异盒模型的总...

2020-03-22 20:45:49 7388 26

原创 npm install express -g或npm install express报错之解决方案

小朋友,你是否也有好多问号?? 不要慌,问题不大 在键盘上按下win + x ,选择命令提示符(管理员) 这样就好啦: 注意啦,注意啦: 在win8或者win10下,win+R不是以管理员身份来运行的。在开始菜单中选择CMD窗口以管理员身份运行即可。 ...

2020-03-22 17:24:14 4215 22

原创 Error: EPERM: operation not permitted 解决办法

既然你点进来了,那么是不是遇到了如下界面呢? 不要慌,问题不大 在键盘上按下win + x ,选择命令提示符(管理员) 这样就好啦

2020-03-22 17:07:24 3897 6

原创 Node.js的安装及环境配置【超详细】
原力计划

Step1:去官网下载安装包 下载方式1:官网下载 根据自己电脑系统及位数选择。 注意: 图中 .msi和.zip格式区别: 1、.msi是Windows installer的数据包,实际上是一个数据库,提供安装,修改,卸载你所安装的程序。此外:它还包含有关安装过程本身的信息。例如:安装序列、目...

2020-03-22 16:40:32 7365 20

原创 Gulp与WebPack有区别吗?如果有,有什么区别?

Gulp与webpack有区别吗?如果有,有什么区别? 可以这么说,它们既有区别,也有相似… 先来具体看一下它们不同的概念: (1)Gulp:        Gulp是一个自动化构建工具,强调的是前端开发的流程,通过配置一系列的...

2020-03-22 12:33:23 5769 11

原创 我敢说在座的所有人都遇到过这些JS常见的错误【谨以此篇记录成长】
原力计划

一、TypeError(类型错误) (1) Uncaught TypeError: Cannot read property 'aa' of undefined 常见的一种是在渲染 UI 组件时对于状态的初始化操作不当,当你读取一个未定义的对象的属性或调用其方法时,这个错误会...

2020-03-20 21:36:11 4202 14

原创 一行代码测试jquery.easing插件中所有参数效果【不看后悔系列】

众所周知, easing是jquery的一个插件,该插件可以实现直线匀速运功、变加速运动、缓冲等丰富的动画效果。 但是要注意:因为easing是jQuery的插件,所以必须是在引入jquery之后再引入它。 先来看一波效果: 我能这样玩一天有没有~~~ 代码如下: <body>...

2020-03-20 19:52:01 4113 7

原创 原生JS实现轮播图的自动播放、点击切换等效果【小白都看得懂系列】

先来看一下效果: 注:展示所用图片来自 站酷,文末附所需引入的JS封装函数的链接。 CSS部分: <style> .box{width: 1000px;height: 300px;margin: 20px auto;position: relative;overflow: ...

2020-03-19 19:48:40 5182 8

原创 jQuery选择器及jQuery基本操作
原力计划

吐血整理,如有错误,欢迎指出,感激不尽~ 目录1. jq选择器2. 属性操作3. Class操作4. 样式操作5. 内容操作6. 尺寸操作 1. jq选择器 jq的选择器,就是在执行jq函数时传参 是用来获取DOM元素的方法,通过下标可以获取其中某一个DOM元素 $ 函数不管使用选择器选中了几个...

2020-03-18 20:23:31 3484 9

原创 浅谈JavaScript中ES6新增的Set和Map结构以及Array.from方法
原力计划

1、Set ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。 Set 本身是一个构造函数,用来生成 Set 数据结构。 只能接受数组,采用new的方式来实例化使用。 创建Set机构时,可以立即设置内容,但Set必须接受数组作为参数。 常用的属性和方法有: ...

2020-03-18 13:15:07 4222 25

原创 JS设计模式之单例模式、组合模式、观察者模式、策略模式
原力计划

关于JS中的设计模式与单例模式的介绍,在上一篇博客中做了介绍,详情见:JS设计模式及单例模式 好,下面我将结合一些实例,说一下我对组合模式以及观察者模式的了解: 1、组合模式: 组合模式在对象间形成树形结构; 组合模式中基本对象和组合对象被一致对待; 无须关心对象有多少层, 调用时只需在根部进...

2020-03-17 21:52:45 4519 6

原创 JS设计模式之单例模式

在了解单例模式之前,我们要先搞懂什么是设计模式: 比较官方的设计模式定义:就是在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。 当然说白了就是:设计模式对某个特定场景下对某种问题的解决方案。 所以,我们在合适的场景下可能会条件反射一样自然而然想到符合这种场景的设计模式。 所有的设计模...

2020-03-17 20:43:41 4287 7

原创 JS的原型介绍及原型的继承

1. __ proto __        众所周知,JS中万物皆对象,所以每一个数据都会有一个__ proto __ 属性,这个属性叫隐式原型。       &nb...

2020-03-16 18:22:35 5737 6

原创 JS的闭包

1. 什么是闭包        (1)在认识闭包之前,我们重新认识一下函数的执行空间: function fn(){ console.log("我是fn"); } fn(); 函数在执行的时候,会开辟...

2020-03-16 17:47:30 3686 13

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