qq_32614411的博客

不羁的人生

排序:
默认
按更新时间
按访问量

纯干货 —— 响应式图片解决方案

响应式图片不仅仅指图片的排版和布局,还包括根据设备大小加载不同的图片。在移动端设备上访问时,加载与用户设备相匹配的小图片,即快速,又不影响用户体验,也不会因为加载跟移动端不适配的高清大图导致用户流量出走。 有些在大屏里看着比较舒服的图片,在手机上看会觉得太小,里边的东西看不清;即使手机分辨率是1...

2018-08-30 16:34:50

阅读数:96

评论数:0

vue报错:Error: [vuex] Do not mutate vuex store state outside mutation handlers.

 报错原理解读  Error: [vuex] Do not mutate vuex store state outside mutation handlers. 该报错从文本意思理解还是很清晰的,不要在mutation函数外修改vuex中存储的值。 通常情况下,vuex挂载到vue上之后,...

2018-08-24 14:22:50

阅读数:445

评论数:0

Node.js简介——基于Node.js搭建自动化测试环境

有必要整理一下Node.js基础知识啦!                                                         Node.js是什么  Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行环境。  Node.js 使用...

2018-07-10 14:18:22

阅读数:30

评论数:0

所向披靡的响应式开发——如何一招制胜?前端工程师必会技能

之前也接触过响应式开发,大概就是下载一个响应式网站模板,然后替换图片,哈哈! 确实没有系统的学习和了解过响应式开发。最近工作还蛮清闲,找出压箱底很久的响应式开发教程,大概一月前看过一些,然后也忘得差不多la,从头开始学习呗! 这套课程还是很基础的,但越是基础的东西,越不愿意花心思静下心来学...

2018-07-05 14:13:18

阅读数:196

评论数:0

响应式开发——媒体查询断点设置实例

 关于媒体查询中断点的设置,有两个点需要格外注意! 如何选择断点 一般情况下,建议根据屏幕尺寸进行断点分割,不要针对特定设备分割。 根据设计稿选择合适的断点。 动态断点设置 在实际应用过程中,用户会根据需要改变浏览器默认文字大小 ,若让断点能够随着文字的变化而变化,用户体验更佳。 假...

2018-10-29 10:27:03

阅读数:41

评论数:0

CSS基础 —— 恶补zoom:1的原理和应用

zoom的作用是设置或检索对象的缩放比例。 设置body的zoom属性,可以实现网页缩小为原来的一半。 body { zoom: 0.5 } 设置zoom:1可以在低版本IE下触发IE浏览器的haslayout,用于清除浮动,解决margin导致的重叠等问题 通常,当浮动子元素导...

2018-10-09 11:38:43

阅读数:42

评论数:0

几个关于diaplay:table布局神器的绝妙应用场景

未完待续

2018-08-31 10:47:23

阅读数:43

评论数:0

深入理解CSS Media媒体查询

CSS3媒体属性简介 属性 描述 width 视口宽度 height 视口高度 device-width 渲染表面的宽度,即设备屏幕的宽度 device-height 渲染表面的高度,即设备屏幕的高度 orientation 检查设备处于横...

2018-08-30 16:32:14

阅读数:77

评论数:0

CSS基础 —— 浮动布局实例详解和清除浮动的方法

案例解析:  非浮动布局时,包裹元素高度自适应 。   若给p标签增加浮动属性: 包裹元素高度为0,出现高度塌陷问题。在实际应用中,这并不是我们想要的效果,这时就需要清除浮动,即闭合浮动元素    解决办法: 方法1:为包裹元素追加一个内容为空的元素,设置clear: both属性 ...

2018-08-30 16:29:10

阅读数:65

评论数:0

display:inline-block元素之间空隙的产生原因和解决办法

display:inline-block是一种布局方法,它相比于与浮动、定位最大的不同就是其没有父元素的匿名包裹特性,这使得display:inline-block属性的使用非常自由,可与文字,图片混排,可内嵌block属性元素,可以置身于inline水平的元素中。 在CSS布局中,如果我们想要...

2018-08-30 16:27:15

阅读数:180

评论数:0

前端开发人员应该知道的常用工具网站大全

https://caniuse.com/ 一款前端兼容性自查工具,前端开发的时候时常需要检查浏览器的兼容性,在这里推荐(Can I Use)这个是一个针对前端开发人员定制的查询CSS、JS在各个流行浏览器中特性和兼容性的网站,可以很好的保证网页的浏览器兼容性。有了这个工具可以快速的了解到代码在各...

2018-08-30 16:26:29

阅读数:65

评论数:0

Vue基础精讲 —— 深入理解v-model

未完待续 https://www.jianshu.com/p/4147d3ed2e60

2018-08-24 14:20:42

阅读数:65

评论数:0

前端模板引擎 —— 带你学习Jade / Pug 模板引擎

模板引擎是什么 模板引擎是将静态部分糅合的一种实现机制或者技术。 目前使用较广的模板引擎有以下几种:Jade / Pug、EJS、Handlebars。 本文详述Jade / Pug模板引擎在项目开发中的使用 注意: Jade现在已经重命名为Pug,建议大家切换到新的模板引擎Pug,虽然...

2018-08-21 13:48:13

阅读数:188

评论数:0

webstorm 2018 破激活解方法大全

网站 http://idea.lanyus.com/ 介绍了webstorm的破解方法,目前网络上的破解方法,基本都来自于该网站 方法一:License Server 授权服务器 在打开的License Activation窗口中选择“License server”,输入IntelliJ ...

2018-08-20 16:32:49

阅读数:633

评论数:0

Vue核心插件 —— Vue服务端渲染

从头搭建一个服务端渲染的应用真的是相当复杂,骨头虽硬,还是得啃呀。

2018-08-20 11:41:32

阅读数:87

评论数:0

Vue核心插件 —— Vue Router

Vue-router之集成 在项目目录新建config文件夹,新建router.js文件(Vue Router入口文件)和routes.js文件(路由配置文件),推荐项目结构 安装Vue Router插件 npm install vue-router -S 在 routes.js文件...

2018-08-20 09:13:22

阅读数:128

评论数:0

Vue核心插件 —— Vuex

 Vuex之集成 在项目目录新建store文件夹,推荐项目结构 安装vuex插件  npm i vuex -S 在store.js文件 中编写入口文件代码,推荐使用 export default () => {return new Vuex.Store({})}...

2018-08-20 09:13:11

阅读数:75

评论数:0

Vue基础精讲 —— render function创建Vue组件(实例)

Vue一共有三种方式定义组件 template、 render、 jsx  本节介绍用render function 来定义组件 import Vue from 'vue' const component = { props: ['props1'], name: 'comp', ...

2018-08-17 10:38:17

阅读数:61

评论数:0

Vue基础精讲 —— Vue的组件之组件的定义、继承、自定义双向绑定、高级属性

Vue组件基础定义 import Vue from 'vue' const compoent = { props: { active: { // type: Boolean, // required: true, validator (valu...

2018-08-16 17:40:21

阅读数:223

评论数:0

Vue基础精讲 —— Vue中computed和watch使用场景和方法

watch和computed都是以Vue的依赖追踪机制为基础,它们都试图处理这样一件事情:当某一个数据(称它为依赖数据)发生变化的时候,所有依赖这个数据的“相关”数据“自动”发生变化,也就是自动调用相关的函数去实现数据的变动。 methods用来定义函数,它需要手动调用才能执行,需要像”fuc(...

2018-08-16 17:38:27

阅读数:150

评论数:0

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