vue 的组件在vue框架中是特别重要的一个环节，在大型的项目中，组件显的相当的重要，这样在后期特别好维护，一块内容就是一个组件，随时随地的删除和修改不同的组件，接下来我想写一篇vuex 集中管理状态，所以在之前先简单的介绍一下vue组件之间的相互传参方式。

1
2
3
4
5

父传子：Props
子传父：子：$emit(eventName)  父$on(eventName)
父访问子：ref
非父子组件通信:https://vuefe.cn/guide/components.html#非父子组件通信
vue2.0 移除：1.$dispatch() 2.$broadcast() 3.events

阅读更多

前言

小程序实现签名并保存图片，主要的通过canvas来实现

1
2
3
4
5
6
7
8
9
10

<!--pages/sign/sign.wxml-->
<view class='container'>
<!-- 签名画布 -->
<canvas class="canvas" id="canvas" canvas-id="canvas" disable-scroll="true" bindtouchstart="canvasStart" bindtouchmove="canvasMove" bindtouchend="canvasEnd" touchcancel="canvasEnd" binderror="canvasIdErrorCallback">
</canvas>
<view class='buttonBox'>
<button bindtap='clickMe' class='addbutton' open-type="getuserinfo">点击我生成图片保存相册</button>
<button type="default" class='delbutton' bindtap="cleardraw">清除</button>
</view>
</view>

阅读更多

开发风风火火，功能开发完了，git branch一看，靠，在线上分支开发的，顿时瘫坐在椅子上，还得复制代码？不用，几步搞定，顿时觉得git是天下最伟大的发明。

第一种场景

你开发的功能还没有提交代码，像我这种喜欢开发完一次性提交的人会经常用到，这种习惯其实是不好的。

1
2
3
4

git add .  // 把所有改动放到暂存
git stash  // 把暂存的文件提交到git的暂存栈
git checkout 本该提交代码的分支  // 切换到正确的分支
git stash pop  // 将暂存栈中的代码放出来

阅读更多

rem适配原理

• 将设备分成 n 等分，n 可以是任意正确的值（比如 flexible.js 中的 n = 10 ）。
• • 设置 html 元素的 font-size 为 设备宽度 / 10，即得到 设备视口 1 rem 到底表示 多少设备视口 px。
• 将设计稿也分成 n 等分，此时设计稿中的某个元素a 的 px 对应 设备中这个元素的 rem 的计算方式为
• • ?rem = 设计稿 a px / (设计稿的宽度 / n(表示1rem为多少px像素))

阅读更多

现在前端开发框架特别流行，vue,react,angular，在开发中，npm 包是必不可少的，这就是相当于传统开发中的插件，那么如何发布自己的包？

npm i 包名称 ，就能下载一个包插件，那发布的流程是什么呢？

阅读更多

replace 替换变量文本，改如何处理？

js 替换字符窜，一般情况下是

1
2

let string = "aaabbbsssf";
let a = string.replace("a","我");

阅读更多

文本的显示在前端算是比较X疼的一件事，如何处理断行和在手机端的显示内容呢？

文本换行 断点

1
2
3
4
5
6
7
8
9

word-break:  属性规定自动换行的处理方法
         normal     使用浏览器的默认换行方式
         break-all  允许在单词内断行
                    在使用英文多的时候能够整齐换行
         keep-all   只能在半角空格或连字符处换行

word-wrap：  允许长单词或 URL 地址换行到下一行
         normal      只在允许的断点处处理（按浏览器默认的处理方式）
         break-word  在长单词或者url内部进行换行

阅读更多