- 博客(45)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 公告:本站不再更新、后续的更新都放在个人站点 zq-jhon.github.io
#公告:本站不再更新、后续的更新都放在个人站点zq-jhon.github.io
2020-04-09 13:00:49
309
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 IONIC3 打包安卓apk详细过程(大量图文)
本文写于2018年2月12日 22:25:59。如果2018年的新春之际,你遇到IONIC的开发问题,这将是一篇最为详尽的打包方案。经历三天的踩坑,跳坑,相信绝大多数的问题都已经覆盖到了,请仔细按照流程来对照操作及检查。1.基本依赖环境nodejs环境 (作为一个前端相信你已经有了) 最好提前配置好node的环境变量,便于全局访问。jdk(下面细说) SDK(下面...
2018-02-12 23:44:03
56883
33
原创 Base64 encode decode image
前言最近在修福报,深深觉得,一个程序员或者成年人,最大的敌人就是时间,没有时间,就会陷入焦虑的怪圈,一直出不来。What is Base64Base64 是一组相似的二进制到文本(binary-to-text)的编码规则,使得二进制数据在解释成 radix-64 的表现形式后能够用 ASCII 字符串的格式表示出来。Base64 这个词出自一种 MIME 数据传输编码。 ----- from...
2019-09-06 17:30:51
818
原创 正则复习
前言一直发现我是个野路子,在学完 TS 和 Express 后,才回过头来想巩固一下 正则 的知识,不过话说回来,有了 TS 一些可选参数,以及 后端框架的路由匹配机制后,其实对于正则的理解是有一定作用的。类比这些概念时,发现有太多太多的相似之处,下面将会例举。所以说,贴近标准,跟随标准(世界大厂)是最最最重要的,像小程序这样反 URL 透明可见的精神的产物,站在非商业的角度来看,确实没有任何...
2019-06-17 23:06:31
317
原创 hello sql
前置条件廖雪峰 sql 教程alasql github新建一个项目 $ npm i alasql一、基本语法根据示例 https://github.com/agershun/alasql 学习基本语法1.建表( CREATE TABLE)alasql(`CREATE TABLE users (age number, name string, money number);`);...
2019-06-11 14:58:10
433
原创 ES7 decorator 深入探析
起因一直享受着 Anuglar 和 Nest 的红利,上来就是 @Component(...) 或者 @Controller(...),自己却没有实际的探究过背后的原理。于是今天想好好总结一下,沉淀沉淀。前置条件(es5 原理)之前看过红宝书,第六章提到过,js 对象的属性有几个特性:[[configurable]] 是否可配置[[enumerable]] 是否可枚举[[write...
2019-06-09 21:54:39
338
原创 http 发展进程 与 编码方式的发展 进程
广义上我们口中的 http我们口中常说的 http 应该是指 http 1.1http0.9中,每次通信完成后,都会断开tcp连接,造成资源浪费。http1.0可以在header中加入keep alive来确保长连接,但还是有点麻烦。于是,http1.1 默认可以 keep alive,并且引入管道机制(pipeline),客户端可以发送多个请求,但是服务端按照顺序来一一回复。这也是HTT...
2019-06-01 22:14:12
152
原创 koa-2
MVC 分层MVC 是个老生常谈的概念了。M = Model, V = View , C = Controller , angularjs 就是典型的 MVC 框架。在 Angular (指Angular 2+, 下同) 中,C 被拆分成 ViewModel ,因此称之为 MVVM 框架:M = model 数据,驱动渲染的能源V = View 视图层,指代用户可以看到的前端界面Vi...
2019-05-16 23:30:44
216
原创 Koa-1
为什么要学 Koa,不学 Express ?因为不想写回调,日常开发习惯 async await 处理异步流程,因此选择 Koa 2。(以下简称 Koa)Koa2 核心概念洋葱模型 其实就是 async await 执行流程,在 koa 每次调用中间件时,回调函数中 next 会吧执行权递交给下一个回调函数。按笔者通俗的解释为:洋葱先从外侧切到内侧,再从内测切到另一边的外侧。其实也就是回调...
2019-05-14 22:21:54
194
原创 FreeCodeCamp JavaScript 基础算法练习
起由最近由于 996.icu 事件,才知道 GitHub 排行前十的 repo 中有这样一个项目。于是就刷起来了题 & 解找出最长单词 在句子中找出最长的单词,并返回它的长度。函数的返回值应该是一个数字。// 测试用例 (test case): findLongestWord("The quick brown fox jumped over the lazy dog") 应...
2019-04-02 22:59:13
575
原创 CLDR 与 i18n
1. 什么是 CLDR,什么是 i18n ?i18n (internationalization ) 简称国际化 ,在现代前端开发中,有国际化需求的网站 / app,都需要进行 i18n 进行多语言的处理。CLDR 是 i18n 的一套核心规范( Common Locale Data Respository) 即 通用的本地化数据存储库,什么意思呢?比如我们的手机,电脑都可以选择语言模...
2019-03-20 09:20:46
2857
原创 CSS transform: translate(-50%,-50%)导致的像素模糊问题解决办法
一、抛出问题.modal-container { position: fixed; width: 100vw; height: 100vh; z-index: 999;}.modal { position: absolute; top: 50%; right: 50%; margin: auto; transf...
2019-02-22 10:53:09
11393
原创 Electron 设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式
一、问题在开发 Electron 应用的过程中,想要使得窗口在普通大小可以拖动,于是设置给 title-bar css 如下:.title-bar {-webkit-app-region: drag;}但是设置了这个属性后,发现在 title-bar 上双击全屏和 restore size 的功能又废了,现象如图: 怎么办呢?二、网上现有的方案通过搜索不难发...
2019-02-19 17:46:11
11435
11
原创 Rx.js 将二维数据拍扁(平)
/** * 从后台返回如下格式数据 * * 期望数据结构: [...{ index:'', name: '', age: '' }] 该数据类型的长度为 9 (所有数据拆开的总长度) */ const response = { content: [ ...
2018-09-26 19:39:47
442
原创 使用 Travis-CI 持续集成部署 HEXO 博客项目
持续集成的概念现在前端项目都是模块化开发,需要大量的 npm install ,编译等环节,除去在开发环节中使用诸如 webpack 这样的自动化工具,在部署的时候,也可以使用 Travis 来提升部署效率。 持续集成,相当于将环境搭建在云端,每次只需提交代码到对应的分支,就会触发 CI 自动构建,其中构建过程中的指令都可以指定。准备工作已经有 HEXO 搭建的博客,并且源码存放在...
2018-08-29 15:27:33
862
2
原创 Cookie、Session、Token
1.Cookie 是比较早的服务端和客户端验证身份的方法。因为 http 是无状态的,因此,每次 http 请求,服务端不知道是谁在来访,因此,对于每次来访,回传字段中会设置 set-cookie 字段,浏览器会将 cookie 保存在本地,等下次 http 请求,再发送给这个域名的服务器。Cookie 可以由服务端来设置生命周期。Cookie 存储在客户端本地 。Cookie 挂...
2018-08-26 23:24:50
210
原创 函数式编程及响应式编程之己见
1. what is 函数式编程?函数,在编程中,通常体现为: 输入 => 执行 => 结果。他不是命令式的,而是对一段操作进行逻辑封装,拿到输入,就能产出结果。通常来说,满足函数式编程的特性的“函数”应该有如下特点:函数必须有入参,并且函数的产出会根据入参的不同而变化。 函数执行的整个流程中,不会对全局变量、外部属性等产生影响。 函数式编程代码量小,干净。举个例子:...
2018-07-22 19:30:51
3213
原创 ng英雄列表学习笔记(一) 概念、文件结构、指令、事件、单/双向绑定、组件通讯
为什么要学angualr(4.0+)?无论是轮子也好、库也好、框架也好,很大一部分初衷就是为了改善开发体验,提升开发效率,并且让代码更加优美,易于维护。从而节省出时间,将开发人员从繁忙的业务中解放。微软收购了github,还不赶紧学ts?本文参考博客/资料:1.https://blog.csdn.net/u012967849/article/details/78767294/...
2018-06-14 23:56:42
361
原创 基于bootstrap特殊分辨率页面的实现思路
前言很久没更新博客,这段时间刚刚找到工作,会立即(从今天起)恢复更新博客的频率。罗马不是一天建成的,希望自己保持良好的学习和做笔记的习惯,笔耕不缀,他日可期!1.Boostrap重构传统固定px的页面在第一次接手重构任务后,有点懵逼。可能是因为自己很久没有写代码了,忘了以前做的响应式的一些细节,所以又开始不断的调试,总算是把坑补上了,于是在此做一下记录。 PSD需求图: 整个需...
2018-04-14 23:11:09
1766
原创 TypeScript学习笔记(完成)
前言TypeScript是JavaScript的超集,它的作者是著名的C#之父(名字我忘了)。作为后者的超集,Typescript(以下简称为tsc)拓展了JS,真正的将js从玩具语言变成一种工程语言,一种强类型的语言。并且,tsc的标准是根据每年的ECMA提案来预先实现的,也就是说,tsc兼容未来的ES7,ES8…提前为将来的ES标准打下基础。 学习tsc,不亏!环境搭建...
2018-02-14 13:26:07
3635
2
原创 基于上次腾讯远程面试的题目总结与回答(精心总结回顾) 下
6. 简单说一说盒模型,W3C和IE怪异盒模型。W3C标准的盒模型:width == content_width(不包括padding+border+margin)IE怪异盒模型: width == content_width+padding+border参考我之前的博客:http://blog.csdn.net/qq_20264891/article/details/790197247.简要阐
2018-02-01 15:17:27
2369
原创 基于上次腾讯远程面试的题目总结与回答(精心总结回顾) 上
这篇博客同步更新于我的GitHub博客:我的GitHub博客面试回顾:腾讯面试回顾1.js中ajax发送请求的步骤在js中,有一个用于异步请求的对象,XMLHttpRquest对象,使用该对象可以向服务端发送请求(post,get,put...)。原生的方法步骤如下:①创建XMLHttpRequest对象(标准浏览器):if(window.XMLHttpRequest
2018-01-31 15:28:59
5555
原创 用原生js制作一个动态简历(多动症简历)及在线预览部署过程
本文章同步更新于我的HEXO博客: 我的HEXO博客本项目Fork地址(欢迎Star):https://github.com/ZQ-jhon/resume本项目预览地址(Preview Address)Preview : 多动症简历项目起因因为在网上看到一个大神做的动态简历,如连接所示:http://strml.net/炫不炫?酷不酷?其实这个项目其实很简单,整个代码中,js的API超不过10个
2018-01-29 17:18:19
11287
4
原创 javascript Dom拖动 插件 putThere.js
这篇文章同样发布在我的GITHUB博客:[我的GITHUB博客](https://ZQ-jhon.github.io/2018/01/26/javascript Dom拖动 插件 putThere.js)开源地址:跪求各位看官给我点star吧 T.T,谢谢! https://github.com/ZQ-jhon/putThere.js原理及构想关于拖动,如果不用html5
2018-01-26 14:47:42
463
原创 2018年1月23日腾讯SNG-IMWeb前端工程师 电话远程面试记录
前言2018年1月18日,突然接到一个来自深圳的电话,对方说从拉勾网上看到我投递腾讯SNG部门的IMWEB团队前端,简单询问了一下我的具体情况,包括前端的就职年限,过去的工作经历。其中有一点比较有意思的是,对方问我为什么2016年7月毕业直到2017年2月入职中国XX网,这之间的简历是空缺的?我回答他说因为刚毕业没有太好的就业选择和机会,错过了很多校招,所以在毕业的时候去一个艺术培训学校当了半
2018-01-25 12:54:38
6204
4
原创 基于HEXO的个人博客图文搭建详尽过程,看不懂算我输
前言须知: 1.最终生成的博客地址必须是: ZQ-jhon.github.io 即用户名.github.io 2.本地的HEXO仓库,命名必须也为 ZQ-jhon.github.io ,HEXO项目放置于该目录之下。昨天经过一番折腾,终于将HEXO部署上线了,以下对于昨天整个搭建的过程做一个详细的回顾。HEXO是基于NODE的一款博客框架,有很多丰富的主题可以选择,配合GIT来使
2018-01-18 16:08:58
709
原创 Webpack打包工具学习笔记
前言:Webpack是一款基于node的前端打包工具,它可以将很多静态文件打包起来,自动处理依赖关系后,生成一个.js文件,然后让html来引用,不仅可以做到按需加载,而且可以减少HTTP请求,节约带宽。1.配置与安装在node已经安装完成的前提下,全局安装webpack$ cd d:$ mkdir test && cd test //创建test ,并进入$ npm install -g web
2018-01-17 11:18:48
1777
原创 HTML5 回顾总结
1.新标签1.1 <vedio> <video width="320" height="240" controls="controls"> <source src="movie.ogg" type="video/ogg"> <source src="movie.mp4" type="video/mp4">Your browser does not support the video tag
2018-01-12 10:53:37
286
原创 css3原理,结合jquery复习
0.怪异盒模型非IE及IE9及以上, 盒模型的构成为:content 老IE,IE8及以下, 盒模型为 content+border+padding 如果有这样一个DIV:div{width:100px;height:100px;border:1px solid black;padding:10px;}在非IE下,盒模型为: 在老IE下,盒模型为: 由此可见,老I
2018-01-10 09:30:59
351
原创 关于CSS3呼吸效果的探究
一、效果预览 如图所示,鼠标移动上去,图片会向右上角抖动,鼠标离开,图片恢复原状。二、方案选择刚刚接触到这个效果的时候,我还以为是采用放大效果来实现的,即scale:1.2诸如此类的代码,结果不然。这个效果的实现,如果采用jquery的方案,直接写个动画即可。//先设定好position:relative;$('img:hover').animate({'left':'10px','bottom
2018-01-02 11:05:02
3603
原创 Express快速构建应用(一)
Express是基于Nodejs的前端应用构建工具,可以快速开发基于Node的前端SPA,在Nodejs的基础上,又进行一些功能的扩充,使得应用的构建流程非常简单高效,应用也足够健壮。1.安装与 环境配置首先使用IDE建一个工程目录,放在Nodejs.exe 的同域目录下。 然后打开Git bash,输入,然后进入工程目录,接着 $npm init 表明我们要创建一个应用,最后疯狂回车,可以看到,
2017-12-25 11:27:33
1727
原创 Angular搭建后台人员管理系统 1.1.0
今天基于原来的DEMO,将功能进行了调整。 如图所示,增加了一个新的controller,完成了增删改查的最后一步:查。step1中还是使用ng-repeat遍历出的options,然后这个select又绑定了一个model,可以在controller用于判定用户的选项,然后根据这个选项,在users的数组中进行查找,最后,显示在查询结果的框中。今天遇到的几个问题: 1.数据可视化和canv
2017-12-21 15:20:28
1377
原创 Angular1.4.6 & Bootstrap3.3.7搭建后台人员管理系统 1.0.0
前言:接触前端快1满一年了,从什么都不会,一步步摸索,走到现在,觉得前方的路还是很迷茫,但是每天感觉自己都在进步,这是最好的!希望自己能坚持下去,也跟各位同仁共勉!直接上效果:
2017-12-19 15:35:47
1224
原创 关于jQuery中scrollTop中的一些兼容问题。
最近在做一个响应式的页面,需要有按钮来实现点击回到页头及点击回到页尾的功能。 在使用$('#btn').click(function(){ $(body).animate({ scrollTop:0 },speed);});//发现,该功能只在IE与FireFox下有用,Chrome内核无效。 即:选择器为body时:FireFox无效,Chrome有效 选择器为h
2017-12-13 13:25:52
2013
原创 NodeJs基础配置、核心概念与学习路线回顾
Nodejs把前端开发带入一个全新的阶段,他使得js能够跑在服务端上,大大强化了js这门语言的可塑性。 OK,环境配置不提,配置好了以后,直接来跑一些简单的demo以前一直没搞懂nodejs复杂的目录(其实是不懂linux),老把文件目录和运行时的目录搞错。在gitbash下,先进入对应的目录,例如我的js文件在 D:\node\nodejs下,那么应该:$ cd d:$ cd node/nod
2017-12-12 22:07:59
262
原创 ajax回顾
jq与原生以及angular中的ajax(长文)http://blog.csdn.net/qq_20264891/article/details/78457021上面是之前写的一篇关于ajax的帖子,里面的集成包xampp的配置方法有点不太科学,虽然这样可以运行,但感觉不是很美滋滋。感谢新浪博主@期待下一站幸福具体参考原文地址:http://blog.sina.com.cn/s/blog_ae1d0
2017-12-12 17:04:56
232
原创 Git与GitHub之远程仓库
在GitHub上创建一个repository。1.首先,生成私钥和公钥:$ ssh-keygen -t rsa -C “350037310@qq.com” (最好填写gitHub的注册邮箱)这里有个关键的地方:SSH,待会会用到。2.将本地的Git关联到GitHub在本地命令行中:git remote add origin git@github.com:ZQ-jhon/test.git即可关联远程仓
2017-12-11 16:46:03
338
原创 Git与GitHub之本地仓库
马上就要到年底了,再复习一下Git的相关知识,还有20天,再拼拼命! 概念 Git:分布式版本管理系统。 GitHub:全球最大同性交友平台。(匿)1.本地的版本库1.1环境搭建首先确保已经安装了Nodejs的环境。 首先,下载GitBash命令工具。 https://pan.baidu.com/s/1kU5OCOB#list/path=%2Fpub%2Fgit 运行之。 命令行中敲入
2017-12-11 16:07:54
643
原创 PHP初体验
1.连接符$color = 'red'第一种连接方式: echo "my color is $color"第二种连接方式: echo "my color is". $color ."<br>"//(VB是&链接,js+链接,这个.链接真的反人类)第三种连接方式: echo"my colo is{$color}"//花括号包住变量第四种连接方式(相当于js字符串的+=):$a="hello"
2017-12-09 14:29:35
300
转载 AngularJs学习笔记2
控件(input、select、textarea)是用户输入数据的一种方式。Form(表单)是这些控件的集合,目的是将相关的控件进行分组。 表单和控件提供了验证服务,所以用户可以收到无效输入的提示。这提供了更好的用户体验,因为用户可以立即获取到反馈,知道如何修正错误。请记住,虽然客户端验证在提供良好的用户体验中扮演重要的角色,但是它可以很简单地被绕过,因此,客户端验证是不可信的。服务端验
2017-12-07 16:44:06
222
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人