Fei Blog

整理一波CSS的笔记。 N变形过渡动画实现，clip-path本篇是随机生成2000个点，clip-path连接这些点，进行随机变换。代码如下123456789101112131415161718192021222324252627282930313233343536373839<div></div><style lang='scss'>div { width: 300px; height: 300px; position: absolute; top: 50%; left: 50%; ...

经常会用到ES6的Map排序,总结一下ES6 Map functions Map.has(KEY): 判断是否含有KEY Map.get(KEY): 获取指定KEY的VALUE值 Map.keys(): 返回一个新的 Iterator对象 Map.values(): 返回一个新的 Iterator对象 Map.set(KEY, VALUE): 设置KEY和VALUE Map.entries(): 返回一个新的 Iterator 对象，它按插入顺序包含了Map对象中每个元素的 [key, value] 数组。 Map.clear(): 移除Map对象的所有键/值对 。 Map.delete...

在上篇博客提到，在H5开发的app中，希望调用手机自带浏览器显示附件,在实际开发过程中，经常会用到原生app和H5互相调用的问题，之前没有具体了解调用的机制，包括Native和H5如何互相通讯的实现机制。近期参考了一些资料，整理成这篇博客。方便之后继续完善。 原生和前端的交互有两种方式：url scheme以及JavaScriptCore（在Android中是addJavascriptInterface） url scheme交互url scheme适用于所有的系统设备（低版本Android和低版本iOS都适用）但是url scheme是通过url拦截实现的，在大量数据传输，以及效率上都...

在使用vue.js进行app开发的时候，需要实现附件点击，可以查看和下载的功能。原始的实现方案代码如下12345onClick: function() { var a = document.createElement('a') a.href = url a.click()} 这个方案在安卓下是自动跳转到默认浏览器打开，可以自行选择查看还是下载，但是在iOS下，会在app内部打开，由于iOS没有返回按钮，只能杀掉app,重新进入，不符合要求。查阅资料发现，可以采用cordova-plugin-inappbrowser实现在app内部...

延续之前的移动端项目开发，需求要求把从后台获取到的一段html显示在界面上。 v-html解析html文本在Vue.js上有个指令是v-html。具体语法是：1<div v-html="html"></div> 其中html部分替换成要绑定的html就可以了，v-html可以解析html代码段并显示出来。还有一个相似的指令v-text可以将以文字部分显示出来。以上就完成了将html插入页面的操作。但是存在着问题，插入的html是web页面格式的，显示在移动端的时候会出现横向滚动条，不符合我们项目的要求。因此，如何才能适配呢？ meta标签的vi...

之前在CSDN上写博客，今天心血来潮，决定自己搭个博客。采用github pages 和 hexo,现在把搭建过程和遇到的问题整理一下～ 新建git仓库这个过程很简单，在github上新建名字为 用户名.github.io 的仓库 安装hexo1npm install -g hexo-cli 采用npm进行安装,安装过程报错，Permission denied加了sudo1sudo npm install -g hexo-cli 报错，cannot create highlight_alias.json: Permission denied运行命令1npm config set unsa...

Welcome to Hexo! This is your very first post. Check documentation for more info. If you get any problems when using Hexo, you can find the answer in troubleshooting or you can ask me on GitHub. Quick StartCreate a new post1$ hexo new "My New Post" More info: Writing Run server1$ hexo server More...