cag2050 - 博客园

Refused to display '[url]' in a frame because it set 'X-Frame-Options' to 'Deny'.

摘要： X Frame Options是一个HTTP标头（header），用来告诉浏览器这个网页是否可以放在iFrame内。例如：第一个例子告诉浏览器不要（DENY）把这个网页放在iFrame内，通常的目的就是要帮助用户对抗点击劫持。第二个例子告诉浏览器只有当架设iFrame的网站与发出X Frame 阅读全文

posted @ 2017-05-09 16:36 cag2050 阅读(3040) 评论(0) 推荐(0) 编辑

linux 知识点

摘要：关于登录Linux时，/etc/profile、~/.bash_profile等几个文件的执行过程。在登录Linux时要执行文件的过程如下：在刚登录Linux时，首先启动 /etc/profile 文件，然后再启动用户目录下的 ~/.bash_profile、 ~/.bash_login或 ~/ 阅读全文

posted @ 2017-05-09 01:03 cag2050 阅读(223) 评论(0) 推荐(0) 编辑

eclipse 使用

摘要：自动换行 Eclipse 使用系统内置的“ Text Editor ”做为文本编辑器，这个文本编辑器有一个问题，就是文本无法换行。这个问题在显示上给人们带来不少麻烦。终于有人忍不住开发了一个扩展插件 WordWrap ，这个插件非常小，但是安装这个插件以后就可以轻松实现文本编辑器的自动换行功能了。阅读全文

posted @ 2017-05-08 20:52 cag2050 阅读(242) 评论(0) 推荐(0) 编辑

maven 知识点1

摘要：在POM 4中，dependency 中还引入了 scope，它主要管理依赖的部署。目前 scope 可以使用5个值： compile，缺省值，适用于所有阶段，会随着项目一起发布。 provided，类似compile，期望JDK、容器或使用者会提供这个依赖。如servlet.jar。 runtim 阅读全文

posted @ 2017-05-07 02:14 cag2050 阅读(175) 评论(0) 推荐(0) 编辑

Spring 集成开发工具（STS）安装及配置

摘要：安装 spring 集成开发工具，下载地址：https://spring.io/tools 下载后，解压，双击 STS ，运行。如果提示：去oracle的网站上下载了1.8版本的jdk，下载地址如下：http://www.oracle.com/technetwork/java/javase/ov 阅读全文

posted @ 2017-05-07 00:06 cag2050 阅读(1691) 评论(0) 推荐(0) 编辑

移动端浏览器兼容性_知识点

摘要：无法根据 navigator.userAgent 判断是360浏览器的原因： 3Q大战，腾讯 QQ 空间根据 UA 识别出来的 360 浏览器，对其进行封杀。所以 360 公司修改了 360 浏览器的 UA 使得无法直接根据 UA 识别出 360 浏览器，防止封杀。 360浏览器会针对不同域名修改阅读全文

posted @ 2017-05-04 17:01 cag2050 阅读(183) 评论(0) 推荐(0) 编辑

使用过的插件

摘要： jquery rotate：jquery旋转插件，http://plugins.jquery.com/rotate/ swiper：滑动插件，http://www.swiper.com.cn/ moment.js：日历插件，http://momentjs.cn/docs/ iscroll.js：下拉阅读全文

posted @ 2017-05-03 10:40 cag2050 阅读(181) 评论(0) 推荐(0) 编辑

h5的video标签

摘要：在video标签中，我们可以使用属性：videoWidth & videoHeight，它获取的是video的宽度和高度（媒体本身）。虽然不能直接使用，但是可以通过计算宽高比得到 video 占用的宽度和高度。比如让 video 占满宽度为480px的容器，可以根据宽高比得到此时video占用的阅读全文

posted @ 2017-05-02 17:53 cag2050 阅读(727) 评论(0) 推荐(0) 编辑

立即执行函数

摘要：参考：https://zhuanlan.zhihu.com/p/22465092 立即执行函数作用：创建一个独立的作用域。这个作用域里面的变量，外面访问不到（即避免「变量污染」）。为什么这样就能立即执行并且不报错呢？因为在javascript里，括号内部不能包含语句，当解析器对代码进行解释的时阅读全文

posted @ 2017-04-28 20:04 cag2050 阅读(149) 评论(0) 推荐(0) 编辑

mac 下 mysql 安装

摘要： 1. 下载安装文件：下载地址：https://dev.mysql.com/downloads/mysql/ 下载后缀名为dmg的安装文件 2. 启动mysql 安装后，打开“系统偏好设置”，单击下端的“MySQL”图标。在“MySQL”对话框中，单击“启动MySQL服务”按钮。在弹出的窗口中，阅读全文

posted @ 2017-04-27 10:10 cag2050 阅读(205) 评论(0) 推荐(0) 编辑

pm2 知识点

posted @ 2017-04-26 16:34 cag2050 阅读(197) 评论(0) 推荐(0) 编辑

Cropperjs 插件知识点

摘要： cropper.js 通过 canvas 实现图片裁剪，最后再通过 canvas 获取裁剪区域的图片base64串。 1. Container 容器 2. canvas 图片 3. crop 裁剪框阅读全文

posted @ 2017-04-25 11:48 cag2050 阅读(271) 评论(0) 推荐(0) 编辑

模块化比较

摘要： es6 的 import 语法跟 require 不同，而且 import 必须放在文件的最开始，且前面不允许有其他逻辑代码，这和其他所有编程语言风格一致。 import不同与require，它是编译时的（require是运行时的），它必须放在文件开头，而且使用格式也是确定的。它不会将整个模块运行后阅读全文

posted @ 2017-04-25 10:02 cag2050 阅读(135) 评论(0) 推荐(0) 编辑

vue-resource 知识点

摘要： vue-cli（vue init webpack）构建的项目中，配置 vue-resource 方法： src/main.js 中写，在vue组件中就可以访问到（this.$http）。阅读全文

posted @ 2017-04-24 11:31 cag2050 阅读(180) 评论(0) 推荐(0) 编辑

文件上传知识点

摘要： form-data 这种上传方式，IE 8/9 不支持。所以，现在很流行的一种处理方式，就是 HTML5 file 上传和 plupload 或 flash swfupload 上传一起整合的模式，优先使用原生HTML5上传，不支持的，使用flash上传。阅读全文

posted @ 2017-04-24 10:32 cag2050 阅读(243) 评论(0) 推荐(0) 编辑

开源许可证

摘要：引用：阮一峰的网络日志阅读全文

posted @ 2017-04-22 22:18 cag2050 阅读(165) 评论(0) 推荐(0) 编辑

七牛知识点

摘要：默认情况下，如果以指定key或者saveKey的方式上传一个和已经存在于空间中的文件名字相同而且内容相同的文件的时候，七牛服务器会根据新上传的文件内容的hash推断出该文件已经存在，不会覆写已有的文件。如果上传的文件被指定的名字和空间中已有文件的名字相同，但是内容不同时，会返回如下错误信息 {“e 阅读全文

posted @ 2017-04-18 09:38 cag2050 阅读(742) 评论(0) 推荐(0) 编辑

对象的扩展

摘要： es6新增加：对象字面量简写(Object Literal Shorthand)、对象方法简写(Object Method Shorthand)、计算对象键(Object key) es5对象字面量： es6对象字面量： ES5返回一个对象 ES6返回一个对象在 ECMAScript 2015 之阅读全文

posted @ 2017-04-16 00:04 cag2050 阅读(190) 评论(0) 推荐(0) 编辑

解决问题思路

摘要：解决问题思路： 1. 排除法（注释掉全部，或一个一个注释掉，来看影响） 2. 全部删除重写法 3. 化整为零 4. 按步骤逐步解决问题总会解决，只是解决过程有挫折、痛苦。阅读全文

posted @ 2017-04-12 00:48 cag2050 阅读(160) 评论(0) 推荐(0) 编辑

计算机原理

摘要：线程是CPU调度的一个基本单位，一个CPU同时只能执行一个线程的任务；同样，一个线程任务只能在一个CPU上执行。所以如果运行node.js的机器是像i5、i7这样的多核CPU,那么将无法充分利用多核CPU的性能来为Node.js服务。阅读全文

posted @ 2017-04-11 09:38 cag2050 阅读(207) 评论(0) 推荐(0) 编辑

EditorConfig知识点

摘要： .editorconfig 该文件定义项目的编码规范，编辑器的行为会与.editorconfig 文件中定义的一致，并且其优先级比编辑器自身的设置要高，这在多人合作开发项目时十分有用而且必要。在哪里存放配置文件:当打开一个文件时，EditorConfig插件会在打开文件的目录和其每一级父目录查找. 阅读全文

posted @ 2017-04-06 15:49 cag2050 阅读(327) 评论(0) 推荐(0) 编辑

行业语录

摘要：编程需要抽象思维，以及解决问题的恒心和毅力。由于技术（语言、框架、工具、数据库、操作系统等）每隔几年就会发生一次变化，因此编程是一种边做边学的工作。阅读全文

posted @ 2017-03-31 09:13 cag2050 阅读(121) 评论(0) 推荐(0) 编辑

CommonsChunkPlugin知识点

摘要： CommonsChunkPlugin 的作用就是提取代码中的公共模块，然后将公共模块打包到一个独立的文件中去，以便在其它的入口和模块中使用。多个 html共用一个js文件(chunk)，可用CommonsChunkPlugin 阅读全文

posted @ 2017-03-23 14:44 cag2050 阅读(314) 评论(0) 推荐(0) 编辑

待学习

摘要： webpack的按需加载 vue-router路由元信息: requireMenu 阅读全文

posted @ 2017-03-23 11:49 cag2050 阅读(100) 评论(0) 推荐(0) 编辑

es6知识点

摘要：扩展运算符(三个点): 将值转换为参数序列。解构赋值：比如：var [a,b,c]=[1,2,3]; 阅读全文

posted @ 2017-03-09 14:31 cag2050 阅读(130) 评论(0) 推荐(0) 编辑

webpack2新特性

摘要： module.loaders 变更为 module.rules。 loader名字需要写全。 webpack-dev-server，实际上是一个小型Express服务器，它是用webpack-dev-middleware来处理webpack编译后的输出。 vue有两种构建方式，独立构建和运行构建。它阅读全文

posted @ 2017-02-26 02:11 cag2050 阅读(838) 评论(0) 推荐(0) 编辑

各种高度和宽度

摘要：阅读全文

posted @ 2017-02-16 00:01 cag2050 阅读(264) 评论(0) 推荐(0) 编辑

排序算法

摘要：在大多数实际情况下，快速排序是最佳选择。如果稳定性很重要而空间又不是问题，归并排序可能是最好的选择。阅读全文

posted @ 2017-02-13 23:59 cag2050 阅读(141) 评论(0) 推荐(0) 编辑

交流措辞

摘要： [name]，你好，我是[self name]，[事情]，请问你何时方便电话沟通，咱们详细聊好吗？谢谢你的关注和合作！ [name]，你好，[事情]，谢谢理解、支持、配合、合作。 Nice talk with you. The new position is as below. Any issue, 阅读全文

posted @ 2017-02-11 14:09 cag2050 阅读(158) 评论(0) 推荐(0) 编辑

js继承

摘要： Cat继承Animal的方法： 1.构造函数绑定第一种方法也是最简单的方法，使用call或apply方法，将父对象的构造函数绑定在子对象上，即在子对象构造函数中加一行： 2.子原型指向父实例第二种方法更常见，使用prototype属性。如果"猫"的prototype对象，指向一个Animal的阅读全文

posted @ 2017-02-05 16:43 cag2050 阅读(166) 评论(0) 推荐(0) 编辑

移动端遇到问题

摘要：一.点击穿透：原因： 1. touch事件300ms后，触发click事件； 2. 混用touch和click会导致点透问题。解决思路： 1.不要混用touch和click； 2.阻止掉 touch之后的click。解决方案： 1.tap后延迟350ms再隐藏mask； 2.pointer-e 阅读全文

posted @ 2017-02-04 21:03 cag2050 阅读(450) 评论(2) 推荐(0) 编辑

js面试题

摘要： A1 A1 A1 A1 A1 在移动端多了touch的三个事件，tap是这三个touch事件的封装，用来模拟click事件。所有事件触发顺序为：(touchstart——touchmove——touchend)——mouseover——mousedown——mouseup——click。当有touc 阅读全文

posted @ 2017-01-16 18:09 cag2050 阅读(166) 评论(0) 推荐(0) 编辑

js常用方法

摘要： 1.获取对象（obj）的属性个数：Object.keys(obj).length。 2.substr(开始索引，长度)，substring(开始索引，结束索引)。 3.数组操作： push：向数组末尾添加一个或多个元素，并返回新的长度； pop：删除，并返回最后一个元素； unshift：向数组的开阅读全文

posted @ 2017-01-13 01:26 cag2050 阅读(101) 评论(0) 推荐(0) 编辑

苹果手机里微信不支持

摘要： 1.难题：苹果手机里微信不支持position:fixed；怎么解决：搜索网络，看其他产品是怎么实现的；解决链接：http://hushicai.com/2014/08/19/ios-fixed-ding-wei-wen-ti.html。 http://blog.csdn.net/liu__hu 阅读全文

posted @ 2017-01-12 19:34 cag2050 阅读(253) 评论(0) 推荐(0) 编辑

ios fixed定位问题

摘要：网址：http://hushicai.com/2014/08/19/ios-fixed-ding-wei-wen-ti.html 阅读全文

posted @ 2017-01-10 00:42 cag2050 阅读(216) 评论(0) 推荐(0) 编辑

高大上的JS工具

摘要： EtherPad （协同文件编辑）； EtherCalc （协同电子表格编辑）阅读全文

posted @ 2017-01-08 16:02 cag2050 阅读(178) 评论(0) 推荐(0) 编辑

iScroll知识点

摘要： 1.如果你有一个复杂的DOM结构，最好在onload事件之后适当的延迟，再去初始化iScroll。最好给浏览器100或者200毫秒的间隙再去初始化iScroll。 2.iScroll作用于滚动区域的外层。在上面的例子中，UL元素能进行滚动。只有容器元素的第一个子元素能进行滚动，其他子元素完全被忽略。阅读全文

posted @ 2017-01-04 09:37 cag2050 阅读(147) 评论(0) 推荐(0) 编辑

electron知识点

摘要： 1.打开chrome开发工具栏：阅读全文

posted @ 2016-12-28 00:15 cag2050 阅读(320) 评论(0) 推荐(0) 编辑

调试经验

摘要： 1. 手机端调试，alert出设置的样式，以验证样式成功。阅读全文

posted @ 2016-12-19 12:08 cag2050 阅读(142) 评论(0) 推荐(0) 编辑

移动端知识点

摘要： 1.video宽度为100%，高度为自动时，计算video的高度：document.getElementById('video1').offsetHeight; 2.阻止页面滚动和解除页面滚动： 3. 阅读全文

posted @ 2016-12-15 13:13 cag2050 阅读(132) 评论(0) 推荐(0) 编辑

导航