自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

不懂小彬的博客

一个不像程序员的程序猿

  • 博客(20)
  • 收藏
  • 关注

原创 青桔单车 chameleon 跨平台实践

青桔单车 chameleon 跨平台实践前言背景行业现状 — 百家争鸣业务要求 —高效稳定多入口框架期望实践跨端技术方案设计跨平台框架——chameleon青桔单车业务技术架构多端界面一致性差异化(定制化)工程化常用执行命令数据 mockCML 配置框架设计组件调用-父子组件通信数据的管理-storecml 框架设计性能性能提升包大小总结前言近些年,整个前端领域发展迅速,效率型的前端框架也层出...

2019-06-09 00:13:23 1431

原创 深入Javascript异步编程

深入Javascript异步编程深入Javascript异步编程一、 什么是同步编程、异步编程1. 同步编程2. 异步编程3. 常见的异步任务二、 剖析异步编程1. 看一个DEMO2. Event loop事件3. Microtasks 和 Macrotasks的分类4. 运行差异三、 异步编程的几种方式1. 回调函数2. 事件监听3. 发布/订阅4....

2018-04-21 12:20:51 747

原创 关于闭包很锻炼人的一道题

function fun(n,o) { console.log(o) return { fun:function(m){ return fun(m,n); } };}var a = fun(0); a.fun(1); a.fun(2); a.fun(3);var b = fun(0).fun(1).fun(2).fun(3);var c = f

2018-02-01 18:47:21 424 1

原创 ES7异步 — Async/Await 文件读取下载

ES7异步 — Async/Await 纵观JS的异步操作Ajax、Promise,到如今ES7的Async/Await,前端Javascript朝着越来越规范化的方向前进着,嗯,废话说完了,来我们看例子吧根据电影文件名,自动下载对应的海报,如下: import fs from 'fs';import path from 'path';import request fr

2018-01-10 12:55:33 765

原创 前端gitignore配置[推荐]

前端gitignore配置[推荐] 用了很久了,分享一下自认为前端比较常用的gitignore配置吧 PS: 在项目下新建一个.gitignore文件,然后把下面那段填上去就可以# Numerous always-ignore extensions *.bak *.patch *.diff *.err # temp file for git confl

2018-01-08 12:03:26 8266

原创 如何编写对seo友好的html文档

列出了以下几点:第一点: 1.标签放网页的标题,各个页面不同。 2.列举出几个重要的关键词。 3.网页内容的高度概括。第二点: 每个页面只能出现一次H1标签,H2标签可以多次:H1权重很高,普遍认为仅次于title,一般资讯详情页的标题、商品详情页的标题,都放在H1里。第三点: 图片一定要添加alt属性,title属性可选:搜索引擎不认识图片上的内容,只能通过alt属性来

2017-12-28 12:40:55 1096

原创 微信H5视频/VIDEO/全屏/不全屏/自动播放等相关问题

做过微信H5视频的大胸弟们肯定受到过成吨的伤害甚至多到怀疑人生的地步,自动全屏,不能全屏,不能自动播放,Android,IOS,巴拉巴拉……多到令人发指!今天整理了一下相关的解决办法,以上并不是全部解决了,但是起码能打个60分……第一步:设置 x5­video­player­type 启用H5同层播放器通过video属性“x5­video­player­type”声明启用同层H5播放器 x5­v

2017-12-28 11:28:15 29470 6

原创 Term(MAC终端)配置及相关优化设置

动起手来我们折腾一下 Term ( 终端 ) 吧 MAC自带的Term ( 终端 ) 不好看,相对iTerm2来说也不够方便,所以推荐大家下载iTerm2使用~ iTerm2下载地址:https://www.iterm2.com/下载后拖到应用程序中,接下来我们做相应的配置(作为一个资深的程序员,折腾是必须的,所以我们要坚持各种的非常人所忍受的事情)来,我们先上个图:主要的部分就是文

2017-12-22 17:47:59 6326

原创 推荐一些不错的技术团队博客

没事可以翻翻里面的一些干货,万一灵感得到启发了呢! 技术团队 访问链接 美团技术团队 http://tech.meituan.com/ 腾讯TG ideas http://tgideas.qq.com/ 腾讯AlloyTeam http://tech.meituan.com/ 阿里巴巴UED http://www.aliued.cn/ 京东技术团队 htt

2017-12-03 19:28:37 783

原创 推荐几个不错的VUE UI框架

推荐几个不错的VUE UI框架 vux:http://vuematerial.com/#/ mint:http://mint-ui.github.io/#!/zh-cn vue-carbon:https://myronliu347.github.io/vue-carbon/#!/ vue-mobile:https://github.com/vum-team/vum vue

2017-10-11 11:33:30 52060 1

原创 MAC终端切换目录卡顿(cd xxx 慢)

一般情况下,cd 到任何目录是非常快的,不会出现问题,当你装了 oh-my-zsh 时,切换到git仓库目录时就会卡。纠其原因:oh-my-zsh 默认都是启用的 git 插件,会去遍历当前仓库所有文件的 change 状态。解决方案在终端输入 git config --add oh-my-zsh.hide-dirty 1如果想还原的话 在终端输入 git config --add oh-my-

2017-06-08 13:08:34 3321

原创 JavaScript的柯里函数

什么是柯里化函数 柯里化函数是把原来接受多个参数的函数变换成接受一个单一参数的函数,并且返回接受余下的参数而且返回结果的新函数。function currying(fn) { var slice = Array.prototype.slice, __args = slice.call(arguments, 1); return function () {

2017-06-08 12:02:38 230

原创 CSS常用布局之——一列定宽,一列自适应解决方案

纵观css盒子(标准or非标准)常用的布局中,我大致分为2类,一种是居中,一种是等分。居中包含了水平居中,垂直居中,水平垂直居中;等分又包含了等分块布局,等分高布局……一列定宽,一列自适应1. float + margin<div class="parent"> <div class="left"> <p>left</p> </div> <div class="right">

2017-05-02 20:10:27 952

原创 CSS常用布局之——等分等高解决方案

纵观css盒子(标准or非标准)常用的布局中,我大致分为2类,一种是居中,一种是等分。居中包含了水平居中,垂直居中,水平垂直居中;等分又包含了等分块布局,等分高布局……等分布局先看看等分的布局方案1. float<div class="parent"> <div class="column"> <p>1</p> </div> <div class="column"> <

2017-05-02 19:58:38 1529

原创 CSS常用布局之——水平垂直居中解决方案

纵观css盒子(标准or非标准)常用的布局中,我大致分为2类,一种是居中,一种是等分。居中包含了水平居中,垂直居中,水平垂直居中;等分又包含了等分块布局,等分高布局。水平居中先看看水平居中的布局方案1. margin + 定宽<div class="parent"> <div class="child">Demo</div></div><style> .child { width

2017-05-02 15:45:30 492

原创 解决VSCODE界面出现阴影-MAC版

莫名其妙的就出现这种问题,强迫症表示接受不了解决办法:在Code => 首选项 => 用户设置 中增加{"window.zoomLevel": 0.5,"editor.fontSize": 12,"editor.mouseWheelZoom": false}Ctrl + S 后完美解决!

2017-05-01 22:43:52 1739

原创 移动端REM响应式模板及相应规范

M端模板html>head> meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> meta charset="utf-8"> meta name="viewport" content="width=device-width,initial-scale=1,maximum-scal

2017-04-26 11:10:06 1264

原创 WEB端HTML规范及模板

我们会从以下几个方面进行规范化:点:html标签、css属性、js语法线:由HTML+css+js 开发的组件、模块面:由组件组合起来的页面体:由多个页面组合起来的网站系统相关的规范后期会补充,请谨遵 “简单便捷,实用为主”的理念! 编写对SEO友好的文档PC端模板<!DOCTYPE HTML><html><head> <meta charset="utf-8"> <me

2017-04-26 11:07:50 671

转载 websocket到底是什么

作者:Ovear链接:https://www.zhihu.com/question/20215561/answer/40316953来源:知乎著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。一、WebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化,或者说没关系,但HTTP是不支持持久连接的(长连接,循环连接的不算)首先HTTP有1

2017-04-21 18:23:14 1508 1

原创 随便说说

有问题就百度,百度到的东西基本上看的都是别人博客里的技术分享……突然意识到入行这么久了,是不是也应该分享点什么,哪怕只是一段html文档,一段css布局,一段js代码……回想一下从一个嵌入式开发(c指针乱指向,学习各种开发版、处理芯片)到一个实现各种页面的前端开发,期间的种种还是耐人寻味的,一碗泡面,一份KFC,一杯咖啡(推荐马来的旧街场),同小伙伴们一起奋斗到深夜也并不觉得疲倦,反而

2017-02-13 15:23:49 280

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除