至于未来会怎么样 反正路还长 天总会亮

Life is a journey, not a destination, care should be the scenery along the way and the mood to see the scenery.

个人博客
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    图片底部空白间隙解决办法
    在开发时我们会遇到如下情况 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/03/article_con_1596429632_x2tOF0fAxY.jpg) 可以看到图片底部有空白间隙 而我们的代码也很简单...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    CSS中的小三角实现
    在网页制作中我们如何实现小三角? 如下京东官网 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202008/03/article_con_1596429042_SWjbyIkCb4.jpg) 先来看如下代码 di...
  • ...
     前端 浏览(9)  tangzihan ++阅读原文
    外边距合并嵌套块元素塌陷问题
    如下案例 .f{ background-color: red; width:300px; height: 200px; } .s{ background-color: blue; width:150px; height: 100px; margin-top:30px; }...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    CSS权重计算
    在没有引入权重的概念时,我们对css的优先级认识是这样的 !important`>`行内样式`>`ID`>`类/伪类|属性`>`标签 排在最前面的优先级越高。 但css是有权重机制的,css的优先级都是根据权重推算出来 如下表格 用四位数字...
  • ...
     前端 浏览(2)  tangzihan ++阅读原文
    CSS继承特性之行高继承
    我们知道在CSS中子元素会继承父元素的一些样式,如颜色,字号等 如下示例 body{ font-size: 40px; color:skyblue } 我会继承父元素的样式 ![](http://)![](http://w...
  • ...
     前端 浏览(19)  tangzihan ++阅读原文
    uni-app修改vuex里面的数据,返回上一页面时数据不刷新的问题
    案例如下: A页面展示收货地址列表 ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202007/27/article_con_1595827659_CtcVWQYzxv.jpg) B页面用于修改收货地址 ![](http://)![](http://www.zih...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    组件通信解决办法之vuex
    vuex实现组件全局通信,不用像以前那样子组件要不断找父组件,找爷爷,找祖先..... 通过vuex可实现数据跨组件共享,防止数据意外修改,调试方便 摘自官方的图片 ![](http://)![](http://www.zihanzy.com/uploads/ima...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    vue-cli构建项目
    1.下载 npm i vue-cli -g 2.创建一个webpack项目 vue inti webpack pro ![](http://)![](http://www.zihanzy.com/uploads/images/article_con/202007/25/article_con_1595656148_8lv4H7568U.png) 3.安装...
  • ...
     前端 浏览(8)  tangzihan ++阅读原文
    Es6新特性之【变量-块级作用域-字符串模板-解构赋值】
    Es6相对于Es5做出了很多改变,如变量的声明,箭头函数,块级作用域,模板字符串等等 本文将一一介绍Es6的新特性 变量的声明 Es6中引入了`let`和`const`来声明变量解决`var`的一些问题 使用var声明变量的问题 -...
  • ...
     前端 浏览(12)  tangzihan ++阅读原文
    Gulp基本使用
    >[ Gulp.js](https://www.gulpjs.com.cn/) 是一个自动化构建工具,开发者可以使用它在项目开发过程中自动执行常见任务。 1.基本使用 npm i gulp-cli -g npm i gulp -D cnpm i gulp gulp-uglify gulp-concat 2....