electron初学习

什么是electronElectron 可以让你使用纯 JavaScript 调用丰富的原生 APIs 来创造桌面应用。Electron 集合了 nodejs + Chromium 浏览器浏览器;这意味着前端开发者可以通过web的方式构建视图,通过nodejs去进行io操作,甚至可以在html文档中直接调用nodejs功能;这可以使前端开发者以一种非常熟悉的方式去开发一款桌面应用。 当electron启动一个应用的时候,最创建一个主进程(就是启动的入口文件)。这个主进程负责与你系统的GUI交互,并为你的应用创建GUI(就是新建窗口);借用Get社区的一个图片进行流程展示,一定要看哦;继续向下看:     阅读全文
carvenzhang's avatar
carvenzhang 7月 21, 2016

前端小积累

一周周实习,很少时间写博客了,但本周的实习中,遇到了一些问题,可以说是争长了阅历,所以一定要好好记下来。遇到的问题主要是关于跨域和css3的; 下面我们探讨一下跨域问题,还是css3下的translate会导致显示模糊的问题。     阅读全文
carvenzhang's avatar
carvenzhang 7月 17, 2016

react-native使用cookie

前言不久前,因为课程需要,我使用react native搭建了人生第一个完整的app--一个广外的教务查询系统。祥见我的第一个react native项目总体上,那个项目可以分成三个部分 1、手机端app,负责展示数据2、爬虫服务器,负责爬取教务系统的信息,返回给手机端app3、广外的教务系统,显示学生信息在这一个系统中,爬虫服务器担当大任。当客户端传输登录的帐号密码的时候,爬虫服务器进行模拟登录,并保存cookie在缓存中,生成一个token返回给app;app此后凭借token向爬虫服务器请求信息,爬虫服务器根据token选取cookie,向教务系统爬取信息,处理后返回给客户端。毫无疑问,这是可行的,我也做成功了,凭借app获得了不错的分数。但是,后来想一想,这并不是最好的解决方案。我依赖于以前写的爬虫程序,运行在服务器上,做成了这一个系统。但是,手机客户端本来就是一个具有很强处理能力的终端,为什么要把这个工作屈身在一个服务器上呢。应该让每一个客户端做处理,拜托爬虫服务器才对啊     阅读全文
carvenzhang's avatar
carvenzhang 7月 03, 2016

我的第一个react native项目

前言当实习生还是很忙的,而且还要准备期末考试,很久没有记下自己的博客。前阵子因为大作业需要,用到了react native,现在才想起来一定要记下来给自己。 学习react nativereact因为日常开发有用到,所以也算是比较熟悉了,但是一直没有正式开始接触react native。所以这里不讲react了,单单是说在了解了react之后如何学习react native开发。寒假还没学习react,找实习的时候,一家公司一直跟我说,用了react就可以写多端应用。所以我脑子里一直有react write one, use anywhere的概念,知道真正学习了react,并且接触了react native之后,才会了解到react官网所说的learn one, write anywhere,react在不同端实现东西,仅仅是语法相同,要用到的组件之类的基本是完全不同的,所以写一套代码想在多端运行,基本是不可能的。 环境搭建就不说了。。自行谷歌。我学习react native的时候,所写的程序是一个电影列表,react native 中文网有相应的教程。通过这个教程,就可以大致了解到react-native所用到的各种基础组件(View, Text之类的),对flex布局有大致了解。同时,极客学院也有关于实现这个代码的教程     阅读全文
carvenzhang's avatar
carvenzhang 6月 15, 2016

使用yeoman快速搭建前端项目结构

接触yeoman最近在慕课网上观看@Materliu老师的课程React实战–打造画廊应用,接触到了新的东西–yeoman。前端工程师可以通过yeoman快速的搭建好一个项目结构。 安装当然,现在前端大部分工具都在node下运行,yeoman也一样,现在还没有搭建nodejs环境的前端工程师已经out啦。所以:前提条件,已经安装了node,没有安装的,直接google安装就好。下面是正式的搭建     阅读全文
carvenzhang's avatar
carvenzhang 5月 30, 2016

js原生函数之call和apply,bind

call 和 applycall 和 apply 和 bind 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。 js原生函数中的call和apply都不陌生,这两个方法的作用相似,接受两类参数。 第一类是context(上下文),传入的参数作为执行函数的上下文,也是要传入的第一个参数。第二类的argument(参数),传入的参数作为函数执行的参数,call是逐个参数传入,apply是将参数以数组方式传入。 应用如下 var callObj = {c:1}; var applyObj = {c:2}; function fun(a,b){ return a+b+this.c; } fun(2,3);//NaN fun.call(callObj,2,3);//6; fun.apply(applyObj,[2,3]);//7     阅读全文
carvenzhang's avatar
carvenzhang 5月 16, 2016

利用canvas实现毛笔字帖(三)

上接javascript上接 利用canvas实现毛笔字帖(二)     阅读全文
carvenzhang's avatar
carvenzhang 4月 24, 2016

利用canvas实现毛笔字帖(二)

上接javascript上接 利用canvas实现毛笔字帖(一) 二、 根据功能需要完善代码2. 第2部分write.js第二部分决定先介绍write部分,因为controller部分必须要结合write部分才能看到效果。针对write.js部分,前面有介绍,是用来实现通过鼠标(手指)写字的核心部分。分析一下要做的事情。 当鼠标按下(mousedown)时,我们认为是毛笔落在纸上了。 当鼠标移动(mousemove)时,我们认为是毛笔在移动。 当鼠标放开(mouseup)时,我们认为是毛笔收起了。 当鼠标移出canvas范围时,我们认为毛笔移出字帖的范围了,也认为是收笔了。     阅读全文
carvenzhang's avatar
carvenzhang 4月 23, 2016

利用canvas实现毛笔字帖(一)

最近在慕课网上找到了很好的canvas教程,来自 @liuyubobobo 的 学写一个字 canvas绘图教程在 @liuyubobobo 老师的系列canvas教程中,我学到不少知识。今天,运用在视频中的所学,结合自己的代码风格,我自己尝试也写一个字帖出来,在这里分享一下思路和过程具体代码其实已经push在github上,感兴趣的可以clone下来参考一下。代码/canvas-demo/write这里还有在线的效果演示在线演示 想法如图:在canvas在实现这样一个效果,有一个米字格,可以用鼠标(pc)甚至手指(手机)在上面写字,字要有点像毛笔字。下面有控制部件,可以控制笔的颜色,还是可以清空米字格的墨迹。 下面就开始着手去写了。     阅读全文
carvenzhang's avatar
carvenzhang 4月 23, 2016

浅谈js的date对象对时间字符串的解析

遇见问题最近的时间都在开发社团内部的应用–隧道口,虽然只有简单的几个页面,但是依然是遇到了不少坑。其中 date 的时间处理就是一个。 简单说一下需求。。现在在做一个活动列表,后台传一个json,里面包含活动的列表数组。我遍历数组并创建对应的视图显示,并且以月份作为分类标准。展示一下后台拿来的数据     阅读全文
carvenzhang's avatar
carvenzhang 4月 15, 2016