摘要: 最近经历了一波辞职,找工作,搬家这样一个过程,所以没有空写博客,现在稳定了下来,写一下过年时写过的一些东西; 这次要写的是一个颜色选择器,也许很多人都认为是不需要的,因为有h5的 api 提供类似的功能,但是作为一个探索者,怎么能不直接实现一个呢 1. 首先是样式的编写 关于样式方面我仿照的是 el 阅读全文
posted @ 2018-03-26 17:51 Grewer 阅读(825) 评论(0) 推荐(0) 编辑
摘要: 这里简单的说下 crossWalk 的配置; 我在学习 crosswalk 的时候,看到一篇博客,他所记录的已经是很完整的教程了: 点击查看 本文就根据该博客和官网说明,进行部分修改,补充; 首先 crosswalk 的 minsdk 是14,如果兼容需要14以下的,那么就没法了; 基础引入: 和普 阅读全文
posted @ 2018-02-23 15:44 Grewer 阅读(974) 评论(0) 推荐(0) 编辑
摘要: 1. js 数字操作: 1.1 取整: 取整有很多方法如: 前面2种是经常用到的,后面3种算是比较偏的,因为其有不足之处,比如将下面代码放到 console 里测试: 你会发现问题; 输出的是: 其原因就在于js数字存储的方式,js的数值存储可以说是32位~~64位是透明的~~的,他的前31位是用来 阅读全文
posted @ 2018-02-21 21:28 Grewer 阅读(409) 评论(0) 推荐(0) 编辑
摘要: 之前项目中用来判断是否登录我写了多种方案,但是最终只有一个方案是比较好的,这篇博客就是分享该方案; 先说基本要求: 项目中的登录状态是依据服务器里的状态来作为判断依据; 每一个需要登录后才能操作的接口,如果未登录都会返回未登录的错误; 项目中使用 vuex,axios,router; 判断登录方案需 阅读全文
posted @ 2018-02-11 10:55 Grewer 阅读(25175) 评论(0) 推荐(2) 编辑
摘要: 前言 Android webView 兼容体验真的差到了极点!! 前一阵子,老板要将 WebAPP 放到 Android 和 iOS 里面,而我因为以前做过安卓,所以这方面就由我来打包, 原理是很简单的,就是打开 APP 的时候用 webView 加载网站的网址,这样服务器一次更新,就能更新微信版, 阅读全文
posted @ 2018-02-04 22:23 Grewer 阅读(1369) 评论(0) 推荐(1) 编辑
摘要: 前言:之前在网上看到了这个效果,之后我在做项目的时候,正好将他放进了项目里面,这篇博客就介绍一下该效果的原理; 1.首先是基础的设置 canvas 的大小是占据整个屏幕; 2.绘出字 typescript const str: string = '404'; ctx.textBaseline = ' 阅读全文
posted @ 2018-01-30 21:17 Grewer 阅读(285) 评论(0) 推荐(0) 编辑
摘要: 前言:之前做过一个 snow 效果,但是是直接用 HTML 做的 点击此处查看 ,几个星期前,我用 typescript 和 canvas 重构了一下, snow效果是一个很简单的效果,但是用来练手还是不错的; 首先创建基本变量: 在获取 canvas 的 dom 时可能后报错,所以要用断言或者 这 阅读全文
posted @ 2018-01-14 16:39 Grewer 阅读(2053) 评论(0) 推荐(0) 编辑
摘要: 前言:大概一个月没有写博客了,这两天正好是周末,就写点东西来梳理下之前几个月的所写与所得; 两个月前,学习了一下 redux ,还是一点难度的,花了我一天的时间来搞明白他, 但是都没怎么记录,今天这篇博客就是用一个demo来介绍 redux , react redux , react thunk 的 阅读全文
posted @ 2018-01-13 22:47 Grewer 阅读(706) 评论(1) 推荐(0) 编辑
摘要: 以前就看到了这个东西,由于太忙了最近才有时间来实现这个; 该文章适合有一定 canvas 基础的人阅读; 首先说说他的原理: The construction of the Pythagoras tree begins with a square. Upon this square are cons 阅读全文
posted @ 2017-12-17 18:21 Grewer 阅读(4630) 评论(0) 推荐(0) 编辑
摘要: canvas 入门之作: 三步实现一个时钟: 直接上效果: step 1 : 背景制作首先制作从1-12的数字: var canvas = document.getElementById('canvas'); var ctx = canvas.getContext('2d'); canvas.wid 阅读全文
posted @ 2017-12-09 22:18 Grewer 阅读(423) 评论(0) 推荐(0) 编辑
摘要: 先上 demo: https://grewer.github.io/JsDemo/canvasLine/ 这两天我一直在研究这个动画,花了大量的时间来想是如何实现的, 一开始我是想在进入 canvas 时按时间来用 lineTo 绘出六边形,退出时反方向再绘出白色的一条线; 想这样: 进入canva 阅读全文
posted @ 2017-11-29 16:16 Grewer 阅读(1703) 评论(0) 推荐(1) 编辑
摘要: 最近 Vue 用的比较多,而且因为公司里有实习生,当几个人写一个项目的时候,会出现很多问题,最麻烦的就是规范不统一,之前我有一篇文章是说, vue 是比较有规范的一种框架了,但是也会出现很多问题,所以我今天写了一篇规范,也顺便拿出来分享一下 先说下我所使用的技术站: 一:关于 axios 1.axi 阅读全文
posted @ 2017-11-24 14:46 Grewer 阅读(3098) 评论(0) 推荐(1) 编辑
摘要: 最近想了想ajax加载时的进项,便着手写了这个,我想css3的支持度已经够了 阅读全文
posted @ 2017-11-17 23:18 Grewer 阅读(376) 评论(0) 推荐(0) 编辑
摘要: 用了 vue 大半年了,不过我在2016年暑假的时候就看到了 react 这个项目,学习了一番,不过之前学习的都是基础语法和一些基础用法吧,总的来说 mvvm 框架确实都很相似,会一个就可以了; 今天我的配置 react 的时候,搜索过后,发现很多都是一步一步来配置文件的,不过也有好处可以帮助我理解 阅读全文
posted @ 2017-11-12 22:57 Grewer 阅读(3308) 评论(0) 推荐(0) 编辑
摘要: 网上也有许多的 webapp 填坑记录了,这几个月,我在公司正好也做了2个,碰到了一些问题,所以我在这里记录一下我所碰到的问题: meta 头部声明在开发的时候,刚刚创建 HTML 文件,再使用浏览器的手机模式是没有手机上的效果的,所以要在头部添加: <meta charset="utf-8" na 阅读全文
posted @ 2017-11-11 19:28 Grewer 阅读(531) 评论(0) 推荐(0) 编辑