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

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

个人博客
  • ...
     前端 浏览(7)  tangzihan ++阅读原文
    组件通信解决办法之vuex
    vuex实现组件全局通信,不用像以前那样子组件要不断找父组件,找爷爷,找祖先..... 通过vuex可实现数据跨组件共享,防止数据意外修改,调试方便 摘自官方的图片 ![](http://)![](http://www.zihanzy.com/uploads/ima...
  • ...
     前端 浏览(6)  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.安装...
  • ...
     前端 浏览(4)  tangzihan ++阅读原文
    Es6新特性之【变量-块级作用域-字符串模板-解构赋值】
    Es6相对于Es5做出了很多改变,如变量的声明,箭头函数,块级作用域,模板字符串等等 本文将一一介绍Es6的新特性 变量的声明 Es6中引入了`let`和`const`来声明变量解决`var`的一些问题 使用var声明变量的问题 -...
  • ...
     前端 浏览(7)  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....
  • ...
     前端 浏览(11)  tangzihan ++阅读原文
    uni-app实现搜索跳转功能
    功能描述:点击导航栏跳转到搜索页,并在搜索页完成数据检索,数据渲染 1.监听index.vue的搜索框 //监听点击导航栏搜索框 onNavigationBarSearchInputClicked(){ //跳转搜索页面 uni.navigateTo({ url:'../sea...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    uni-app实现上拉加载功能
    1.首先将上拉加载封装成组件 {{loadmore}} export default{ props:{ loadmore:String } } 我们配置`props`接受加载提升文字 在index.vue导入上拉加载组件 //结构...
  • ...
     前端 浏览(5)  tangzihan ++阅读原文
    flex布局技巧
    1.多个元素并列使最后一个元素永远靠右 设置该元素`margin-left:auto`即可 发送//右浮动
  • ...
     前端 浏览(3)  tangzihan ++阅读原文
    uni-app实现tabbar选项卡切换
    1.页面结构 {{item.name}} {{item.name}} 首先我们使用` `定义了一个可滚动视图区域。用于区域滚动,并添加了一下属性 `scroll-x`:设置横向...
  • ...
     前端 浏览(25)  tangzihan ++阅读原文
    uni-app实战---社区交友APP(环境搭建)
    一句话 > > uni-app 是一个使用 Vue.js 开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉/淘宝)、快应用等多个平台。 编辑器 [https:...
  • ...
     前端 浏览(15)  tangzihan ++阅读原文
    webpack系列---babel的配置
    webpack中只能处理部分es6语法,一些高级语法或者es7语法webpack是不能正常编译的,如下 //测试es6 class Person{ static info = {name:"test"} } 编译报错 ![](http://www.zihanzy.com/uploads/images/art...