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