- 博客(12)
- 收藏
- 关注
RSS订阅
原创 微信小程序自动化打包（taro+oss+ci+Jenkins+node+钉钉）
在日常的小程序开发中不使用自动化可能会出现的一些问题：分支切换，代码上传，预览码生成，操作无脑但耗时当生成码的要求同时来的时候，需要等待小程序单独的机制，导致无法像web端那样做整体流程管控非开发人员获取体验码的流程依赖开发人员自动化的流程构思通过钉钉的指令触发构建 （目前还未实现该步骤，后续补充）以node端为中介，完成流程化操作jenkins端进行打包上传预览等耗时操作回调node端，对原有的信息进行美化钉钉接收node端的信息，反馈用户实施流程：小程序自动化打包上传
2021-11-23 13:08:53
3536
3
原创 Zarm 选择器组件踩坑，h5移动端展示比例错误
在开发过程中遇到了需要用到picker的表单填报的功能块，弹出的选择框会出现比例错误的问题，项目主要用到的组件库是Zarm，配合postcss-px-to-viewport进行开发，对于出现这样的问题的解决方案参考如下：移动端布局之postcss-px-to-viewport（兼容vant）如果读取的是vant、zarm相关的文件，viewportWidth就设为375，如果是其他的文件，我们就按照我们UI的宽度来设置viewportWidth，即750。改写postcss.config.js文件配置
2021-09-29 14:22:02
353
原创 记录我用input组件遇到的坑，input组件在输入的时候会出现上移
今天在做需求将几个输入框并排摆放，后来发现输入汉字的时候当前输入框会出现错位，向上移动,为了展示明显，我加了一个边框，会很明显看到中间的输入框上移。感觉之前遇到过这个坑，很快的定位到问题原因，因为输入框的基线是以英文单词的baseline为基准，所以在输入英文的时候输入框不会上移，但是中文就会向上移动，所以只要给input增加一下样式就可以解决当前问题：vertical-align: middle;...
2021-09-29 14:21:33
942
1
原创 HTML知识点集合
1. HTML 元素语法HTML 元素以开始标签起始HTML 元素以结束标签终止元素的内容是开始标签与结束标签之间的内容某些 HTML 元素具有空内容（empty content）空元素在开始标签中进行关闭（以开始标签的结束而结束）大多数 HTML 元素可拥有属性2. HTML5 的改进新元素新属性完全支持 CSS3Video 和 Audio2D/3D 制图本地存储本地 SQL 数据Web 应用3. 新元素标签描述canvas标签定义图形，比
2021-09-29 14:20:30
115
原创 vue全家桶初级学习
vue.js全家桶学习目标掌握vue-route用法和技巧掌握vue-route实现原理掌握vuex理念和核心用法理解vuex实现原理知识要点路由配置、导航、传参、首位vuex核心用法、模块化混入mixinsvue插件渲染函数动态路由我们经常需要把某种模式匹配到的的所有路由，全部映射到一个组件中传递路由组件参数：{path:'/detail/:id',component:Detail,props:true}组件以属性的方式获取export default {pro
2020-08-19 10:13:49
311
原创 手写vue源码，入门级别
最近在跟着教学视频学习vue源码，做了一些总结，希望能对学习vue有所帮助知识要点vue工作机制vue响应式原理依赖收集与追踪编译compile通过实现的入门级源码一步一步实现vue的简单功能指令Vue响应式原理：defineProperty <div id="app"> <p>你好,<span id="name"></span></p> </div> <script> var o
2020-08-19 10:08:43
609
原创 React函数式编程Hook之useContext,useReducer
新特性学习之useContextcontext就是⽤来更⽅便的实现全局数据共享的，但是由于他并不是那么好⽤，所以我们⼀般会使⽤第三⽅状态管理器（redux，dva，mobx）来实现全局数据共享。useContext(context)针对context上下⽂提出的⼀个Hooks API，它接受React.createContext()的返回值作为参数，即context对象，并返回最近的cont...
2020-04-08 13:58:26
505
原创 React函数式编程Hook之useState，useEffect
Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性Hook为我们解决了哪些问题在以往的函数式编程中涉及到组件状态更改的我们都不能使用函数式组件。函数式组件一般只用于一些简单的交互，用作信息展示。如果需要交互，更改状态等复杂逻辑时就需要使用class组件了，hook的出现让我们更好的拥抱函数式编程，让函数式组...
2020-04-08 10:41:37
819
4
原创 react --- 组建通信context学习
组建通信在我的简单理解可以这么觉得：就是组件与组件之间的属性传递。像我们传统的父子组件的state和props的属性传递一样，但是在我们的代码量越来越多的情况下，组件之间的层层嵌套。如果单纯的还是使用state，props进行层层传递，那么很有可能就会遗失掉一些属性，更不利于我们后期的代码维护，所以react 官方就提供了这么一个context上下文方法。Context 通过组件树提供了一个传递...
2020-04-02 21:00:39
140
原创 React ---用dva实现简单计数器
写在前面最近这段时间在学习react，在掌握了一点点的基础知识之后，觉得dva真的很神奇，尤其是再经历redux-saga这么复杂的处理副作用后，所以我就开始琢磨dva，刚开始都是以最简单的计数器开始，我会大概的描述下我在做的过程中出现的问题。我只是个react初学者，希望各位大神能对我多多指教，勿喷~整体的话我是基于react脚手架，安装了dva的依赖包我的目录结构大致是这样子的最外...
2020-04-02 20:03:56
335
原创 react---HOC高阶组件初体验
HOC高阶组件初体验什么是高阶组件:简单的来说就是抽离具有相同逻辑或者相同展示的组件，用来提高组件复用率。从本质上来讲高阶组件就是一个函数。这个函数接收了一个组件，并返回一个新的组件，返回的这个新组件可以对属性进行包装，也可以重写部分生命周期简单案例这是利用react脚手架创建的简单案例入口文件index.jsimport ReactDOM from 'react-dom'impo...
2020-04-02 19:58:06
109
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人