文章 六月 12, 2020

codewars Give me a Diamonds

文章字数 4.6k 阅读约需 4 mins.

题目:杰米是个程序员,也是詹姆斯的女朋友。她喜欢钻石,想从詹姆斯那里得到一根钻石串。既然詹姆斯不知道怎么做,他需要你的帮助。

任务:您需要使用星号(*)字符返回在屏幕上打印时看起来像菱形的字符串。应...

查看全文

文章 六月 11, 2020

使用谷歌浏览器调式app

文章字数 2.1k 阅读约需 2 mins.

​ 通常我们在开发web端的时候,配合谷歌浏览器的开发者工具F12,可以查看控制台的输出内容,从而找到代码问题的所在,方便开发。

​ 但是在安卓手机或者其他基于安卓系统的设备上,我们是无法直接查看控制台,聪明一点的可能会使用alert,但是这个东西并不是很方便,本篇文章讲述如何使用谷歌直接调式APP!

要开始远程调试,你需要:

  • 安装 Chrome 32 或者之后的版本。
  • 连接安卓设备用的 USB 线缆。
  • 对于通过浏览器调试:安卓 4.0 以上并且安装了 Chrome for Android...
查看全文

文章 六月 10, 2020

cordova免费开源的移动app开发

文章字数 8.1k 阅读约需 7 mins.

​ 近期接手了一个app的开发,因为项目是需要在手持机终端设备来进行的,有打印、NFC等功能。打印功能是厂家封装好的cordova插件,由于第一次接触,于是开始了边学边做的开发过程。

官网定义如下:

Apache Cordova是一个开源的移动开发框架。允许你用标准的web技术-HTML5,CSS3和JavaScript做跨平台开发。 应用在每个平台的具体执行被封装了起来,并依靠符合标准的API绑定去访问每个设备的功能,比如说:传感器、数据、网络状态等。

cordova的命令运行在node....

查看全文

面试题 三月 09, 2020

浏览器输入url到显示页面的过程

文章字数 1.4k 阅读约需 1 mins.

  • 浏览器DNS缓存
  • 系统DNS缓存
  • 路由器DNS缓存
  • 运营商DNS缓存
  • 再找不到就递归搜索该网址
  • 第一次握手,有浏览器发起,告诉服务器,我要发送请求了
  • 第二次握手,由服务器发起,告诉浏览器我准备接受了,你发送吧
  • 第三次握手,由浏览器发送,告诉服务器,我马上发送了,准备接受吧
  • 发送HTTP协议的通信内容,即请求报文
  • 响应报文
  • 遇见HTML标记,浏览器调用 HTML解析器解析成Token,并构建成DOM树
  • 遇见style/link标记,浏览器调用css解析器
  • 遇见script标记,调...
查看全文

CSS 二月 05, 2020

flex布局

文章字数 7.4k 阅读约需 7 mins.

​ 最初的布局是使用 table 表格布局,后来是基于盒模型,依赖 display 属性 + position 属性 + float 属性。它对于那些特殊布局非常不方便,比如垂直居中就很不容易实现。

​ 于是,W3C在2009年提出了一种新的方案——flex布局,可以简便、完整、响应式地实现各种布局。目前,它已经得到了所有浏览器的支持,这意味着,现在就能安全地使用这项功能。

Flex 英文意思为:弯曲、屈伸、可以伸缩的布局,天生就是为了适配不同的分辨率。

.flex-container{
    dispaly...
查看全文

WEBPACK 一月 06, 2020

webpack-初探

文章字数 9.7k 阅读约需 9 mins.

webpack 将程序员编写的源代码,经过压缩、编译、语法检查等一系列操作,编译成浏览器可以识别的代码,优化性能。

在网页中,我们经常会引入JS CSS Img Fonts vue 等这类的静态资源,这个时候我们来了两个问题:

  1. vue ejs 等文件以及 es6的新语法、模块化开发浏览器读不懂啊!
  2. 网页加载速度慢,要多次重复的发生资源请求!

如何解决这两个问题呢?别急,这个时候webpack的作用就来了!

Webpack是一个前端的模块打包器,基于node开发出来的一个前端工具,将前端所...

查看全文

ES6 一月 05, 2020

对ES6-proxy的理解

文章字数 5.9k 阅读约需 5 mins.

ES6(ECMAScript2015) 是 JavaScript 一个版本标准,作为前端爱好者是必须要掌握的,本篇记录我对ES6中,proxy 的理解。

Proxy 在英语中是代理的意思,那我们就引发了几个疑问:

  1. 它代理了什么?
  2. 为什么要代理?
  3. 如何使用代理?

首先我们引用阮老师的 《ECMAScript 6 入门》 书籍中的概述:

Proxy 可以理解成,在目标对象之前架设一层“拦截器”,外界对该对象的访问,都必须先通过这层拦截,因此提供了一种机制,可以对外界的访问进行过滤和改写。Proxy...

查看全文

HEXO 十二月 31, 2019

使用Hexo+Github搭建你的个人博客

文章字数 4k 阅读约需 4 mins.

作为一个合格的程序员,当然要有一个输入自己的博客,这不仅是学习很好的方法,也是面试中很能加分的一项!(PS:还阔以装😁)

本篇文章介绍我是如何使用 Hexo + Github 来搭建我的博客。

  • Gtihub 账户我相信大家应该都用把,并且都会一些简单的操作;鉴于 Gtihub 是国外的服务器,有时候可能会因为网络的延迟造成加载很缓慢,也可以使用国内的 Gitee 或者 Coding
  • 安装 Git,Git是开源的分布式版本控制系统,用于敏捷高效地处理项目。我们网站在本地搭建好了,需要使...
查看全文
0%