我来了……

所有文章 第2页

脚本语言|必杀技

window 10疑难杂症

chalecao 发布于 2018-03-08

用作为当前目录的以上路径启动了 CMD.EXE。 UNC 路径不受支持。默认值设为 Windows 目录。 出现的原因: 估计是因为在 网络路径 下所致,如果在普通目录下就没这种问题。 解决方法: 在注册表中,添加一个值即可.路径如下: HKEY_CURRENT_USER\Software\Microsoft\Command Processor 添加值 DisableUNCCheck,    类型为 REG_DWORD    并将该值设置为1 (十六进制)。 批处理文件如下:(虽然运行的时候会有正确提示,但是实际上却没加进去还需要修改) reg add "HKEY_CURRENT_USER\Software\Microsoft\Command Processor" /v ...

阅读(370)

Javascript|Nodejs

判断内容区域是否滚动到底部

chalecao 发布于 2018-03-07

逻辑 判断内容滚动到底需要知道的信息 内容区域的真实高度(也就是滚动区域) 滚动条距离顶部的位置 内容区域的可见高度 分别对应下面的三个API。 element.scrollHeight 获取元素内容高度,,,【只读属性】 element.scrollTop 可以获取或者设置元素的偏移值,常用于,计算滚动条的位置,当一个元素的容器没有产生垂直方向的滚动条,那它的 scrollTop 的值默认为0. element.clientHeight 读取元素的可见高度【只读属性】 下面直接引用MDN上面的一个经典的公式 判定元素是否滚动到底 如果元素滚动到底,下面等式返回true,没有则返回false. element.scrollHeight – element.sc...

阅读(363)

认真学习快乐工作

前端自己用NodeJS编写区块链BlockChain

1

chalecao 发布于 2018-03-06

前端自己用NodeJS编写区块链BlockChain 视频课程链接地址:http://t.cn/REeoF7v Github地址:https://github.com/chalecao/blockchain-in-nodejs 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/REeKVSk 《前端自己用NodeJS编写区块链BlockChain》:http://t.cn/REeoF7v 《程序语言进阶之DSL与AST实战解析》:http://t.cn/R3XoQJA 适用人群 参加学习的同学需要一点JavaScript知识和NodeJS的知识。建议可以先学习...

阅读(653)

Javascript|Nodejs

canvas图片处理与动画

12

chalecao 发布于 2018-03-05

canvas绘制圆角图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body style="background: rgba(199,237,204,1)"> <div style="display:flex; flex-direction: row"> <!--通过style方式为canvas设置宽高在火狐浏览器上导致绘制内容纵向拉伸。。。--> <canvas id="drawing" width="4...

阅读(426)

认真学习快乐工作

前端函数式编程FP学习路线

21

chalecao 发布于 2018-03-03

前端函数式编程FP易学易用 课程地址: http://t.cn/REeKVSk GIT代码: https://github.com/chalecao/fp 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/REeKVSk 《前端自己用NodeJS编写区块链BlockChain》:http://t.cn/REeoF7v 《程序语言进阶之DSL与AST实战解析》:http://t.cn/R3XoQJA 适用人群 具有基础的JavaScript(ES5、6)知识,建议先学习本系列专题《手把手教你写MVVM前端框架-vm篇》课程。 课程概述 本节课和大家一块学习函数式...

阅读(588)

认真学习快乐工作

Chrome开始集成图形识别 API(Shape Detection API)

chalecao 发布于 2018-02-24

最近,Chrome团队尝试在Chrome中集成了一套与图形识别相关的API,使得图形识别这种以前只在原生应用中存在,或者在浏览器上,要借助其他难用的外部库才能实现的功能,现在只要少量代码即可实现。这些API包括人脸识别,条形码/二维码识别和文本识别,基本上覆盖了当前互联网应用的大部分场景。 现状 图形识别这种对系统资源和设备的计算能力要求颇高的功能,通常只有底层的原生API能驾驭,流行的框架主要是开源的Open CV和各大移动平台的图形识别服务: Android iOS Windows 条形码 vision.barcode CIFaceFeature BarcodeScanner 人脸 vision.face CIQRCodeFeature FaceAnalysis 文本...

阅读(417)

脚本语言|必杀技

chrome插件开发

2

chalecao 发布于 2018-02-22

chrome扩展程序开发经验的资源,一些开发技巧总结

阅读(521)

Javascript|Nodejs

函数式编程的理解与应用

5

chalecao 发布于 2018-01-20

年底业务需要做大改版,正好这个机会把我负责的源码页面做了个大升级,不仅升级了业务架构,主要还是细分了模块和组件,优化了LESS分级结构,让代码看的更清爽,就是这样。 我最近制作了一套函数式编程视频教程:《前端函数式编程易学易用》:http://study.163.com/course/introduction.htm?courseId=1004884007 欢迎大家交流学习! 说起函数编程,大家都比较熟悉。但是说起函数式编程,大家可能会想到之前看过的函子Functor、Monad等许多术语。但在实际应用中,或许我们根本用不到这么复杂的用法,而只是需要理解函数式编程的思想和理念就可以了。 话说,41年前,Fortran 语言的发明者John Backus在获得图灵奖的大会上...

阅读(552)

Javascript|Nodejs

IMMUTABLE 详解

2

chalecao 发布于 2018-01-20

有人说 Immutable 可以给 React 应用带来数十倍的提升,也有人说 Immutable 的引入是近期 JavaScript 中伟大的发明,因为同期 React 太火,它的光芒被掩盖了。这些至少说明 Immutable 是很有价值的,同时我也明白了Object.assign 这个API为什么设计成浅拷贝了,拷贝的对象树底层的节点还是公用的,这样高效而且节省内存。下面我们来一探究竟。 JavaScript 中的对象一般是可变的(Mutable),因为使用了引用赋值,新的对象简单的引用了原始对象,改变新的对象将影响到原始对象。如 foo={a: 1}; bar=foo; bar.a=2 你会发现此时 foo.a 也被改成了 2。虽然这样做可以节约内存,但当应用复杂后...

阅读(424)

认真学习快乐工作

用JavaScript自己写Virtual DOM

13

chalecao 发布于 2018-01-08

用JavaScript自己写virtual DOM 课程地址: http://t.cn/REeKJp0 Github代码: https://github.com/chalecao/virtualdom 前端进阶系列课程 《用JavaScript自己写MVVM前端框架》:http://t.cn/REeKJp0 《前端函数式编程FP易学易用》:http://t.cn/REeKVSk 《前端自己用NodeJS编写区块链BlockChain》:http://t.cn/REeoF7v 《程序语言进阶之DSL与AST实战解析》:http://t.cn/R3XoQJA 适用人群 帮助前端感兴趣的同学理解Virtual DOM相关知识,需要有HTML基础和JavaScript基础知识(含...

阅读(1011)

认真学习快乐工作

每日一击:z-index与translateZ

1

chalecao 发布于 2018-01-03

我们在写样式的时候,经常会用到 transform: translate3d(0px, 0px, 0px),据说这个还能开启浏览器动画硬件加速。但是你知道吗,这里面包含了一个坑,那就是translate3d(0px, 0px, 0px) 实际上包含了translateZ: 0px; 这个属性和z-index在一起使用的时候,z-index是失效的。 z-index 通过z-index控制z轴,需要配合position属性,且position的属性值为relative、absolute、fixed和sticky时。并且给z-index显式的设置数值,数值越大,其层级越高。简单点说,数值越高,元素越在顶上。 transform transform可以通过它的translate...

阅读(537)

脚本语言|必杀技

阿里云FTP-坑爹

2

chalecao 发布于 2017-12-22

阿里云FTP:“服务器发回了不可路由的地址。使用服务器地址代替。” 安装FTP 新买的阿里云(ubuntu)默认是没有安装 vsftpd的 1.首先确定自己使用的是什么操作系统 使用命令 $ uname -a MINGW32_NT-10.0-WOW DESKTOP-GPC21HG 2.4.0(0.292/5/3) 2016-01-07 19:11 i686 Msys 2.然后安装 或 更新vsftp apt-get install vsftpd -y 3.在Ubuntu下  nologin的位置是在 /usr/sbin/nologin下 然后键入 useradd -d /alidata/www/wwwroot -s /usr/sbin/nologin pwftp  也可以...

阅读(605)

Javascript|Nodejs

JavaScript函数式编程

chalecao 发布于 2017-12-21

转载,原文:https://zhuanlan.zhihu.com/p/21714695 一、引言 说到函数式编程,大家可能第一印象都是学院派的那些晦涩难懂的代码,充满了一大堆抽象的不知所云的符号,似乎只有大学里的计算机教授才会使用这些东西。在曾经的某个时代可能确实如此,但是近年来随着技术的发展,函数式编程已经在实际生产中发挥巨大的作用了,越来越多的语言开始加入闭包,匿名函数等非常典型的函数式编程的特性,从某种程度上来讲,函数式编程正在逐步“同化”命令式编程。 JavaScript 作为一种典型的多范式编程语言,这两年随着React的火热,函数式编程的概念也开始流行起来,RxJS、cycleJS、lodashJS、underscoreJS等多种开源库都使用了函数式的特性。所...

阅读(536)

脚本语言|必杀技

nginx反向代理配置

chalecao 发布于 2017-12-19

location location = / { # 精确匹配 / ,主机名后面不能带任何字符串 [ configuration A ] }   location / { # 因为所有的地址都以 / 开头,所以这条规则将匹配到所有请求 # 但是正则和最长字符串会优先匹配 [ configuration B ] }   location /documents/ { # 匹配任何以 /documents/ 开头的地址,匹配符合以后,还要继续往下搜索 # 只有后面的正则表达式没有匹配到时,这一条才会采用这一条 [ configuration C ] }   location ~ /documents/Abc { # 匹配任何以 /documents/Abc 开头的地址,匹配符合以...

阅读(591)

HTML5|CSS3

H5页面秒开-套路1

chalecao 发布于 2017-12-13

随着移动设备性能不断增强,web 页面的性能体验逐渐变得可以接受,又因为 web 开发模式的诸多好处(跨平台,动态更新,减体积,无限扩展),APP 客户端里出现越来越多内嵌 web 页面(为了配上当前流行的说法,以下把所有网页都称为 H5 页面,虽然可能跟 H5 没关系),很多 APP 把一些功能模块改成用 H5 实现。 虽然说 H5 页面性能变好了,但如果没针对性地做一些优化,体验还是很糟糕的,主要两部分体验: 页面启动白屏时间:打开一个 H5 页面需要做一系列处理,会有一段白屏时间,体验糟糕。 响应流畅度:由于 webkit 的渲染机制,单线程,历史包袱等原因,页面刷新/交互的性能体验不如原生。 本文先不讨论第二点,只讨论第一点,怎样减少白屏时间。对 APP 里的一些...

阅读(513)

Javascript|Nodejs

那用gulp+Babel来搭建ES6环境

2

chalecao 发布于 2017-12-05

那至于怎么使用gulp构建工具这一问题这里就略过咯(可以参考我之前发过的有关gulp的文章进行学习)。 在讲如何使用gulp来搭建ES6环境之前,先来介绍一下一个有用的插件——gulp-load-plugins(模块化管理插件)。 当然,下面这里其实也是可以跳过的啦。就当普及知识,如果已经知道,可以直接跳过。 先来看看我们在没使用该插件之前是如何做的吧。一般情况下,gulpfile.js中的模块需要一个个加载。如: var gulp = require('gulp'), jshint = require('gulp-jshint'), // 校验js的工具 uglify = require('gulp-uglify'), // 压缩js concat = require(...

阅读(513)

认真学习快乐工作

如何提升网页用户体验

3

chalecao 发布于 2017-11-15

“Slow” 改变DOM结构会使网页变慢? 在<head>中加载script? JavaScript 动画要比CSS3动画效率低? 20ms的操作算不算慢呢? 0.5s? 10s呢? “慢”是指什么? 不同的操作需要花费不同的时间来完成,如果离开上下文环境背景很难客观的说什么是快,什么是慢。例如,在浏览器空闲时运行的代码,对于一次触摸操作和一个游戏中的路径循环有不同的性能要求。. Put another way, the people using your website or app have different performance expectationsfor each of those contexts. Like every aspect of ...

阅读(560)

Javascript|Nodejs

前端开发测试工具mocha-in-browser

1

chalecao 发布于 2017-10-23

mocha-in-browser mocha in browser which can auto load test cases from user config file and can also provide useful test util methods。 GIT: https://github.com/chalecao/mocha-in-browser usage install mocha-in-browser npm install mocha-in-browser --save-dev mocha-in-browser 是问了方便你更好的编写mocha测试代码,如果在项目中使用,你还需要安装mocha, package.json中的配置参考: ... "...

阅读(705)

Javascript|Nodejs

需要了解的前端架构

1

chalecao 发布于 2017-10-22

未经允许不得转载:前端学堂fed123 » 需要了解的前端架构

阅读(778)

脚本语言|必杀技

Docker与nodejs系列教程

1

chalecao 发布于 2017-10-21

基础入门 MAC 安装 Docker 阿里云ECS Docker搭建WEB Dock应用与思考 未经允许不得转载:前端学堂fed123 » Docker与nodejs系列教程

阅读(881)

脚本语言|必杀技

Dock应用与思考

3

chalecao 发布于 2017-10-21

  Node.js Best Practices – How to Become a Better Developer in 2017提到的几点,深有同感: 使用ES6 使用Promise 使用LTS 使用Docker … 想必大家都知道ES6,Promise以及LTS,那Docker是啥玩意啊?翻遍Node文档也没见踪迹啊! GitHub仓库: nodejs-docker 什么是Docker? Docker是最流行的的容器工具,没有之一。本文并不打算深入介绍Docker,不过可以从几个简单的角度来理解Docker。 从进程的角度理解Docker 在Linux中,所有的进程构成了一棵树。可以使用pstree命令进行查看: pstree i...

阅读(775)

脚本语言|必杀技

MAC 安装 Docker

6

chalecao 发布于 2017-10-21

部署标准 【环境稳定】 我们选用:阿里云 的ECS服务器 【业内标准】 应用上云后,后期不管迁移到AWS,还是腾讯云,都一样了。 【易扩展】 上云后,每一台机器,都涉及到Tomcat, MySQL,JAVA,Ubuntu 等一系列环境,实在是太麻烦,这个问题要解决。 【易部署】 上面解决了环境问题,那我们的代码怎么上传到云上呢?直接通过scp 传递一个 war 包到云服务器,然后再启动应用,如果发布的war包有问题,要回滚,还要去自己再去找历史的war包文件回滚回来。这个问题也要解决。 Docker神器 + 阿里云 ECS 一统江湖 Docker配图,容器装载一切 什么是Docker? 第一次听说这个名词,我也蒙逼了,如果你也是初次接触,那就听我来打个比喻吧! 近期房地产...

阅读(996)

脚本语言|必杀技

阿里云ECS Docker搭建WEB

20

chalecao 发布于 2017-10-21

容器选型Docker MAC 安装 Docker: http://www.fed123.com/2017/10/21/mac-anzhuang-docker/ 安装好了,我们就开始在阿里云上跑WEB应用,以及MySQL,绑定域名等一系列的事情了。 下一个战场:阿里云服务器购买和安装Docker。 环境准备 阿里云帐号,支付宝的钱。 搞阿里云ECS服务器。 进入阿里云ECS后台截图如下: 进入阿里云ECS后台 点击创建实例按钮后截图如下: 选择主机位置 配置网络和安全组,勾选80端口 操作系统这里选ubuntu 因为是测试使用的,时间就选一周吧 最后一定要记好你设置的密码噢! 订单确认页面截图如下: 订单确认页面 其他就付款,然后等着阿里云创建实例就可以了。 然后再到实例列...

阅读(691)

HTML5|CSS3

CSS 变量(CSS Variable)

1

chalecao 发布于 2017-10-16

这是一个令人激动的革新。 CSS 变量,顾名思义,也就是由网页的作者或用户定义的实体,用来指定文档中的特定变量。 更准确的说法,应该称之为 CSS 自定义属性 ,不过下文为了好理解都称之为 CSS 变量。 一直以来我们都知道,CSS 中是没有变量而言的,要使用 CSS 变量,只能借助 SASS 或者 LESS 这类预编译器。 但是新的草案发布之后,直接在 CSS 中定义和使用变量已经不再是幻想了,像下面这样,看个简单的例子: 1 2 3 4 // 声明一个变量: :root{   --bgColor:#000; } 这里我们借助了上篇文章 结构性伪类 中的 :root{ } 伪类,在全局 :root{ } 伪类中定义了一个 CSS 变量,取名为 --bgColor 。 定...

阅读(568)

< Blog