- 博客(99)
- 收藏
- 关注
RSS订阅原创 git复习
有孩子问到关于git的问题，本打算写个笔记自己也当作复习，然后发现要写好多东西,还是先复习一些常用命令吧。git的一般工作流程不外乎是：0.本地新建一个git仓库和项目，将本地仓库关联到一个远程仓库上，将项目push到远程仓库。1.其他人在各自电脑上获取该项目，在本地分支上进行开发任务2.在给项目添加新特性的时候，开发者往往会创建一个本地的新分支进行开发试验3.在分布式开发的过程中，不时会有人提交...
2018-06-23 19:17:41
316
原创 《head first sql》读书笔记
非常推荐的一本入门书，有高中词汇就够了。虽然读的过程中觉得过于小白，但对夯实基础很有帮助。大学的时候虽然闲的蛋疼学了点mysql，但只是肤浅地停留在crud。毕业之后一直折腾前端的东西，也没有系统地学习数据库，前几天从大学城图书馆借了本《head first sql》原著，辅以知乎和stackoverflow总算啃完了。本书的脉络可以分为如下几个部分：0.基本的CRUD语句。1.设计表。2.查询表...
2018-06-19 21:30:03
660
原创 学习小程序基础的一点笔记
前两天面试完百度，不知道能不能过，不过决定这几天暂停一下，闭个关学我的python。有意思的是，面试期间，面试官问我能不能换技术栈，转vuejs。说部门项目都是vue或jssdk，不可能用react(“不可能”三个字咬得很重呢)。离开的时候我才想起，去年因为react那条有争议的专利条款，百度要求全面停止使用react/RN，但凡使用了react/RN的项目都迁移到其他框架去了。其实作为前端开发者...
2018-06-09 16:26:09
1209
原创 转两篇文章，alfred 破解和使用
今天才用了下Alfred，真的是神器。下面是简书的两篇文章：破解版：Mac神奇Alfred破解快速教程：5分钟上手Mac效率神器Alfred以及Alfred常用操作给两位大佬点个赞。...
2018-06-02 17:55:01
5802
原创 Python中的range函数
python中的range函数可以创建一个整数列表，常用在for循环中，这里做个常见用法的简记：range(5) #产生[0,1,2,3,4] 只传一个整数n则生成0 ～ n-1的listrange(1,5) #产生[1,2,3,4] 传两个数x,y则生成[x,y)区间整数的listrange(1,5,2) #产生[1,3] 第三个参数为整数m时，生成一个稀疏list，相邻元素间隔m，对...
2018-06-02 14:34:42
1395
原创 关于享元模式
这一周都是面试。昨天被问起设计模式，好久没去研究这方面了，我回忆着之前在《js设计模式》上看到的东西说了下自己对原型模式、工厂模式和享元模式的理解，一开始hr还点了点头，然后指出我对享元模式的理解不到位。然后开始说他的看法。我最喜欢面试的时候这种交流，不是提醒自己忘记的东西，就是通过别人的认识去理解某些事物。一开始我还挺听得懂，后来他说享元模式在某种意义上就是单例模式+工厂模式的结合时，我就有点迷...
2018-05-31 14:43:54
1002
1
原创 启动mongo报错：couldn't connect to server 127.0.0.1:27017
在vps上打开mongodb发现报错，查了下，一般产生原因是mongodb由于不正常关闭产生了一个mongo.lock文件，只要找到并删除这个lock文件，执行repair命令并重新启动mongodb就好了,stackoverflow网友给出的解决命令见如下。sudo rm mongod.lock路径sudo mongod --repair sudo start mongodb || sudo...
2018-05-27 13:14:08
38723
原创 hexo+Github Pages搭建个性博客
em...写这篇文章的缘由是早上和朋友聊起博客，hexo这框架久仰大名但一直没去试试，刚刚一时兴起挽起袖子就是干。流程：1.开通你的githubpage2.本地安装并部署hexo3.添加域名解析，让你的域名指向你的githubpage//******打怪升级开始首先是在你的GitHub开通githubPage，文档在这里。1.创建一个新的repo，命名为username.github.io ...
2018-05-23 13:45:45
1991
原创 前端用户权限认证
前两天一个前辈的项目告急，临交付前一天才找我说救命，然后给了我20多个接口(妈呀)。。。从白天敲到晚上再敲到白天再敲到晚上，终于搞定了，阿弥陀佛。他们的接口用的是jwt，之前好像没写过这部分，现在觉得是该记录一下了。在mvvm火热的今天，许多公司都做SPA产品，其中用户权限是个老生常谈的问题，除了传统的session-cookie，在SPA用的比较多的是json web token（jwt）。在网...
2018-05-22 16:42:13
5664
原创 reselect--react性能优化之避免冗余计算
react就像facebook自己说的，真的就是个写视图的库而已。当初学者开始着手项目时，会发现想将项目功能实现或扩展、优化，总需要一些其他的库或工具函数。今天想来写一个比较常用且实用的库，reselect。当我们接触redux的时候，我们发现，虽然用redux之后要额外写一堆东西，但确实让数据流通变得规范、状态管理变得可控。通过用react-redux提供的connect函数，mapStateT...
2018-05-18 22:40:27
3661
原创 react按需加载
以前在博客园记录过react代码分块的实现，不过当时主要是关注“能实现”，没有深入研究。今天复习顺便深入一下。/***引子开始***/初学者在学习react或用react开发小项目时，一般不需要考虑到代码分块，往往在打包的项目中就已经包含全部的state和reducers。至今很多团队开发项目都是用传统的文件组织形式：component(或container)文件夹：存放视图组件或容器组件acti...
2018-05-15 18:51:10
8532
原创 reate-react-app 打包后引用路径问题
发现create-react-app打包后路径css、js文件饮用路径不正确，在sf上网友提出直接修改package.json的homepage值为'.'即可。create-react-app打包后会在引用路径上加上homepage的路径部分。https://segmentfault.com/q/1010000009672497/a-1020000010815177...
2018-05-14 15:36:54
6168
原创 react-router-redux填坑
使用react-router4.npm install react-router-redux 安装的react-router-redux默认是到@4.0.8,当使用ConnectedRouter组件包裹app时，会报错说引入的不是组件/string(type is invalid).这是因为该版本不能和react-router4协作见：https://github.com/ReactTrainin...
2018-05-14 14:41:22
2144
原创 MAC 上emmet在sublimetext上按tab无法自动补齐标签
换了电脑，重新安装发开环境的时候发现这个问题。solution：打开preferences-PackageSettings-Emmet-Key Bindings-User， 加入以下：[ { "keys": ["tab"], "command": "expand_abbreviation_by_tab", "context": [ { "operand": &
2018-05-14 10:57:36
2977
1
原创 前端工程项目的NODE_ENV
在搭建前端工程项目的时候，在package.json的scripts命令内容和webpack配置文件中可以看到NODE_ENV这个变量，它的值可以是development或product，也有人简写为'dev'或'prod'。1.这个变量有什么用？ 顾名思义，这个变量表示构建项目的当前环境，也就是我们的程序会跑在生产环境、测试环境还是开发环境，在webpack配置中我们会根据不同环境作出不同...
2018-05-09 16:46:18
11594
1
原创 React Native初涉
这两天看了下rn文档：https://facebook.github.io/react-native/docs/getting-started.html做了初步的学习，这里记下一些入门部分的要点。打怪升级开始--------------------------------------------------------序：npmV5安装create-react-native-app会报错？solu...
2018-05-09 09:44:50
319
原创 -------------时代分割线-------------
离开sina后一直在博客园留笔记，来深圳后这几个月都没记笔记了。决定还是恢复一下，转到csdn。
2018-05-08 21:20:36
152
原创 简单拖放
1.将待拖的元素的draggable属性设置为true。2.触发待拖元素的ondragstart属性，即拖动开始时触发事件。3.ev.dataTransfer.setData("type", data);设置拖动数据的类型和值。4.ondragove事件规定被拖动数据能放置到何处。由于元素默认不能拖放进其他元素中，需要在ondragove事件中设置.preventDefault();阻止默认
2017-07-06 15:31:11
241
原创 音视频
html中插入多媒体的标签有H5支持的：audio 音频video 视频-source; 为audio和video定义媒介资源，浏览器加载自己支持的那份embed 嵌入内容ps:W3C强调embed是H5的新标签，但是在以往的页面中都会使用embed标签，查了下资源，object最早是由MS引入用以支持ActiveX，但其他浏览器使用的是embed嵌入多媒体。embed以往虽然不是W3
2017-07-06 15:31:05
355
原创 复习一下canvas(一)
讲真一般企业其实用到canvas的场合应该不是很多，基本的api也不难。今天复习一下：绘制矩形的api：fillstyle="";fillRect(x, y, width, height) 填充strokeRect(x, y, width, height) 边框clearRect(x, y, width, height) 清除绘制路径的api：beginPath()ctx.mo
2017-07-06 15:31:00
263
原创 简单的水平滚动面板
.wrap：{ width:100%;overflow-x:auto;over-flow-y:hidden;white-space:no-wrap;}.item{display:inline-block/flex;}
2017-07-06 15:30:55
429
原创 vue中使用sass
在.vue组件中使用sass，安装了sass-loader后，运行webpack报错说找不到python。一说sass编译需要python2。查询后明白了，vue中使用sass要安装sass-loader和node-sass，sass的编译需要用到node-sass。用淘宝镜像解决方法如下：npm install -g cnpm --registry=https://registry.n
2017-07-06 15:30:50
510
原创 npm run webpack 和直接webpack
好多新手会问一个问题，直接webpack可以运行，npm runwebpack却出错。首先webpack的话是直接运行webpack.config.js里的配置。配置正确的话一般是没问题的。而npm run是运行package.json下scripts标签里的命令，如果scripts里没有添加webpack这个选项，比如："webpack": "webpack --config webp
2017-07-06 15:30:45
1148
原创 关于设计模式，简记
这几天看《Javascript设计模式》。第一个感受是翻译真不怎样。其次受益良多。这里先记下初步的理解，以后慢慢补充、深入。 设计模式本质上是针对某一类特定问题的解决方案，并且这些解决方案经过社区的广泛试验被认为是行之有效的。作者将javascript设计模式划分为三大类：创建型、结构型、行为型。当然书中只是介绍了最常见的那些。 创建型有：Constructor、F
2017-07-06 15:30:40
271
原创 sass简记
虽然内容不多，还是留个笔记吧。css预处理器本身只是添加了编程的特性（就sass而言，主要是变量、嵌套、语句和函数）让写css的过程更像编程，同时大幅提高了样式代码的复用。1.使用sass要先安装ruby，上官网安装。2.gem install sass安装sass。3.写sass文件。主要知识点：1.可以使用变量，$a：xxx，变量名前加$符号.变量有作用域，局部变量于优先于外部的同
2017-07-06 15:30:33
391
原创 vuex笔记
vue本身是组件化开发应用的，但是组件化开发自然会遇到一个问题，组件间有些共享的变量/数据（即state），组件要怎样简练快捷地响应state的更新。vuex本身的意义就是解决这个问题。vuex的方案是，在vue中构建一个用于存储state、定义操作state方法的仓库（即store）。通过在多个（不一定是全部）组件中引用需要的state、调用“操作state的方法”来实现对给共享变量的处理。且由
2017-07-06 15:30:28
511
原创 div自动换行及截断文本
之前在vue上模拟对话框，动态生成的div里内容没有自动换行，找到一个解决办法是css加word-wrap样式：word-wrap：break-word；行末会把单词作为整体切换到下一行；另外还有一个word-break：break-all;把单词截断到下一行。怕忘记，先记在这里。.truncate{width:100px;overflow:hidden;text-overflow
2017-07-06 15:30:23
1842
原创 生成html模板
做个笔记吧。动态生成html是很常见的需求，无论是单纯web页面或app都会有根据给定条件生成DOM结构来表述信息的情况，比如勾选了航线和日期后展示符合条件的邮轮列表。大多数情况下开发者都是直接拿个插件来弄。1.原生dom方法有createElemen t()和createDocumentFragment()方法，生成tag和fragment(存储DOM的容器)，由于页面反复渲染会明显影响性
2017-07-06 15:30:13
751
原创 vue+webpack实现异步组件加载
本来很简单的事情折腾好久。1.vue文档只给出了Vue.component('comp_name',function(resolve,reject){})在回调里ajax加载组件定义内容的例子，但现在习惯.vue文件写组件，在点击路由获取.vue的时候怎么弄呢？2.webpack的coding-split支持commonjs/amd语法，即有不同的实现。网上查了n多案例乱七八糟的，最后终于弄
2017-07-06 15:30:09
14431
原创 填坑
前段时间过完ES6回来vue的进阶部分，真nima多坑。主要关注router、vuex、vue组件vue-cli手脚架+webpack-simple搭建项目：npm install vue-cli -gvue init webpack-simple hello-vue(项目名)cd hello-vuenpm installnpm install vue-router vue-resou
2017-07-06 15:30:00
214
原创 正则
以前听同学说，他正则只学了一些基础，用到复杂的都是网上copy下来用，后来参加工作了发现确实一个项目中用到的复杂正则其实不多，因为自己写一个正则必须理解这个模式的规则，像匹配身份证的regexp，估计没多少人会真的去研究每一位是代表什么/能匹配到哪个数字。今天稍微复习一下。一.创建：直接量创建： var a=/s$/;RegExp构造函数创建：var a= new RegExp("s$")
2017-07-06 15:29:55
235
原创 git 默认文件名大小写不敏感
刚刚用纯js写一个滑动幻灯片，传到github发现一个图片的后缀名大小导致载入URL失败，修改后再上传发现git显示无改动，查了下发现git默认文件名大小写不敏感，可通过git config core.ignorecasefalse修改，由于网友建议不要改动这项，重新上传完成后设置回“true”即可。
2017-07-06 15:29:48
453
原创 关于移动端滑动事件
以前在公司开发webapp的时候，用的是插件swiper，只对touch事件也只是有所了解，今天火狐社区看了下文档，做些笔记。1.touch事件通过手指与屏幕的触点信息为用户与界面的交互提供了便利，根据文档，touch事件的接口是基于一些更底层的支持手势应用的（当然这个就暂时不用管了）。touch事件包含一组touchList，touchList是一组touchpoints（或者称touch
2017-07-06 15:29:44
1913
原创 CMD快速进入某个文件夹--转自CSDNd…
1.cmd /k cdc:\Tornado2.2\host\x86-win32\bin以前没想太多都是用这方法，今天从从机智的网友那里看到另一种方式。2.复制一下文本并保存为reg格式，双击导入注册表。之后右键某个文件夹，就能直接打开该文件路径下的cmd里，赞~Windows Registry Editor Version 5.00 [HKEY_CLASSES_ROOT\folde
2017-07-06 15:29:39
1940
原创 BOM
BOM提供了很多对象来访问浏览器的属性和功能。常用的有window、location、history等；Window：window.moveTo(x,y);window.moveBy(x,y);window.resizeTo(x,y);window.resizeBy(x,y);--------------------以上IE7默认禁用，只对最外层window--------------
2017-07-06 15:29:34
169
原创 模仿块级作用域
块级作用域的意义在于将代码的可访问性限定在某个代码段中，屏蔽对外部的影响。JS中由于没有传统的块级作用域，所以只好用匿名函数来构造闭包来实现。var variable=(function(){})();function(){}外部的括号表明这是一个函数表达式，后面的()表示立即执行。第二个括号的含义不难理解：var Fn=function(){ //定义一个函数 somecod
2017-07-06 15:29:29
286
原创 巩固基础--global对象Math对象
全局的global对象，ECMAScript中没有定义直接访问它的方式，在JS中是作为window对象的一部分实现的。根据规范，所有不从属于其他变量的属性和方法都是global的属性。属性：特殊值undefined、NaN、Infinity，原生引用类型构造函数Object、Array、Function、Date、Error、RegExp、Boolean、String、Number。方法：
2017-07-06 15:29:24
213
原创 简单复习下函数（基于《JS高级程序…
JS中对象总是某种类型的实例。函数是Function类型的实例且和其他对象一样具有属性和方法，今天简要复习一下。1.函数定义，函数声明语法和表达式。但是函数声明语法定义的函数，在JS解析器"在向执行环境加载数据时，会先读取函数声明"(函数声明提升)，而表达式定义的函数在执行到该行时才执行函数。2.没有重载。JS中并不允许直接访问内存中的位置，只是操作内存中对象的引用，因而函数名只是存储着对函
2017-07-06 15:29:19
148
原创 JS对象检测
简单复习：typeof检测基本类型(null返回object)，instanceof检测对象实例（基于原型链）typeofvariable:操作符:字符串(string)、数字(numbel)、布尔值(boolean)或undefined(undefined),null或其他引用类型(object)，函数返回function;variable instanceofconstructor:
2017-07-06 15:29:14
301
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人