Fork me on GitHub
devil_blog

where is the way, where are you


  • 首页

  • 关于

  • 标签

  • 分类

  • 归档

  • 搜索

you don't know JS 简约版(下)

发表于 2018-07-27

深入编程

程序

程序常被称为源码或代码,它是一组特定的指令,用来指示计算机要执行哪些任务

语句

程序就是多个语句的集合,它们合起来描述了程序要执行的所有步骤

表达式

语句由一个或多个表达式组成。一个表达式是对一个变量或值的引用,或者是一组值和变量与运算符的组合。运算符,变量(值与类型),常量。

阅读全文 »

you don't know JS 简约版(中)

发表于 2018-07-26

类型和语法

类型

  1. 概念:类型是值的内部特征,它定义了值的行为,以使其区别于其他值
  2. 内置类型:null、undefined、string、number、boolean、object、symbol
    1. null 判断:(!null && typeof null === "object"); // true
    2. 其他采用 typeof 判断
    3. Object.prototype.tostring.call()进一步判断对象子类型
  3. undefined 与 undeclared:
    1. JavaScript 中的变量是没有类型的,只有值才有。变量可以随时持有任何类型的值
    2. js 中将 undefined 与 undeclared 混为一谈,typeof 均返回 undefined
    3. typeof 的安全防范机制——用于避免重复定义
阅读全文 »

you don't know JS 简约版(上)

发表于 2018-07-20

据说读书厉害的某高考状元说:把书读薄,把书读厚,然后你就会吃透这本书了。好吧我编不下去了,反正技术书不是网页武侠爽文随便瞄几眼就过去了,要理解吃透相关概念。面对一本书我们都需要好好思考怎么去读它才能最大限度从里面汲取养分,而不是看了好几本想起来脑袋空空。

把书读薄:提取书的框架和要点,乍一看去,就回忆起这部分讲的是什么,形成自己的体系脉络
把书读厚:关注书的具体解释,引申意义,细节内容,关联性内容,如同给书做了很多的注释,所以越看越厚

这个系列的书是真滴不错,刷新不少认知也加深很多理解,经典好书当然值得我们好好吸毒。。。细读(这输入法)。但是我觉得它还不够薄,所以再来提炼一波。原书分为上中下三个系列,一口吃不成一个胖子,所以这边也分成三个篇章分别对应。

阅读全文 »

再次思考js中的原型

发表于 2018-07-17

横看成岭侧成峰 远近高低各不同。

前言

js 是面向对象设计的语言,而面向对象意味着要先描述对象——规定具体对象的特性与行为。然而在实际中我们可以看到很多对象的特性与行为都可以复用,这意味着这部分代码是可以抽象出来复用的。java 采用了类概念,引申自我们对自然事物的抽象概念,譬如生物课本上的界门纲目科属种。JS,作为一个‘蠢弟弟’,就不这样子干。就不要类的概念,但是为了解决相同的的问题自己搞了一套对象关联对象的东西(所谓继承)——原型与原型链

阅读全文 »

web前端打印实现

发表于 2018-07-16

背景需求

基于 web 现代浏览器实现批量打印电子面单(规格固定),各种带条码的单据(规格范围不固定);如下所示

阅读全文 »

前端文件上传下载

发表于 2018-07-12

前端不时会碰到关于上传图片,下载Excel报表日志之类的业务需求,从原始的form表单提交到new formData()异步上传;从直接window.open(url)到new blob()、new fileReader()读取返回的二进制流文件。都让我们对文件处理更多的选择与操作,本文主要记录前端中关于文件的处理,包括上传下载及相关API。

阅读全文 »

Vue项目内嵌Cordova

发表于 2018-07-10

现下前端可谓是花开满地,在各个地方异彩纷呈,问题也接踵而至(。。。怎么这么多成语)。多端统一是愿景,cordova便是其中之一,不巧项目有用到,做一个小 demo 总结吧。

小项目介绍

本项目用 vue cli(3.0.0) + vue(2.5.16) + cordova(8.x)构建一个项目原型——Vue 项目内嵌 cordova 安卓平台。按流程走,有坑的地方已经用我的肉体填平了,相关源码地址请参阅vue-cordova。

阅读全文 »

CSS动画

发表于 2018-05-04

区分 animation(动画)、transition(过渡)、 transform(变形)、translate(平移);理解各个 css 属性对应的常用取值与应用

transform——对元素 2D 或 3D 转换

1
transform: none|transform-functions;

transform-functions——对应函数有如下:

  1. translate:平移
  2. scale:缩放
  3. rotate(angle):旋转
  4. skew(angle):倾斜
阅读全文 »

hexo+next建站踩坑记

发表于 2018-04-11

HEXO: A fast, simple & powerful blog framework
NEXT: A high quality elegant Hexo theme. It is crafted from scratch, with love

hexo搭建网站

丢上官网文档,按照官网的步骤走
这里要了解一下各个目录文件的作用:

  • public——最终生成的网站文件
  • scaffolds——生成文件模板,可定制个性化
  • source——顾名思义,我们对项目的内容编辑都在这里进行
    1. 博文——分为草稿、发布
    2. 静态资源存放地
    3. 其他页文件
  • thems——主题目录,对应得博客主题就存放在这里,当然也可以放多个随意切换
阅读全文 »

Git备忘录

发表于 2018-04-10

Git 理解与常用命令汇总

git 工作流

作为一个版本控制管理系统工具,如何做到的?分布式管理仓库,分为当前工作区和.git 文件保存的文件版本管理区;一个版本统一 hash 值作为版本 ID;文件在工作区修改之后都需要提交更改到本地 git 的版本管理中才能推送更改到远程仓库中。具体的操作看图片

阅读全文 »
12
谁动了我的代码

谁动了我的代码

A blog show and record my life, as a front-end

11 日志
1 分类
9 标签
© 2016 — 2018 谁动了我的代码
由 Hexo 强力驱动
|
主题 — NexT.Pisces v5.1.4