自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(112)
  • 资源 (4)
  • 收藏
  • 关注

原创 CSS3的动画及3D转换(animation、transform、rotate3d 、perspective等)【总结】

目录1. 动画① 创建② 属性③ 关键帧2. 3D① transform转换② rotate3d③ translate3d④ perspective⑤ transform-style1. 动画① 创建 @keyframes // 创建动画语法:@keyframes animationname {keyframes-selector {css-styles;}}keyframes-selector // 动画持续时间的百分比例:@keyframes myMove{ 0% {to

2020-07-01 20:26:20 1882 4

原创 一张脑图带你领略React的独特魅力

因为这张脑图,我成了别人眼中的巨佬!

2020-06-22 11:07:09 670 2

原创 移动端布局之—媒体查询及先响应式网站设计(总结)

媒体查询概念:可以让我们根据设备显示器的特性(如视口宽度、屏幕比例、设备方向:横向或纵向)为其设定CSS样式;使用媒体查询,可以在不改变页面内容的情况下,为特定的一些输出设备定制显示效果;媒体查询由媒体类型和一个或多个检测媒体特性的条件表达式组成;媒体查询中可用于检测的媒体特性有 width 、 height 和 color (等)。媒体查询写在CSS样式代码的最后,CSS是层叠样式表,在同一特殊性下,靠后的的样式会重叠前面的样式例:@media 设备类型 and (设备特征){ d

2020-06-11 19:50:50 2583 11

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

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

2020-05-13 10:59:01 13180 33

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

今天女朋友突发奇想,让我帮她做一个可以对所在城市进行自动定位的一个小功能。我二话没说,打开电脑就是一顿操作,操作记录如下(贼拉拉详细,无论小白还是大白,都可看得懂):使用Vue-CLI构建一个Vue项目。在src目录下的views目录里创建一个City.vue(名字自取)在src目录下的router目录下的index.js文件中增加如图所示内容(path值可自取,component值则要对应第2步创建的文件夹名)如下图:打开浏览器,搜索“高德api”,点击进入如未注册,点击右上

2020-05-10 19:55:39 7223 42

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

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

2020-05-10 10:09:00 14388 27

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

目录CSS3渐变线性渐变径向渐变重复线性渐变重复径向渐变CSS3的2D转换transformrotate() 方法skew() 方法scale() 方法translate() 方法CSS3过渡transitionpointer-eventsbackface-visibilityCSS3渐变CSS3 Gradient 分为线性渐变(linear)和径向渐变(radial)。由于不同的渲染引擎实现...

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

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

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

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

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

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

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

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

幸福摩天轮,够爱你就来

2020-04-27 21:46:06 12278 80

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

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

2020-04-25 18:03:23 8456 88

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

本文主要讲解ES6数组方法find()与findIndex(),关于JS的更多数组方法,可参考以下:①JavaScript 内置对象之-Array②ES5新增数组方法(例:map()、indexOf()、filter()等)③ES6新增字符串扩张方法includes()、startsWith()、endsWith()1. find()该方法主要应用于查找第一个符合条件的数组元素,即...

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

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

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

2020-04-21 21:45:33 5609 28

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

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

2020-04-19 21:04:24 14081 69

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

在进行正文之前,首先提供Yarn的三大网址,祝你练成Yarn功大法:Yarn官网、中文官网、Yarn Github地址在安装Yarn之前,我们要确保已经成功安装了Node.js,关于Node.js的安装,可参考:Node.js的安装Yarn的特点Yarn的中文官网是这样介绍的:速度超快:Yarn 缓存了每个下载过的包,所以再次使用时无需重复下载。 同时利用并行下载以最大化资源利用...

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

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

前言:       在前些日子,也就是今年的 2 月至 4 月,一个由 ECMA 成员名义发起,阿里巴巴、腾讯等公司领衔的Node.js 开发者 2020 年度报告结果出炉。       调查结果显示越年轻的使用者越愿意在 SSR 场景中使用 Node....

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

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

前言:        温馨提示:该“前言”部分单身男性慎看,如有女朋友,则可忽略此温馨提示。不过话又说回来,对于我们这行来说,找个女朋友,应该不是问题!        众所周知,昨天周日,忙了一周了也该出去放松一下了,约上另一半压个马...

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

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

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

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

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

EJS是一套既简单又高效的嵌入式 JS模板语言,可以帮我们利用普通的 JS 代码生成 HTML 页面。其历史悠久,曾一度得到些许大佬的青睐,现在虽然没有vue、react这些项目流行,但其还是有一定的使用场合和学习价值的。EJS后缀名为"ejs"EJS 支持我们把JS代码直接写在标签内EJS 能够缓存 JS函数的中间代码,使执行速度得到极大的提升EJS 调错极其简单:因为它所有错误都是...

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

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

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

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

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

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

2020-04-05 13:47:28 13771 87

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

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

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

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

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

2020-04-02 11:34:09 6227 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 all processesare terminated then try again. If it still fai...

2020-03-27 18:24:00 5152 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开发网页样式,但是没法用它编程。所以,在程序员眼里,写CSS显得很麻烦。因为它没有变量,也没有条件语句,只是一行行单纯的描述,写起...

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

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

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

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

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

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

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

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

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

2020-03-23 14:01:45 4929 17

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

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

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

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

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

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

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

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

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

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

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

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

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

Step1:去官网下载安装包下载方式1:官网下载根据自己电脑系统及位数选择。注意:图中 .msi和.zip格式区别:1、.msi是Windows installer的数据包,实际上是一个数据库,提供安装,修改,卸载你所安装的程序。此外:它还包含有关安装过程本身的信息。例如:安装序列、目标文件夹路径、安装选项和控制安装过程的属性。2、.zip是一个压缩包,解压之后即可,不需要安装。...

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

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

Gulp与webpack有区别吗?如果有,有什么区别?可以这么说,它们既有区别,也有相似…先来具体看一下它们不同的概念:(1)Gulp:       Gulp是一个自动化构建工具,强调的是前端开发的流程,通过配置一系列的task,定义task处理的事物,然后定义执行顺序,来让Gulp执行task,从而构建前端项目的流程,...

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

关于JS中的设计模式与单例模式的介绍,在上一篇博客中做了介绍,详情见:JS设计模式及单例模式好,下面我将结合一些实例,说一下我对组合模式以及观察者模式的了解:1、组合模式:组合模式在对象间形成树形结构;组合模式中基本对象和组合对象被一致对待;无须关心对象有多少层, 调用时只需在根部进行调用;将多个对象的功能,组装起来,实现批量执行;想象我们现在手上有个万能遥控器, 当我们回家,...

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

jquery文档.zip

jQuery是一个快速、简洁的JavaScript框架,jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。

2020-04-19

tomcat8.5.zip

Tomcat 服务器是一个免费的开放源代码的Web 应用服务器,属于轻量级应用服务器,在中小型系统和并发访问用户不是很多的场合下被普遍使用,是开发和调试JSP 程序的首选。

2020-04-19

TeamViewer.zip

TeamViewer是一款极其好用的远程控屏软件。操作简单,使用免费,安装即可使用,只需要给对方提供用户名和随机生成的密码即可连接。

2020-04-19

Navicat8_For_MySql的一些用法汇总.docx

Navicat8_For_MySql的一些用法汇总,使用简单,方便操作。主要包含使用navicat8实现创建数据库和导入数据,以及使用 Navicat 8 给 MySQL 写存储过程的几点注意。

2020-04-19

空空如也

空空如也

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

TA关注的人 TA的粉丝

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