2 huangfuyk

尚未进行身份认证

我要认证

❤️微信公众号:前端全家桶 ❤️座右铭:自己应为之事,勿求他人;今日应为之事,勿待明日。

等级
TA的排名 2k+

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

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

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

2020-06-22 11:07:09

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

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

2020-06-11 19:50:50

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

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

2020-05-13 10:59:01

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

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

2020-05-10 19:55:39

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

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

2020-03-04 12:27:46

浅谈:CSS3的渐变以及2D转换

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

2020-05-07 21:22:15

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

使用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

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

幸福摩天轮,够爱你就来

2020-04-27 21:46:06

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

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

2020-04-25 18:03:23

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

使用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

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

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

2020-04-19 21:04:24

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

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

2020-04-17 21:16:23

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

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

2020-04-15 21:37:49

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

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

2020-04-13 22:14:21

解决:无法加载文件 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

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

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

2020-04-09 20:55:44

不懂JS的实用工具库Lodash,怎么敢说自己会JS ?

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

2020-04-07 21:25:44

查看更多

勋章 我的勋章
  • 签到王者
    签到王者
    累计签到获取,不积跬步,无以至千里,继续坚持!
  • 新人勋章
    新人勋章
    用户发布第一条blink获赞超过3个即可获得
  • 阅读者勋章Lv3
    阅读者勋章Lv3
    授予在CSDN APP累计阅读博文达到30天的你,是你的坚持与努力,使你超越了昨天的自己。
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv4
    勤写标兵Lv4
    授予每个自然周发布9篇以上(包括9篇)原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。
  • 原力探索
    原力探索
    参与《原力计划【第二季】——打卡挑战》的文章入选【每日精选】的博主将会获得此勋章。
  • 学习力
    学习力
    《原力计划【第二季】》第一期主题勋章 ,第一期活动已经结束啦,小伙伴们可以去参加第二期打卡挑战活动获取更多勋章哦。
  • 原力新人
    原力新人
    在《原力计划【第二季】》打卡挑战活动中,成功参与本活动并发布一篇原创文章的博主,即可获得此勋章。
  • 1024达人勋章
    1024达人勋章
    10月24日粉丝/获赞/评论/收藏累计达到1024,即可获得“1024达人”勋章
  • 分享小兵
    分享小兵
    成功上传3个资源即可获取