cag2050 - 博客园

Java -Dfile.encoding=UTF-8 干掉乱码

摘要： java 的执行方式： 1. java Test.class 2. jave jar Test.jar 3. Jar Test.app 以不同的方式来执行，从控制台中得到的程序输出也不一致比如说，刚刚在 eclipse 中还能正常打印出来的汉字，在打成 jar 包以后，双击该 jar 文件以 J 阅读全文

posted @ 2017-09-02 16:21 cag2050 阅读(616) 评论(0) 推荐(0)

String、StringBuffer、StringBuilder区别

摘要： 1. 三者在执行速度方面的比较：StringBuilder StringBuffer String 1. String 执行速度小于 StringBuffer 和 StringBuilder 的原因 String：字符串常量 StringBuffer：字符串变量 StringBuilder：字符串变阅读全文

posted @ 2017-09-02 15:39 cag2050 阅读(117) 评论(0) 推荐(0)

java中字符与字节的编码关系

摘要：在 GB 2312 编码或 GBK 编码中，一个英文字母字符存储需要1个字节，一个汉字字符存储需要2个字节。在UTF 8编码中，一个英文字母字符存储需要1个字节，一个汉字字符储存需要3到4个字节。在UTF 16编码中，一个英文字母字符或一个汉字字符存储都需要2个字节（Unicode扩展区的一些阅读全文

posted @ 2017-09-02 15:09 cag2050 阅读(217) 评论(0) 推荐(0)

window.open 和 location.href 区别

摘要： window.open()：可以在一个网站上打开另外的一个网站的地址 window.location()：只能在一个网站中打开本网站的网页阅读全文

posted @ 2017-09-01 09:57 cag2050 阅读(172) 评论(0) 推荐(0)

JSON.stringify、JSON.parse、toJSON 区别

摘要： JSON.stringify 方法将一个 JavaScript 值转换为一个 JSON 字符串可以将数组、对象等转换后的 JSON 字符串，保存在 sessionStorage、localStorage 中。 JSON.parse 方法解析一个JSON字符串，构造由字符串描述的JavaScri 阅读全文

posted @ 2017-08-28 16:32 cag2050 阅读(471) 评论(0) 推荐(0)

正则表达式验证规则总结

摘要：正则表达式验证规则总结：姓名：可以有空格(\s)、•、· 1 20个字母或汉字身份证验证：3种情况：数字15位，数字18位，数字17位加一个数字或X或x 手机号码验证：输入的不是数字等价关系：符号 | 等价于 | \d | 0 9 \s | 空格 \w | 数字、26个英文字母或者下划线阅读全文

posted @ 2017-08-26 15:17 cag2050 阅读(283) 评论(0) 推荐(0)

commonJS模块规范和 es6模块规范区别

摘要： ES6 模块与 CommonJS 模块的差异 1. CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用。 2. CommonJS 模块是运行时加载，ES6 模块是编译时输出接口。 3. CommonJS 加载的是一个对象（即module.exports属性），该对象只有在脚本运阅读全文

posted @ 2017-08-23 17:27 cag2050 阅读(1593) 评论(0) 推荐(0)

伪类(:)和伪元素(::)

摘要：单冒号(:)用于CSS3伪类，双冒号(::)用于CSS3伪元素简而言之：伪类总是以一个冒号开头。伪元素通常以两个冒号开头。在 CSS2 时代，伪元素和伪类均是以一个冒号开头的；在 CSS2.1 之后，为了对伪元素和伪类加以区分，规定伪类继续以一个冒号开头，而伪元素改为以两个冒号开头。但是为了向阅读全文

posted @ 2017-08-23 11:45 cag2050 阅读(199) 评论(0) 推荐(0)

webpack中require和import的区别

摘要：最佳选择是往commonjs方向靠拢，想尝试ES6的话就用import代替commonjs同步语法即可。因此，代码中保持以下两种风格就好：目前所有的引擎都还没有实现import，我们在node中使用babel支持ES6，也仅仅是将ES6转码为ES5再执行，import语法会被转码为require 阅读全文

posted @ 2017-08-23 11:11 cag2050 阅读(203) 评论(0) 推荐(0)

css 知识点

摘要：父div包含两个子div，移到一个div上另一个div一直显示且能点击上面的元素。解决办法：为父div设置透明border，覆盖过两个子div。 text shadow是给文本添加阴影效果，box shadow是给元素块添加周边阴影效果。 CSS 是用来表现的，HTML 一切非正文的、装饰性的东西阅读全文

posted @ 2017-08-22 19:33 cag2050 阅读(108) 评论(0) 推荐(0)

java io 知识点

摘要： io 阅读全文

posted @ 2017-08-22 17:29 cag2050 阅读(106) 评论(0) 推荐(0)

webpack 遇到报错情况及解决

摘要： webpack2 报错：optimize.OccurenceOrderPlugin is not a function。原因：上个版本拼写错误，少写了一个字母r，新版本修正过来了。要写成这样：OccurrenceOrderPlugin。报错：This seems to be a pre buil 阅读全文

posted @ 2017-08-22 14:31 cag2050 阅读(344) 评论(0) 推荐(0)

js 逻辑的短路运算

摘要： && 与运算同时为true，才为true；表达式1为false，不用看表达式2； || 或运算有一个为true，就为true；表达式1为true，不用看表达式2； &&: 表达式1 | 表达式2 | 结果 | | false | | false true | false | false tr 阅读全文

posted @ 2017-08-21 16:48 cag2050 阅读(227) 评论(0) 推荐(0)

webpack 知识点

摘要： output.filename 注意此选项被称为文件名，但是你还是可以使用像 "js/[name]/bundle.js" 这样的文件夹结构。注意，此选项不会影响那些「按需加载 chunk」的输出文件。对于这些文件，请使用 output.chunkFilename 选项来控制输出。 output 中阅读全文

posted @ 2017-08-18 17:51 cag2050 阅读(153) 评论(0) 推荐(0)

使用 extract-text-webpack-plugin 报错：Error: Chunk.entry was removed. Use hasRuntime()

摘要：问题：使用 extract text webpack plugin 报错：Error: Chunk.entry was removed. Use hasRuntime() 解决：先运行npm uninstall，将 extract text webpack plugin 卸载，再执行 npm ins 阅读全文

posted @ 2017-08-18 17:29 cag2050 阅读(350) 评论(0) 推荐(0)

file-loader 与 url-loader 的区别

摘要： url loader是对file loader的一个封装，比如webpack中对图片的加载器配置这样在小于8K的图片将直接以base64的形式内联在代码中，可以减少一次http请求。如果文件大小大于限制，将转为使用 file loader，所有的查询参数也会透传过去。阅读全文

posted @ 2017-08-18 17:08 cag2050 阅读(288) 评论(0) 推荐(0)

FormData 知识点

摘要：通过FormData对象可以组装一组用 XMLHttpRequest发送请求的键/值对。它可以更灵活方便的发送表单数据，因此可以独立于表单使用。如果你把表单的编码类型设置为multipart/form data ，则通过FormData传输的数据格式和表单通过submit() 方法传输的数据格式相阅读全文

posted @ 2017-08-18 10:57 cag2050 阅读(273) 评论(0) 推荐(0)

vue 文件中的注释

摘要：在每个代码块内，注释的时候，需要使用各自语言的注释语法去注释（HTML、CSS、JavaScript、Jade 等）。在文件最顶部注释的时候用HTML的注释语法：<!— 在这里写注释的内容。 html 注释： pug(html) 注释：https://pugjs.org/zh cn/languag 阅读全文

posted @ 2017-08-18 09:53 cag2050 阅读(69264) 评论(1) 推荐(1)

uml 知识点

摘要： Unified Modeling Language (UML)又称统一建模语言或标准建模语言阅读全文

posted @ 2017-08-18 00:14 cag2050 阅读(175) 评论(0) 推荐(0)

JUC锁之框架

摘要：根据锁的添加到Java中的时间，Java中的锁，可以分为"同步锁"和"JUC包中的锁"。同步锁即通过synchronized关键字来进行同步，实现对竞争资源的互斥访问的锁。Java 1.0版本中就已经支持同步锁了。同步锁的原理是，对于每一个对象，有且仅有一个同步锁；不同的线程能共同访问该同步锁阅读全文

posted @ 2017-08-17 22:51 cag2050 阅读(157) 评论(0) 推荐(0)

JUC集合之 ConcurrentLinkedQueue

摘要： ConcurrentLinkedQueue介绍 ConcurrentLinkedQueue是线程安全的队列，它适用于“高并发”的场景。它是一个基于链接节点的无界线程安全队列，按照 FIFO（先进先出）原则对元素进行排序。队列元素中不可以放置null元素（内部实现的特殊节点除外）。 Concurre 阅读全文

posted @ 2017-08-17 22:23 cag2050 阅读(126) 评论(0) 推荐(0)

JUC集合之 LinkedBlockingDeque

摘要： LinkedBlockingDeque介绍 LinkedBlockingDeque是双向链表实现的双向并发阻塞队列。该阻塞队列同时支持FIFO和FILO两种操作方式，即可以从队列的头和尾同时操作(插入/删除)；并且，该阻塞队列是支持线程安全。此外，LinkedBlockingDeque还是可选容量阅读全文

posted @ 2017-08-17 22:20 cag2050 阅读(169) 评论(0) 推荐(0)

JUC集合之 LinkedBlockingQueue

摘要： LinkedBlockingQueue介绍 LinkedBlockingQueue是一个单向链表实现的阻塞队列。该队列按 FIFO（先进先出）排序元素，新元素插入到队列的尾部，并且队列获取操作会获得位于队列头部的元素。链接队列的吞吐量通常要高于基于数组的队列，但是在大多数并发应用程序中，其可预知的性阅读全文

posted @ 2017-08-17 22:16 cag2050 阅读(143) 评论(0) 推荐(0)

JUC集合之 ArrayBlockingQueue

摘要： ArrayBlockingQueue介绍 ArrayBlockingQueue是数组实现的线程安全的有界的阻塞队列。线程安全是指，ArrayBlockingQueue内部通过“互斥锁”保护竞争资源，实现了多线程对竞争资源的互斥访问。而有界，则是指ArrayBlockingQueue对应的数组是有界阅读全文

posted @ 2017-08-17 22:13 cag2050 阅读(134) 评论(0) 推荐(0)

JUC集合之 ConcurrentSkipListSet

摘要： ConcurrentSkipListSet介绍 ConcurrentSkipListSet是线程安全的有序的集合，适用于高并发的场景。 ConcurrentSkipListSet和TreeSet，它们虽然都是有序的集合。但是，第一，它们的线程安全机制不同，TreeSet是非线程安全的，而Concur 阅读全文

posted @ 2017-08-17 22:10 cag2050 阅读(246) 评论(0) 推荐(0)

JUC集合之 ConcurrentSkipListMap

摘要： ConcurrentSkipListMap介绍 ConcurrentSkipListMap是线程安全的有序的哈希表，适用于高并发的场景。 ConcurrentSkipListMap和TreeMap，它们虽然都是有序的哈希表。但是，第一，它们的线程安全机制不同，TreeMap是非线程安全的，而Conc 阅读全文

posted @ 2017-08-17 22:04 cag2050 阅读(238) 评论(0) 推荐(0)

弹性盒子布局（display:flex）知识点

摘要：设为 Flex 布局以后，子元素的float、clear和vertical align属性将失效。阅读全文

posted @ 2017-08-17 16:20 cag2050 阅读(179) 评论(0) 推荐(0)

js图片前端预览之 filereader 和 window.URL.createObjectURL

摘要： js图片前端预览，有2种方法： 1. FileReader 1. window.URL.createObjectURL FileReader 例子 vue 使用 element ui 的代码： window.URL.createObjectURL 例子 FileReader.readAsDataUR 阅读全文

posted @ 2017-08-15 16:13 cag2050 阅读(625) 评论(0) 推荐(0)

JUC集合之 ConcurrentHashMap

摘要： ConcurrentHashMap介绍 ConcurrentHashMap是线程安全的哈希表。 HashMap, Hashtable, ConcurrentHashMap之间的关联如下： 1. HashMap是非线程安全的哈希表，常用于单线程程序中。 2. Hashtable是线程安全的哈希表，它是阅读全文

posted @ 2017-08-10 01:14 cag2050 阅读(248) 评论(0) 推荐(0)

Thread.currentThread()与this的区别

摘要： Thread.currentThread()与this的区别： 1. Thread.currentThread()方法返回的是对当前正在执行的线程对象的引用，this代表的是当前调用它所在函数所属的对象的引用。 2. 使用范围： Thread.currentThread()在两种实现线程的方式中都可阅读全文

posted @ 2017-08-10 00:23 cag2050 阅读(271) 评论(0) 推荐(0)

JUC集合之 CopyOnWriteArraySet

摘要： CopyOnWriteArraySet介绍它是线程安全的无序的集合，可以将它理解成线程安全的HashSet。有意思的是，CopyOnWriteArraySet和HashSet虽然都继承于共同的父类AbstractSet；但是，HashSet是通过“散列表(HashMap)”实现的，而CopyOnW 阅读全文

posted @ 2017-08-09 23:47 cag2050 阅读(193) 评论(0) 推荐(0)

webpack 打包性能分析工具

摘要： 1. "webpack bundle analyzer" ，推荐使用新版 vue cli (旧版按照新版的进行配置即可)已经集成该插件，在项目的 package.json 文件中注入如下命令，然后运行(npm run analyze)，默认会打开 http://127.0.0.1:8888 作为展阅读全文

posted @ 2017-08-09 14:07 cag2050 阅读(1752) 评论(0) 推荐(0)

npm 使用

posted @ 2017-08-09 11:52 cag2050 阅读(119) 评论(0) 推荐(0)

npm 构建时，次要版本变化引起的问题

摘要：问题：下载项目后，运行 npm install 或 yarn install，vue awesome swiper 做的功能显示不正常。解决：从 "官方网站" 文件 README.md 中找到： package.json 版本写的是：^2.3.1，重新install后，变成2.6.x版本了，因此需阅读全文

posted @ 2017-08-09 11:46 cag2050 阅读(192) 评论(0) 推荐(0)

AtomicStampedReference、AtomicMarkableReference 区别

摘要： AtomicMarkableReference 描述的是更加简单的是与否的关系，它的定义就是将数据变换为true 或 false，通常ABA问题只有两种状态，AtomicMarkableReference在处理是与否上面更加具有可读性； AtomicStampedReference是多种状态，并不便阅读全文

posted @ 2017-08-09 00:48 cag2050 阅读(346) 评论(0) 推荐(0)

vue-cli 中的静态资源处理

摘要：你会注意到在项目结构上我们有静态资源两个目录：src/assets 和 static/。它们之间有什么区别？ 1. 通过webpack处理的资源要回答这个问题，我们首先需要了解webpack如何处理静态资源。在 .vue组件中，你所有的html模板和CSS都会被vue html loader 和阅读全文

posted @ 2017-08-08 11:55 cag2050 阅读(1022) 评论(0) 推荐(0)

vue-cli 构建项目中 config/index.js 文件解读

摘要： ``` // see http://vuejs-templates.github.io/webpack for documentation. var path = require('path') module.exports = { build: { env: require('./prod.env'), index: path.resolve(__dirname, '../... 阅读全文

posted @ 2017-08-07 18:54 cag2050 阅读(264) 评论(0) 推荐(0)

webpack的3个路径配置项: assetsRoot、assetsSubDirectory、assetsPublicPath

摘要：在 vue cli 构建模版的配置文件config.js中有assetsRoot,assetsSubDirectory和assetsPublicPath这三个路径配置项 “以当前根目录为项目目录，访问static/js/app.js” 阅读全文

posted @ 2017-08-07 18:52 cag2050 阅读(6763) 评论(0) 推荐(0)

Vue2 dist 目录下各个文件的区别

摘要： vue2 经过 2.2 版本升级后, 文件变成了 8 个: vue.common.js vue.esm.js vue.js vue.min.js vue.runtime.common.js vue.runtime.esm.js vue.runtime.js vue.runtime.min.js 瞬间阅读全文

posted @ 2017-08-07 15:03 cag2050 阅读(492) 评论(0) 推荐(0)

DllPlugin、DllReferencePlugin 可以提取的第三方库列表

摘要： DllPlugin、DllReferencePlugin 可以提取的第三方库列表：阅读全文

posted @ 2017-08-07 14:56 cag2050 阅读(634) 评论(0) 推荐(0)

导航

公告