- 博客(45)
- 收藏
- 关注
RSS订阅
原创 公告：本站不再更新、后续的更新都放在个人站点 zq-jhon.github.io
#公告：本站不再更新、后续的更新都放在个人站点zq-jhon.github.io
2020-04-09 13:00:49
295
原创 IONIC3 打包安卓apk详细过程（大量图文）
本文写于2018年2月12日 22:25:59。如果2018年的新春之际，你遇到IONIC的开发问题，这将是一篇最为详尽的打包方案。经历三天的踩坑，跳坑，相信绝大多数的问题都已经覆盖到了，请仔细按照流程来对照操作及检查。1.基本依赖环境nodejs环境 (作为一个前端相信你已经有了) 最好提前配置好node的环境变量，便于全局访问。jdk(下面细说) SDK(下面...
2018-02-12 23:44:03
56704
33
原创 Base64 encode decode image
前言最近在修福报，深深觉得，一个程序员或者成年人，最大的敌人就是时间，没有时间，就会陷入焦虑的怪圈，一直出不来。What is Base64Base64 是一组相似的二进制到文本（binary-to-text）的编码规则，使得二进制数据在解释成 radix-64 的表现形式后能够用 ASCII 字符串的格式表示出来。Base64 这个词出自一种 MIME 数据传输编码。 ----- from...
2019-09-06 17:30:51
772
原创 正则复习
前言一直发现我是个野路子，在学完 TS 和 Express 后，才回过头来想巩固一下 正则 的知识，不过话说回来，有了 TS 一些可选参数，以及 后端框架的路由匹配机制后，其实对于正则的理解是有一定作用的。类比这些概念时，发现有太多太多的相似之处，下面将会例举。所以说，贴近标准，跟随标准（世界大厂）是最最最重要的，像小程序这样反 URL 透明可见的精神的产物，站在非商业的角度来看，确实没有任何...
2019-06-17 23:06:31
294
原创 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
393
原创 ES7 decorator 深入探析
起因一直享受着 Anuglar 和 Nest 的红利，上来就是 @Component(...) 或者 @Controller(...)，自己却没有实际的探究过背后的原理。于是今天想好好总结一下，沉淀沉淀。前置条件（es5 原理）之前看过红宝书，第六章提到过，js 对象的属性有几个特性：[[configurable]] 是否可配置[[enumerable]] 是否可枚举[[write...
2019-06-09 21:54:39
318
原创 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
137
原创 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
198
原创 Koa-1
为什么要学 Koa，不学 Express ？因为不想写回调，日常开发习惯 async await 处理异步流程，因此选择 Koa 2。(以下简称 Koa)Koa2 核心概念洋葱模型 其实就是 async await 执行流程，在 koa 每次调用中间件时，回调函数中 next 会吧执行权递交给下一个回调函数。按笔者通俗的解释为：洋葱先从外侧切到内侧，再从内测切到另一边的外侧。其实也就是回调...
2019-05-14 22:21:54
184
原创 FreeCodeCamp JavaScript 基础算法练习
起由最近由于 996.icu 事件，才知道 GitHub 排行前十的 repo 中有这样一个项目。于是就刷起来了题 & 解找出最长单词 在句子中找出最长的单词，并返回它的长度。函数的返回值应该是一个数字。// 测试用例 (test case): findLongestWord("The quick brown fox jumped over the lazy dog") 应...
2019-04-02 22:59:13
542
原创 CLDR 与 i18n
1. 什么是 CLDR，什么是 i18n ?i18n (internationalization ) 简称国际化 ，在现代前端开发中，有国际化需求的网站 / app，都需要进行 i18n 进行多语言的处理。CLDR 是 i18n 的一套核心规范( Common Locale Data Respository) 即 通用的本地化数据存储库，什么意思呢？比如我们的手机，电脑都可以选择语言模...
2019-03-20 09:20:46
2765
原创 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
11240
原创 Electron 设置 -webkit-app-region 后无法响应鼠标点击事件的解决方式
一、问题在开发 Electron 应用的过程中，想要使得窗口在普通大小可以拖动，于是设置给 title-bar css 如下：.title-bar {-webkit-app-region: drag;}但是设置了这个属性后，发现在 title-bar 上双击全屏和 restore size 的功能又废了，现象如图： 怎么办呢？二、网上现有的方案通过搜索不难发...
2019-02-19 17:46:11
10871
10
原创 Rx.js 将二维数据拍扁(平)
/** * 从后台返回如下格式数据 * * 期望数据结构： [...{ index:'', name: '', age: '' }] 该数据类型的长度为 9 (所有数据拆开的总长度) */ const response = { content: [ ...
2018-09-26 19:39:47
418
原创 使用 Travis-CI 持续集成部署 HEXO 博客项目
持续集成的概念现在前端项目都是模块化开发，需要大量的 npm install ,编译等环节，除去在开发环节中使用诸如 webpack 这样的自动化工具，在部署的时候，也可以使用 Travis 来提升部署效率。 持续集成，相当于将环境搭建在云端，每次只需提交代码到对应的分支，就会触发 CI 自动构建，其中构建过程中的指令都可以指定。准备工作已经有 HEXO 搭建的博客，并且源码存放在...
2018-08-29 15:27:33
839
2
原创 Cookie、Session、Token
1.Cookie 是比较早的服务端和客户端验证身份的方法。因为 http 是无状态的，因此，每次 http 请求，服务端不知道是谁在来访，因此，对于每次来访，回传字段中会设置 set-cookie 字段，浏览器会将 cookie 保存在本地，等下次 http 请求，再发送给这个域名的服务器。Cookie 可以由服务端来设置生命周期。Cookie 存储在客户端本地 。Cookie 挂...
2018-08-26 23:24:50
192
原创 函数式编程及响应式编程之己见
1. what is 函数式编程？函数，在编程中，通常体现为： 输入 => 执行 => 结果。他不是命令式的，而是对一段操作进行逻辑封装，拿到输入，就能产出结果。通常来说，满足函数式编程的特性的“函数”应该有如下特点:函数必须有入参，并且函数的产出会根据入参的不同而变化。 函数执行的整个流程中，不会对全局变量、外部属性等产生影响。 函数式编程代码量小，干净。举个例子：...
2018-07-22 19:30:51
3189
原创 ng英雄列表学习笔记(一) 概念、文件结构、指令、事件、单/双向绑定、组件通讯
为什么要学angualr(4.0+)？无论是轮子也好、库也好、框架也好，很大一部分初衷就是为了改善开发体验，提升开发效率，并且让代码更加优美，易于维护。从而节省出时间，将开发人员从繁忙的业务中解放。微软收购了github，还不赶紧学ts？本文参考博客/资料：1.https://blog.csdn.net/u012967849/article/details/78767294/...
2018-06-14 23:56:42
338
原创 基于bootstrap特殊分辨率页面的实现思路
前言很久没更新博客，这段时间刚刚找到工作，会立即（从今天起）恢复更新博客的频率。罗马不是一天建成的，希望自己保持良好的学习和做笔记的习惯，笔耕不缀，他日可期！1.Boostrap重构传统固定px的页面在第一次接手重构任务后，有点懵逼。可能是因为自己很久没有写代码了，忘了以前做的响应式的一些细节，所以又开始不断的调试，总算是把坑补上了，于是在此做一下记录。 PSD需求图： 整个需...
2018-04-14 23:11:09
1726
原创 TypeScript学习笔记（完成）
前言TypeScript是JavaScript的超集，它的作者是著名的C#之父（名字我忘了）。作为后者的超集，Typescript(以下简称为tsc)拓展了JS，真正的将js从玩具语言变成一种工程语言，一种强类型的语言。并且，tsc的标准是根据每年的ECMA提案来预先实现的，也就是说，tsc兼容未来的ES7，ES8…提前为将来的ES标准打下基础。 学习tsc，不亏!环境搭建...
2018-02-14 13:26:07
3563
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
2334
原创 基于上次腾讯远程面试的题目总结与回答(精心总结回顾) 上
这篇博客同步更新于我的GitHub博客：我的GitHub博客面试回顾：腾讯面试回顾1.js中ajax发送请求的步骤在js中，有一个用于异步请求的对象，XMLHttpRquest对象，使用该对象可以向服务端发送请求(post,get,put...)。原生的方法步骤如下:①创建XMLHttpRequest对象（标准浏览器）：if(window.XMLHttpRequest
2018-01-31 15:28:59
5534
原创 用原生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
11203
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
445
原创 2018年1月23日腾讯SNG-IMWeb前端工程师 电话远程面试记录
前言2018年1月18日，突然接到一个来自深圳的电话，对方说从拉勾网上看到我投递腾讯SNG部门的IMWEB团队前端，简单询问了一下我的具体情况，包括前端的就职年限，过去的工作经历。其中有一点比较有意思的是，对方问我为什么2016年7月毕业直到2017年2月入职中国XX网，这之间的简历是空缺的？我回答他说因为刚毕业没有太好的就业选择和机会，错过了很多校招，所以在毕业的时候去一个艺术培训学校当了半
2018-01-25 12:54:38
6153
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
682
原创 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
1753
原创 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
276
原创 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
335
原创 关于CSS3呼吸效果的探究
一、效果预览 如图所示，鼠标移动上去，图片会向右上角抖动，鼠标离开，图片恢复原状。二、方案选择刚刚接触到这个效果的时候，我还以为是采用放大效果来实现的，即scale:1.2诸如此类的代码，结果不然。这个效果的实现，如果采用jquery的方案，直接写个动画即可。//先设定好position:relative;$('img:hover').animate({'left':'10px','bottom
2018-01-02 11:05:02
3568
原创 Express快速构建应用(一)
Express是基于Nodejs的前端应用构建工具，可以快速开发基于Node的前端SPA，在Nodejs的基础上，又进行一些功能的扩充，使得应用的构建流程非常简单高效，应用也足够健壮。1.安装与 环境配置首先使用IDE建一个工程目录，放在Nodejs.exe 的同域目录下。 然后打开Git bash,输入，然后进入工程目录，接着 $npm init 表明我们要创建一个应用，最后疯狂回车，可以看到，
2017-12-25 11:27:33
1697
原创 Angular搭建后台人员管理系统 1.1.0
今天基于原来的DEMO，将功能进行了调整。 如图所示，增加了一个新的controller，完成了增删改查的最后一步：查。step1中还是使用ng-repeat遍历出的options，然后这个select又绑定了一个model，可以在controller用于判定用户的选项，然后根据这个选项，在users的数组中进行查找，最后，显示在查询结果的框中。今天遇到的几个问题： 1.数据可视化和canv
2017-12-21 15:20:28
1343
原创 Angular1.4.6 & Bootstrap3.3.7搭建后台人员管理系统 1.0.0
前言：接触前端快1满一年了，从什么都不会，一步步摸索，走到现在，觉得前方的路还是很迷茫，但是每天感觉自己都在进步，这是最好的！希望自己能坚持下去，也跟各位同仁共勉！直接上效果：
2017-12-19 15:35:47
1195
原创 关于jQuery中scrollTop中的一些兼容问题。
最近在做一个响应式的页面，需要有按钮来实现点击回到页头及点击回到页尾的功能。 在使用$('#btn').click(function(){ $(body).animate({ scrollTop:0 },speed);});//发现，该功能只在IE与FireFox下有用，Chrome内核无效。 即：选择器为body时：FireFox无效，Chrome有效 选择器为h
2017-12-13 13:25:52
2003
原创 NodeJs基础配置、核心概念与学习路线回顾
Nodejs把前端开发带入一个全新的阶段，他使得js能够跑在服务端上，大大强化了js这门语言的可塑性。 OK，环境配置不提，配置好了以后，直接来跑一些简单的demo以前一直没搞懂nodejs复杂的目录（其实是不懂linux），老把文件目录和运行时的目录搞错。在gitbash下，先进入对应的目录，例如我的js文件在 D:\node\nodejs下，那么应该：$ cd d:$ cd node/nod
2017-12-12 22:07:59
254
原创 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
226
原创 Git与GitHub之远程仓库
在GitHub上创建一个repository。1.首先，生成私钥和公钥：$ ssh-keygen -t rsa -C “[email protected]” (最好填写gitHub的注册邮箱)这里有个关键的地方：SSH，待会会用到。2.将本地的Git关联到GitHub在本地命令行中：git remote add origin [email protected]:ZQ-jhon/test.git即可关联远程仓
2017-12-11 16:46:03
301
原创 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
618
原创 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
282
转载 AngularJs学习笔记2
控件（input、select、textarea）是用户输入数据的一种方式。Form（表单）是这些控件的集合，目的是将相关的控件进行分组。 表单和控件提供了验证服务，所以用户可以收到无效输入的提示。这提供了更好的用户体验，因为用户可以立即获取到反馈，知道如何修正错误。请记住，虽然客户端验证在提供良好的用户体验中扮演重要的角色，但是它可以很简单地被绕过，因此，客户端验证是不可信的。服务端验
2017-12-07 16:44:06
208
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人