- 博客(66)
- 收藏
- 关注
RSS订阅原创 windows10在局域网内分享文件到Mac
windows10在局域网内分享文件到Mac因为想把有道云笔记迁移到notability上，但是有道云笔记只支持在PC客户端进行全部导出到操作，所以需要从PC快速分享文件到Mac上 方法首先保证windows电脑和Mac 在同一局域网 - window上： 运行-> cmd -> ifconfig -> 得到本机在局域网到ip - window上：...
2018-09-14 17:11:28
9762
原创 git的一些命令
平时做项目，WebStorm对git的支持度很高，手动拉下，查看区别，提交，revert什么的，都挺方便的。有时候也会开命令行写（脑子比较昏的时候，直接用图形化的界面容易出错）。现在总结下： 涉及到bash shell:cat (tail,head) clear ls/ll pwd vim cp/mv(src dest) grepgit init git status（查看状态）
2017-09-01 14:51:24
255
原创 AngularJS + controller + 总结
上午终于上线了之前两个礼拜做的需求，过程中遇到了挺多坑的，还夹着一个偏前端端别的项目在做，有点紧张。在AngularJS做的那个项目中，性能上问题是个大问题，想了下，除了ui-grid这个控件可能不太适合我们那个项目（因为项目要有编辑表格的功能，逻辑还挺繁复），最最重要的是：什么都写在controller里面，成了代码的瓶颈，directive反而特别轻，没能做到分开来，没能做到该做什么的就去做什么
2017-08-31 18:05:07
520
原创 AngularJS 的测试
其实组会上也提到了测试的问题，毕竟我们的项目大部分都用到了angularJS，如果能做一部分重要代码的单元测试，其实是有必要的，尤其是产品将要做成开源的情况下，不过开发任务重的情况下，再写测试，不是每个人都可以适应的，但是有个概念我觉得很好，可以做一做测试，至少拿一些代码做做单元测试的实验，这样子可以加深自己对可测试代码的概念，自己写的时候，也会更加注意。下面是听阿里懒懒分享会视频的笔记：保证新代
2017-08-24 16:08:53
312
原创 AngularJS 表单验证
modal和toaster都是弹出框,项目里面modal 和 toaster都是弹出框,项目里面modal用的比较多，也有配合着用的，$modal的理解，关键在于“如何进行数据的传输，各个方法的作用“。一个close（），这个里面可以将结果传输到modalInstance.result.then(function (data) {}里面。也是很关键的一点，一定要分清楚功能，什么功能在什么地方实现，
2017-08-24 15:31:54
222
原创 AngularJS——总结笔记
1.$modal 和 toaster都是弹出框,项目里面$modal用的比较多，也有配合着用的，$modal的理解，关键在于“如何进行数据的传输，各个方法的作用“。一个close（），这个里面可以将结果传输到modalInstance.result.then(function (data) {}里面。2.也是很关键的一点，一定要分清楚功能，什么功能在什么地方实现，要熟悉angula
2017-08-24 10:38:06
437
原创 SEO
SEO搜索引擎优化黑帽SEO 白帽SEO - 网站标题，关键字，描述 - 网站内容优化 - robot.txt文件 - 网站地图 - 增加外链引用网站结构布局优化（扁平化结构）首页链接数量目录扁平化导航SEO优化（面包屑）细节（翻页）网页代码优化SEO语义化代码重要内容的html代码放前面重要内容输出iframedisplay:none不断精简代码组件化，模块化，
2017-08-22 22:05:12
276
原创 2048移动端适配
1.页面自适应 之前在CSS定义固定的长度，现在在JS中按百分比计算 移动端和桌面端判断，加个判断宽度像素代码，然后选择看用那个2.触摸事件 屏幕坐标系，y轴正方向向下。向量 startx = event.touches[0].pageX; endx = event.changedTouches[0].pageX;deltax = endx - startx;event.preventDe
2017-08-19 20:30:49
383
原创 2048小游戏
*之前看一个课程视频，教做一个Web端的2048的小游戏，现在重复看下，对之前的笔记做个总结。***游戏**：逻辑，技术，架构，==创意==，美术技术这里面除了最基本的，还用到了jQuery（动画部分）。架构是MVC的。主要需要以下几个部分：- UI（V）- 动画效果逻辑- 游戏主逻辑（C）- 支撑逻辑- 游戏数据（M）jqu
2017-08-19 19:46:23
230
原创 Math.random()
Math.random(); 高程上说返回大于等于0小于1的一个随机数(小数值)。从某个整数范围内随机选择的值 = Math.floor（Math.random() * 可能的总数 + 第一个可能的值）（1到10， 10， 1） （2到10， 9， 2）可以设计个函数，直接传入范围。=》可以用它来实现从数组中随机选择一项
2017-08-19 17:50:15
180
原创 介绍几个工具
jsFiddle,jsBinjsFiddle是可以在线调试js,html,css代码的，可以在线显示各个部分，jsBin也是，这两个都比较适合做在线演示。不过自己写的话，在浏览器下载同步于自己IDE的插件就就可以了，我用WebStorm比较多，所以同步调试可以用live edit。codepen（codepen.io/pens）一个超级棒的网站，可以算是前端的一个平台吧，和上面两个有相同点，都可以在
2017-08-19 17:36:01
202
原创 调试之定位问题
昨天下午来了个需求，做一些小的改动，主要是一些数据的处理，然后加一些逻辑依赖。逻辑依赖这部分是根据页面上的选项的改动，后台对下面的选项显示增加一些限制，相当于一个过滤吧，所以首先想到了再页面上加过滤器，但是有个多选的选项，所以不太方便，同一放到了controller里面处理。也就是增加一个ng-change,一旦选项发生变化，就调用change里面的函数，函数对数据输出做处理。很简单，但是涉及到一个
2017-08-17 11:39:19
301
原创 CSS规范的一些问题
在360特训营的时候，对于CSS的命名规范，老师建议BEM。这是一种组件化的思考，保证了唯一性和可重用性，适当的分离，还有可读性。但是也的确存在一些问题，比如，如何起名字，当时老师给出的建议是可以多看看比较新的版本的bootstrap等，做参考。目前做过的项目中，还没有应用过SASS、LESS，除了再学习bootstrap的时候，跑过的一些demo。我觉得如果需要更好的运用他们，肯定需要深入理解其运
2017-08-16 10:25:40
331
原创 AngularJS学习笔记（五）
最后一部分啦～自定义compile与link函数compile函数的作用：对指令的模版进行转换 link的作用：在模型和视图之间建立关联，包括在元素上注册事件监听scope在链接阶段才会被绑定到元素上对于同一指令的多个实例，compile只会执行一次，而link对于指令的每个实例都会执行一次compile函数应该返回一个link函数供后续处理一般只要编写link函数就够了从ng-app开始，递归
2017-08-15 15:41:15
181
原创 AngularJS学习笔记（四）
这部分讲原理部分，主要是分析angular.js的源代码，蛮有意思的，也很重要，深入理解原理，哈哈，知其然还要知其所以然，知其所以然，才能更好的知其然。几个tips：$scope是个树形结构看源代码——debug 此bootstrap非彼bootstrapreturn 语句可以放在前面1.启动～ 主要看angular.js文件的最后面 用自执行函数的形式让整个代码在加载完成后立即执行
2017-08-15 11:53:40
229
原创 AngularJS学习笔记（三）
这部分讲了一个BookStore的实例，我就结合下自己做的项目谈下想法吧。伪造后台数据例子里面的数据是伪造的json文件，这里面想到了自己做的项目，后端也在不断改接口，优化数据，之前一直在单位调试，回家网上VPN也不方便，所以想着存一个表，然后调试，把后端的数据拿到后，存下来，放在json文件里面，然后直接请求json文件。这样子写逻辑的部分就完全可以在家写啦。用Bootstrap 的语法，先把
2017-08-14 17:57:53
185
原创 angular学习笔记（二）
基本概念有如下几个重要的点：MVC的概念：MV是可复用的 MVC是手段，目标是实现模块化，可复用 当然，前端的特性也会给前端MVC带来一定的困难Angular的MVC借助$scope实现controller：不要试图复用controller，不要在controller中操作DOM要分清楚功能，该做什么，适合做什么，有的功能别的去做了，就不要去做路由，模块，依赖注入这里面说下：
2017-08-14 16:52:25
229
原创 angular 学习笔记（一）
工作的主要项目是一个由angularJS和electron构建的系统，然后最近在做的一个数据展现系统也是angularJS构建的，要展现很多的表格，里面用到了ui-grid。对于angularJS的学习，在做完系统之后，进行一个复盘，重新去看，去学，感受也是很不同的。学习是大漠的一个实战课程，还有就是Shyam和Brad的AngularJS：UP & Running。这本书
2017-08-11 15:29:59
276
原创 AWS-RedHat下安装Firekylin
之前用腾讯云的云服务器试了下FireKylin博客系统，感觉很好，但是国内的服务器都需要备案，所以决定试下AWS的服务，如果按照指示上的指定机型选择，是有一年的免费服务的，需要绑定信用卡，如果不想用了，可以关停账号，但是不能解绑信用卡。下面讲讲在用AWS中遇到的一些问题。 1. 语言选择：刚开始没看清楚，一直看的英文，其实AWS的网站可以选择中文，而且获得了服务器之后，控制台也可以选择中文，说明
2017-08-11 11:38:27
546
原创 XSS
有关网络安全，和前端最密切的，应该就是XSS漏洞攻击了。之前看SegmentFault的讲堂的课程，作出如下总结。一.攻击的一些成因：劫持（https）缓存投毒（https，vpn）文件投毒客户端投毒（插件，二次验证）猥琐绕过，反射型，存储型XSS！！！二.编码 1. html编码：10，16进制，别名（可混合，引号不是必要） 2. js编码：8，16进制，unic
2017-08-11 11:32:24
311
原创 工作小结
工作了一段时间，发现做自己喜欢的事情，累虽然累，但是调试成功那一刻，还是很开心的，跟着师傅做，也在不断的时间中，提高了对细节的把控力度。前端其实也是一个不断熟练的过程，真正做了项目，才发现，积累是很重要的，工作的快慢，调试BUG的能力，解决问题的能力，都是在一个个需求中成长的。性格的原因吧，不做完一个事情，就不太愿意放下来休息，但是这样也可以快速成长，好些个加班的晚上，回家的时候，心里是很
2017-08-10 18:21:23
163
原创 记一下几个BUG
push之前一定要注意细节，审查一遍今天遇到几个Bug，都是由于提交之前没有做仔细的审查导致的。 1.不断向服务器发送请求，因为测试时改了一个ID，导致没有这个ID时就不断请求了。 2.单选改复选，也是名字弄错了。 3.改出来了报错，可能是因为后端接口的问题，今天的问题就是后端接口有问题，记得查看数据结构（http请求），确认问题。
2017-08-10 18:08:31
255
原创 小试fireKylin
在机油的推荐下去用了火麒麟博客，配置完大概不到30分钟，被通知服务器需要备案～备案太折腾，就放弃备案了。域名只需要实名制就可以了，据机油说，他的服务器备案大概花了1个月的时间。配置就按照腾讯云的流程在CentOS 7.2 64位的机器上进行的，有两个地方比较慢： 1. mysql的服务器下载 2. firekylin 的程序依赖安装，npm install ，换了淘宝的源，果然快了
2017-08-10 18:07:26
539
原创 return; return false; return true;
return; return flase; return true;首先来看一张图 结果已经很明显了。接下来看文档是怎样描述的Syntax return [[expression]]; expression The expression to return. If omitted, undefined is returned instead.Description When a return
2017-03-28 20:36:32
351
原创 HTML5 User Interaction（描述页面内容交互工作的新方式）
针对wiki这样的网站，可以用contenteditable这个属性，从而方便用户编辑。
2016-09-11 13:26:53
617
原创 JavaScript刷数据结构和算法——斐波那契数列的表示（递归，非递归）
有两种方案，递归的用到了动态规划。//递归方案-动态规划function fibonacci(num) { if (num ===1||num ===2){ return 1; } if (num > 2){ return fibonacci(num-1)+fibonacci(num-2); }}
2016-09-02 15:53:18
753
原创 CSS小结
怎么用CSS生成一个内凹圆角？答：学会组合，拆解图形可用方法：linear-gradient()（CSS3 Gradient 分为 linear-gradient（线性渐变）和 radial-gradient（径向渐变）） 目前的几种现代浏览器的内核，主要有 Mozilla（Firefox，Flock等）、WebKit（Safari、Chrome等）、Opera（Opera浏览器）、Triden
2016-09-02 14:38:53
266
原创 DOM
浏览器使用HTML文档对象模型（DOM），将一个只包含html标记和css代码的页面构建成为一个页面。JavaScript解释器引用DOM对Web页面做出修改，而无须重新加载。DOM帮助三者有效协同工作，提供了一个标准化的框架。JavaScript使用DOM来改变页面的结构。jQuery ——> 处理DOM时不必了解它的每个细节。
2016-09-02 14:30:47
187
原创 回调函数callback
最近用javascript刷了一边数据结构和算法。里面再讲深度优先和广度优先搜索算法时，都用到了callback。想来，自己对callback还不是很明白，因为不理解其要用的用意。 上面说，这个参数可选，但是如果传递了，会用到它从知乎上看到了如下解释： 一般情况下，应用程序（application program）会时常通过API调用库里所预先备好的函数。但是有些库函数（library f
2016-09-02 14:29:35
281
原创 互斥量和临界区
critical section 临界区:通过对多线程的串行化来访问公共资源或一段代码，速度快，适合控制数据访问。 mutex 互斥量:为协调共同对一个共享资源的单独访问而设计的。首先，讨论互斥量和临界区之前，理解下他们和用户态和内核态的关系。临界区是非内核对象，只在用户态进行锁操作，速度快；互斥量是内核对象，在核心态进行锁操作，速度慢。临界区只能用于对象在同一进程里线程间的互斥访问；互斥体
2016-09-02 14:16:16
273
原创 欢迎使用CSDN-markdown编辑器
堆和栈昨天网易模拟测试，最后一个题目就是讲一讲堆和栈的区别，记得以前学C++的时候，老师就作用域的问题谈过堆和栈，现在具体分析一下： Java 的堆是一个运行时数据区,类的(对象从中分配空间。这些对象通过new、newarray、anewarray和multianewarray等指令建立，它们不需要程序代码来显式的释放。堆是由垃圾回收来负责的，堆的优势是可以动态地分配内存大小，生存期也不必事先告
2016-09-02 14:09:49
206
翻译 js权威指南里面的贷款计算器
360的编程题基本没写，有点难过，第二天，花了一个上午顺了下这个贷款计算器，感觉还是蛮重要的，在计算上。顺便顺一下HTML和CSS的知识点html>head>title>JavaScript Loan Calculatortitle>style>.output{ font-weight:bold; }#payment{ text-decora
2016-03-29 19:11:07
2261
1
原创 js测验（w3c）
JS 测验结果：19/20您的回答：1.我们可以在下列哪个 HTML 元素中放置 Javascript 代码？您的回答：2.写 "Hello World" 的正确 Javascript 语法是？您的回答：document.write("Hello World")3.插入 Javacript 的正确位置是？您的回答： 部分和 部分均可
2016-03-29 18:43:02
430
原创 HTML5 developer‘s cookbook 学习笔记（新的结构元素）
doctype之前了解的都不细致，cookbook里面讲的很清楚，document type definition，文档类型声明为什么它要在第一行呢，因为是它告诉浏览器如何处理文档的，若非，则浏览器进入quirks mode,怪异模式，这样子代码就有可能无法正常运行了吼奏是这么清爽，告诉浏览器处于标准模式下其实很早的时候也是超级简单的。字符编码head标记中
2016-03-03 14:19:22
357
原创 html5 学习笔记--jikexueyuan的视频看完后的碎碎念(与HTML4相比的改变)
WebStorm还是很好用的百度比较注重前端适配，细节上的问题淘宝的比较复杂QQWeb2.0网页版还是比较经典的一些富应用（哈哈，本科的毕设还想过做这个，不过题目肯定过不了）BaiduMap 前端算法H5做出的一些动画效果还是蛮不错的H51.兼容性2.文档结构3.Web APP Function语法上的改进：内容类型doc
2016-03-03 13:57:50
688
原创 JavaScript学习笔记整理
mashup 混搭objectpropertymethodnode(element text)event(用户在访问页面时执行的操作)event handlervalue值variable变量--保存值“a”>"A""abrac"HTML 内容，结构CSS 外观，表现JavaScript 行
2016-03-03 13:30:49
215
原创 SDN notes
1.debugging tools 调试工具2.terminology 术语3.terminal types 终端类型4.Let's define some terminology, starting with terminal types:VirtualBox console terminal: connects to OpenFlowTutorial. This is
2015-12-15 11:24:24
321
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人