让世界更美好!

猝然临之而不惊,无故加之而不怒

css实现菜单按钮的“四个横”

如图: 实现四个横只需利用border特性的double值即可。 <div class="container"> <div class="box"&...

2018-10-21 17:06:21

阅读数 218

评论数 0

css实现“加号”效果

实现下图的加号效果: 若想实现这个效果, 只需一个div元素即可搞定。 需要用到css的为了before和after, 以及border特性。 先设置一个div便签 <div class="add"&a...

2018-10-21 16:53:11

阅读数 2977

评论数 3

开始学习React—概述与演练(好文翻译)

这篇文章来自于Getting started with React React基本概念的概览与演示, 如components, state和props, 以及提交表单, 从API获取数据或者部署React 应用到生产环境. 自动我第一次学习JavaScript时就已经听说了React, 但是我...

2018-10-11 23:09:59

阅读数 133

评论数 0

redux的数据流

redux是数据

2018-10-05 21:21:26

阅读数 461

评论数 0

script中的defer和async

script的使用方式 在html页面中使用JavaScript的主要方法便是使用script标签. 它有两种使用方式. 第一种便是用src属性引用外部文件. 第二种是将JavaScript代码嵌套在script标签中. 如: <!-- 第一种--...

2018-09-18 14:03:06

阅读数 107

评论数 0

css清除浮动

清除浮动 清除浮动的方法在网络上有许多文章总结了. 我为了加深记忆, 就写一篇吧. 我最喜欢的清除浮动方法是, 使用.clearfix <div class="father clearfix"> &a...

2018-09-10 21:27:39

阅读数 116

评论数 0

css选择器的优先级

四个等级 css选择器的优先级规定了文档采用哪一种样式. 选择器的等级主要有以下四个等级(依次递减) 行内样式(style声明) id选择器 类, 伪类, 属性选择器 元素选择器, 伪元素选择器 当同一个元素有多个css规则时, 对照着上面的四个等级, 对每一个规则确定每个等级有几个...

2018-09-10 11:50:51

阅读数 112

评论数 0

CSS居中全攻略

水平居中 内联元素 css的水平居中相对于垂直居中比较好些. 当要居中的元素是一个内联元素时, 只需要在其父元素上加上下面的一条css规则即可: text-align: center; 块级元素 要居中的是一个块级元素, 那么设置元素的左右外边距为zuto即可. 即下面的规则: ...

2018-09-10 10:59:22

阅读数 142

评论数 0

meta viewport是干啥用的

meta初探 在每个html页面的header部分常常会看见一个meta标签. 这个标签中最常写的就是下面的内容: <meta name="viewport" content="wid...

2018-09-10 10:09:19

阅读数 699

评论数 0

HTML语义化

什么事HTML语义化 html语义化就是根据标签, 我就知道标签内的是啥内容. 比如: aside标签表示一个侧边栏, header标签表示头部, 而footer标签表示尾部. 这就是html语义化. 语义话可以更好的让我们理解文档内容. 一篇文档会根据内容区分结构, 这些结构我们就可以了赋...

2018-09-10 09:27:51

阅读数 119

评论数 0

vue中组件通信(父子组件, 爷孙组件, 兄弟组件)

vue中我们常常用到组件. 那么组件总体可以分为如下的几种关系. 父子组件, 爷孙组件, 兄弟组件. 这几种组件之间是如何通信的呢? 父子组件通信 根据vue中的文档可知, 组件的props属性用于接收父组件传递的信息. 而子组件想要向父组件传递信息, 可以使用$emit事件. 我们...

2018-09-04 16:38:06

阅读数 2656

评论数 1

如何写js中的继承

原型继承 js中有原型的概念, 通过原型我们可以实现继承. 定义一个函数为animal, 在其原型上定义一个sayHello函数. 并生成一个新对象dog. function Animal(name){ this.name = name } Animal.prototype.sayH...

2018-08-31 07:57:01

阅读数 166

评论数 0

Linux中文件和目录的权限(r, w, x)

在linux中我们都知道文件和目录的本质都是文件, 但是在我们通常的口语化中常常将它们区分. 而且在linux, 文件和目录也是有区别的. linux中的基本权限是: r, w, x 这三个基本权限对应于文件和目录有着不同的含义. 经验老道的程序员也常常犯错搞不清楚. 文件...

2018-08-29 22:18:22

阅读数 464

评论数 0

打印和换肤(vue简历编辑器)

打印 当我们点击打印的时候可以调用window对象的print()方法. <button class="button" @click="print">打印&lt...

2018-08-29 12:25:36

阅读数 195

评论数 0

typeof 和 instanceof

我们在检测数据类型的时候常用两种方法. 分别是typeof和instanceof. 但是这两种方法各有不同. typeof typeof 是我们开始学JavaScript是就会学习的方法. 这个方法作用于不同的数据类型返回不同的值. 如下图所示: 从图中有几处需要我们注意的地方, ...

2018-08-29 09:21:52

阅读数 150

评论数 0

完善登录逻辑, 完善项目/技能编辑以及分享功能(vue简历编辑器)

登录逻辑 当我们登录的时候, 才会有登出. 那么我们只有在用户登录的情况下才显示登出按钮. 检测状态用hasLogin()来确定, 当检测到用户id时标明用户登录, 没有检测到时表明没有用户登录: <button class="button&q...

2018-08-28 17:58:19

阅读数 304

评论数 0

添加登陆注册功能(vue简历编辑器)

着重记录下思路以及关键代码. 完整代码请点击这里 触发登录/注册机制 当我们点击保存的时候, 检测是否有用户登录, 若没有用户登录, 则弹出登录框. 按情况让用户选择登录或者注册功能. <button class="button&quo...

2018-08-27 22:20:20

阅读数 264

评论数 0

项目初始化(vue简历编辑器)

项目的全部代码在这里, 这篇文章只会将主要的思路. 代码会不完整. 初始化 这个编辑器如下图所示: 基本结构为: index.html <div class="page" ...

2018-08-27 21:46:33

阅读数 248

评论数 0

用vue做一个简单的button

项目准备 安装parcel npm i -D parcel-bundler -D的意思是给开发人员用的. 基本结构 index.html src button.vue app.js 在index.html中引入src/app.js, 而app.js中引入了...

2018-08-19 10:36:28

阅读数 1640

评论数 0

模仿网易云音乐

这是饥人谷系统版的毕设。 每节课写完代码后我稍微回忆下思路。日后也好照葫芦画瓢。 下面几篇文章,我只着重记录思路, 代码只贴关键代码。 稍微完整的代码请点击这里 leanCloud环境搭建 七牛环境搭建 对项目进行css布局 在项目中使用发布订阅模式 获取歌曲 修改歌曲 上传加载...

2018-08-16 16:22:15

阅读数 641

评论数 0

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