canglingyue-优快云博客

原创 less中解决CSS3的calc计算出错

最近在用less的时候发现CSS3的calc函数计算时会出现问题。问题 .mkt-hover{ width: calc(100% - 16px); }但是less自己就把它当表达式计算掉了，导致到浏览器那变成了 .mkt-hover{ width: calc(84%); }解决方法把calc（）里面的表...

2018-04-02 14:33:34 2003

原创 Object题

问题？？？var a = {};var b = {key: 'b'};var c = {key: 'c'};var d = [3,5,6];a[b] = 123;a[c] = 345;a[d] = 333;console.log('a[b]=',a[b]);console.log('a[c]=',a[c]);console.log('a[d]=',a[d]);答案...

2018-04-02 14:32:25 646

原创 Webpack "Invalid Host Header"

webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。是由于webpack更新主要是新增了对 host header 的正确性检测，以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项，取值为授权的 host，否则就回出现问题解决方案官方提供了两个解决方案：执行

2018-02-02 11:15:54 1120

原创点击文字复制到剪切板

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title

2017-09-29 16:42:00 1941

原创获取远程html插入到本地的网页里面(java+react实现)

需求：通过编辑器生成的html被上传到阿里云的服务器，但是这个html 需要嵌入到另外的一个网页里面。环境前端： react后端： JavaJava代码@RequestMapping(value = "/getHtml", method = RequestMethod.POST)@UnNeedAdminId@Unauthorizepublic Object getHtml(@Requ

2017-09-15 10:01:34 3869

原创 webpack学习1

安装本地安装npm install --save-dev webpacknpm install --save-dev webpack@<version>对于大多数的项目，建议本地安装，这可以让我们更容易分别升级项目。全局安装npm install --global webpack安装最新版npm install webpack@betanpm install webpack/webp

2017-09-11 20:33:44 389

原创 intellij IDEA 中，.properties文件unicode转中文

在项目中，经常会碰到.properties 配置文件，但是文件内容确是 Unicode 编码的，如何转成中文。。。把图中红色的勾上

2017-09-04 19:09:05 3915

原创省市区三级联动去重

需求 : 在省市区三级联动中，如果只选择了区，那就存储区的编号；如果选择了市，那么不存储区级的编号，只存储市的编号；如果选择了省，那么只存储省级编号。function changeRes(checkedKeys) { let checkedList = checkedKeys; // 所有checkbox 勾选的编号 let data = []; let proFixLis

2017-09-01 17:43:29 655

原创 Application Server was not connected before run configuration stop, reason: Unable to ping server at

使用的是tomcat9 更换为 tomcat7后正常

2017-08-31 18:07:56 935

原创 Idea : Error:java: Compilation failed: internal java compiler error

在设置中修改 Java Complier 设置项，项目中使用的版本不一样，就会引起这个错误进行如下操作：

2017-08-31 11:16:35 483

原创 tips ：idea 没有tomcat了，怎么配置下

确定你使用的Idea 不是社区版，社区版是没有tomcat 配置的

2017-08-31 10:39:54 1760

原创 idea自动解析set/get方法的插件

idea — setting — plugins, 搜索栏中输入Lombok。如果出现No plugins found,Search in repositories, 就直接点开Search in repositories, 再次搜索Lombok, 点击安装重启 idea 就可以了

2017-08-31 10:36:58 15315

原创激活 datagrip Free JetBrains Products License Server.

opend the activation windowchoose the Activate new license with License serverfill the blank with http://xidea.onlinepress OK enjoy your ideas!

2017-08-30 11:50:23 18594

原创 dependencies与devDependencies之间的区别

–save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候，有两种命令把他们写入到 package.json 文件里面去，比如：–save-dev 安装的插件，被写入到 devDependencies 对象里面去–save 安装的插件，被写入到 dependencies 对象里面去package.json 文件里面的 devDependencies

2017-07-24 11:25:56 12079

原创 webstorm 2017 激活破解

2017选择“license server” 输入：http://idea.iteblog.com/key.php 2017.1选择“license server” 输入：http://idea.imsxm.com/

2017-07-13 09:51:09 710

原创 Object对象

http://javascript.ruanyifeng.com/stdlib/object.html概述在Object 对象上面部署一个方法部署在Object 对象本身Object.print = function(o){ console.log(o)}var o = new Object();Object.print(o) // Object {}部署在 Object.pro

2017-07-06 11:44:52 391

原创 call与apply

call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的，换句话说，就是为了改变函数体内部 this 的指向。二者的作用完全一样，只是接受参数的方式不太一样。理解obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);this 是个参数，普通的函数调用隐式传入 this ，

2017-06-27 15:28:38 313

原创网易云跟帖替换多说评论

多说的通知：因公司业务调整，非常遗憾的向大家宣布多说项目即将关闭。我们将于2017年6月1日正式关停服务，在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。对此给您造成的不便，我们深表歉意，感谢您的一路相伴。WordPress自带的评论并不好用，如果网站已经备案也可以使用畅言系统，这里使用的是网易云跟帖登录或注册网易账号云跟帖网址：https://gentie.163.com/in

2017-04-28 17:12:02 2019 2

原创《JavaScript面向对象编程》笔记1（函数）

1、参数调用函数时： - 未传递参数，js 自动将其设定为 undefined - 传递过多的参数，js 会将多余的参数忽略每个函数内部都有一个内建的 arguments 数组（实际上并不是数组，而是一个类似数组的对象），它能返回函数所接收的所有参数。2、预定义函数parseInt() 将任何输入值转换为整数类型输出，转换失败返回NaN。第二个参数可设置进制，不指定第二参数默认为十进制（例外

2017-04-20 16:16:29 418

原创深入react技术栈-源码问题1

问题1 深入react技术栈源码第一次运行时报错--'NODE_ENV' 不是内部或外部命令，也不是可运行的程序或批处理文件。在运行第二章的代码时，执行npm install 后运行代码时，报 ‘NODE_ENV’ 不是内部或外部命令，也不是可运行的程序或批处理文件。解决方法找到 package.json 文件修改scripts其中的内容："scripts": { "start": "se

2017-01-16 20:28:51 2046

原创 @RequestMapping 用法详解之地址映射(转)

前段时间项目中用到了RESTful模式来开发程序，但是当用POST、PUT模式提交数据时，发现服务器端接受不到提交的数据（服务器端参数绑定没有加任何注解），查看了提交方式为application/json，而且服务器端通过request.getReader() 打出的数据里确实存在浏览器提交的数据。为了找出原因，便对参数绑定（@RequestParam、 @RequestBody、 @Reques

2017-01-16 20:06:16 336

原创 js中Promise详解（转）

原文 MDN链接概述所谓Promise，简单说就是一个容器，里面保存着某个未来才会结束的事件（通常是一个异步操作）的结果。（这里的翻译源自ECMAScript 2015关于Promise的解释，没有原文翻译MDN的原话，如果您有疑问，可以参看英文的说明文档：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Globa

2017-01-16 20:05:34 11332

转载 vscode常用快捷键及常用设置（转）

快捷键ctrl+b 切换侧边栏ctrl+\ 拆分编辑器ctrl+鼠标滚轮缩放编辑器的字体alt+shift+f 整理代码格式alt+z 切换自动换行ctrl+· 打开终端调试ctrl+shift+n 新建窗口ctrl+p 文件内搜索(聚焦在某个文件)ctrl+shif+f 全编辑器搜索(聚焦在资源管理器)单击文件预览(再点别的会替换成其他)双击文件编辑文件(固定在工作区)

2017-01-16 20:05:02 10560

翻译 [译]使用 ES6+ 写 react

原文： React on ES6+ ：http://babeljs.io/blog/2015/06/07/react-on-es6-plus/ （英文不好，见谅哈）Posted Jun 7, 2015 by Steven LuscherThis is a guest post from Steven Luscher. Steven works on Relay at Facebook – a

2016-12-16 16:59:07 543

原创安卓案例-使用QuickContactBadge 关联联系人

QuickContactBadge 继承了 ImageView 因此它的本质也是图片按钮，也可以通过 android：src 属性指定它显示的图片。QuickContactBadge 额外增加的功能是：该图片可以关联到手机中指定联系人，当用户单机该图片的时候，系统将会打开相应联系人的联系方式界面。QuickContactBadge 需要调用的方法assignContactFromEmail(St

2016-12-12 16:46:03 685

原创安卓案例-图片浏览器

本例中的图片浏览器可以改变所查看的图片的透明度，可通过调用ImageView 的setImageAlpha方法来实现，不仅如此，这个图片浏览器还可以通过一个小区域来查看图片的原始大小，因此本案例定义两个ImageView ，一个用于查看图片整体，一个用于查看图片局部的细节。本案例效果图如下布局文件代码如下<?xml version="1.0" encoding="utf-8"?><LinearL

2016-12-12 16:45:38 876

原创安卓案例-计时器

安卓提供了一个计时器的组件：Chronometer ，该组件继承自 TextView ，Chronometer 提供了一个 android：format 属性，用于指定计时器的计时格式。Chronometer 常用方法setBase(long base) ：设置计时器的起始时间setFormat(String format)：设置显示时间格式start()：开始计时stop()：停止计时

2016-12-12 16:45:13 958

原创安卓案例-霓虹灯效果

本例子中布局使用的是帧布局。帧布局容器为每个加入其中的组件穿件一个空白的区域（称为一帧）。每个子组件占据一帧，这些帧都会根据 gravity 属性执行自动对齐。下面示范了帧布局的用法，可以看到6个TextView 叠加在一起，上面的TextView遮住下面的 TextView。效果图如下布局文件代码如下<?xml version="1.0" encoding="utf-8"?><FrameL

2016-12-12 16:44:42 2032

原创安卓案例-跟随手指运动的小球

跟随手指运动的小球这个案例使用了自动以的UI组件，这个UI组件将会在指定位置绘制一个小球，这个位置会随着我们的手指的拖动而改变。原理就是使用程序来监听我们手指的动作，把手指动作的位置传入自定义UI组件，并通知该组件重绘即可。效果图片如下：自定义组件代码如下public class DrawView extends View { public float currentX = 40;

2016-12-12 16:44:11 1817

原创安卓案例-简单图片查看器

使用XML 布局文件和 java代码混合控制UI界面制作一个简单的图片查看器app 演示图布局文件我们先在布局文件中定义一个简单的线性布局容器，该布局文件代码如下：<?xml version="1.0" encoding="utf-8"?><LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"

2016-11-30 17:28:54 2489

原创 ListView的使用2

之所以说 ListView这个控件很难用，就是因为它有很多的细节可以优化，其中运行效率就是很重要的一点。目前我们ListView的运行效率是很低的，因为在 FruitAdapter的getView()方法中每次都将布局重新加载了一遍，当 ListView快速滚动的时候这就会成为性能的瓶颈。提升 ListView 的运行效率getView()方法中还有一个 convertView 参数，这个参数用于

2016-11-30 17:28:04 268

原创 ListView的使用1

ListView绝对可以称得上是 Android 中最常用的控件之一，几乎所有的应用程序都会用到它。由于手机屏幕空间都比较有限，能够一次性在屏幕上显示的内容并不多，当我们的程序中有大量的数据需要展示的时候，就可以借助 ListView来实现。ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内，同时屏幕上原有的数据则会滚动出屏幕ListView 的简单用法新建一个 ListVi

2016-11-14 16:48:01 829

原创如何创建自定义控件

我们所用的所有控件都是直接或间接继承自 View的，所用的所有布局都是直接或间接继承自 ViewGroup 的。View 是 Android 中一种最基本的 UI 组件，它可以在屏幕上绘制一块矩形区域，并能响应这块区域的各种事件，因此，我们使用的各种控件其实就是在 View的基础之上又添加了各自特有的功能。而 ViewGroup 则是一种特殊的 View，它可以包含很多的子 View 和子 View

2016-11-14 16:47:31 607

原创活动的启动模式

在实际项目中我们应该根据特定的需求为每个活动指定恰当的启动模式。启动模式一共有四种，分别是 standard、singleTop、singleTask 和 singleInstance，可以在 AndroidManifest.xml 中通过给标签指定android:launchMode属性来选择启动模式。standardstandard 是活动默认的启动模式，在不进行显式指定的情况下，所有

2016-11-09 17:40:26 507

原创体验活动的生命周期

上篇文章都是理论知识，下面我们将通过一个示例，更加直观的体验活动的生命周期项目代码这样主活动使用默认方法创建完成，我们还需要分别再创建两个子活动，NormalActivity 和 DialogActivity。修改activity_normal.xml 文件，代码如下：<LinearLayout xmlns:android="http://schemas.android.com/apk/res/a

2016-11-09 17:40:05 699

原创活动的生命周期介绍

掌握活动的生命周期对任何 Android 开发者来说都非常重要，当你深入理解活动的生命周期之后，就可以写出更加连贯流畅的程序，并在如何合理管理应用资源方面，你会发挥的游刃有余。你的应用程序将会拥有更好的用户体验。返回栈Android 中的活动是可以层叠的。我们每启动一个新的活动，就会覆盖在原活动之上，然后点击 Back 键会销毁最上面的活动，下面的一个活动就会重新显示出来。Android 是使用任

2016-11-08 16:36:08 764

原创使用Intent在活动间传递数据

Intent 除了可以用来启动一个活动，还可以在启动活动的时候传递数据。向下一个活动传递数据在启动活动时传递数据的思路很简单，Intent中提供了一系列 putExtra() 方法的重载，可以把我们想要传递的数据暂存在 Intent 中，启动了另一个活动后，只需要把这些数据再从Intent 中取出就可以了。比如说 MainActivity 中有一个字符串，现在想把这个字符串传递到 SecondAc

2016-11-08 16:35:32 1627

原创如何使用隐式 Intent

隐式 Intent 相比于显式 Intent，隐式 Intent 则含蓄了许多，它并不明确指出我们想要启动哪一个活动，而是指定了一系列更为抽象的 action和category等信息，然后交由系统去分析这个 Intent，并帮我们找出合适的活动去启动。什么叫做合适的活动呢？简单来说就是可以响应我们这个隐式 Intent的活动，那么目前SecondActivity 可以响应什么样的隐式 Intent

2016-11-08 16:35:14 707

原创如何使用显式 Intent

不管你想创建多少个活动，方法都和上一篇文章中介绍的是一样的。唯一的问题在于，你在启动器中点击应用的图标只会进入到该应用的主活动，那么怎样才能由主活动跳转到其他活动呢？我们现在就来一起看一看。Intent 介绍Intent 是 Android 程序中各组件之间进行交互的一种重要方式，它不仅可以指明当前组件想要执行的动作，还可以在不同组件之间传递数据。Intent 一般可被用于启动活动、启动服务、以及

2016-11-08 16:34:52 493

原创活动的基本用法

活动（Activity）它是一种可以包含用户界面的组件，主要用于和用户进行交互。一个应用程序中可以包含零个或多个活动，但不包含任何活动的应用程序很少见。创建 Activity活动都应该重写 Activity 的 onCreate()方法public class MainActivity extends Activity { @Override protected void onCr

2016-11-08 16:34:24 545

你不知道的JavaScript上:中:下三卷（高清中文版）

你不知道的JavaScript上:中:下三卷（高清中文版）在互联网发展的早期，JavaScript 就已经成为了支撑网页内容交互体验的基础技术。那时 JavaScript 的作用可能仅仅是生成一些闪烁的鼠标轨迹或者烦人的弹出窗口，但是经过了大约 20 年的发展，JavaScript 的技术和能力都发生了天翻地覆的变化，现在的 JavaScript 毫无疑问已经成为了世界上使用范围最广的软件平台——互联网——的核心技术。

2018-01-16

深入react技术栈源码

全面讲述React技术栈的第一本原创图书，pure render专栏主创倾力打造覆盖React、Flux、Redux及可视化，帮助开发者在实践中深入理解技术和源码前端组件化主流解决方案，一本书玩转React“全家桶” 本书讲解了非常多的内容，不仅介绍了面向普通用户的API、应用架构和周边工具，还深入介绍了底层实现。此外，本书非常重视实战，每一节都有实际的例子，细节丰富。我从这本书里学到了很多东西，强烈推荐！ ——阮一峰，蚂蚁金服技术专家，国内技术圈知名博主，《ES 6标准入门（第2版）》作者

2017-10-14

深入理解ES6-文字高清版

ES6是ECMAScript标准十余年来变动大的一个版本，其中添加了许多新的语法特性，既有大家耳熟能详的Promise，也有闻所未闻的Proxy代理和Reflection反射；既有可以通过转译器（Transpiler）等方式在旧版本浏览器中实现兼容的let、const、不定参数、展开运算符等功能，亦有无论如何都无法实现向前兼容的尾调用优化。深入理解ES6的特性对于所有JavaScript开发者而言至关重要，在可预见的未来，ES6中引入的语言特性会成为JavaScript应用程序的主流特性，这也是《深入理解ES6》的初衷。希望你通过阅读《深入理解ES6》可以了解ES6的新特性，并在需要时能够随时使用。

2017-10-14

JavaScript面向对象编程指南

《JavaScript面向对象编程指南》内容包括：JavaScript作为一门浏览器语言的核心思想；面向对象编程的基础知识及其在JavaScript中的运用；数据类型、操作符以及流程控制语句；函数、闭包、对象和原型等概念，以代码重用为目的的继承模式；BOM、DOM、浏览器事件、AJAX和JSON；如何实现JavaScript中缺失的面向对象特性，如对象的私有成员与私有方法；如何应用适当的编程模式，发挥JavaScript语言特有的优势；如何应用设计模式解决常见问题等。, 《JavaScript面向对象编程指南》着重介绍JavaScript在面向对象方面的特性，展示如何构建强健的、可维护的、功能强大的应用程序及程序库。

2017-04-20

Java 8实战

2017-04-20

Android编程权威指南（第2版）2016年5月版.pdf

Android编程权威指南（第2版）2016年5月版.pdf )

2016-12-01

HTTP权威指南

超文本转移协议（Hypertext Transfer Protocol，HTTP）是在万维网上进行通信时所使用的协议方案。HTTP有很多应用，但最著名的是用于web浏览器和web服务器之间的双工通信。, HTTP起初是一个简单的协议，因此你可能会认为关于这个协议没有太多好说的。但现在，你手上拿着的是却一本两磅重的书。如果你对我们怎么会写出一本650页的关于HTTP的书感到奇怪的话，可以去看一下目录。本书不仅仅是一本HTTP首部的参考手册；它是一本名副其实的web结构圣经。, 本书中，我们尝试着将HTTP中一些互相关联且常被误解的规则梳理清楚，并编写了一系列基于各种主题的章节，对HTTP各方面的特性进行了介绍。纵观全书，我们对HTTP“为什么”这样做进行了详细的解释，而不仅仅停留在它是“怎么做”的。而且，为了节省大家寻找参考文献的时间，我们还对很多HTTP应用程序正常工作所必须的、重要的非HTTP技术进行了介绍。在组织得便于使用的附录中，可以找到按照字母排序的首部参考（这些首部构成了最常见的HTTP文本的基础）。我们希望这种概念性的设计有助于读者对HTTP的使用。, 本书是为所有希望理解HTTP以及Web底层结构的人编写的。软硬件工程师也可以将本书作为HTTP及相关web技术的条理清楚的参考书使用。系统架构师和网络管理员可以通过本书更好地了解如何设计、实现并管理复杂的网络架构。性能工程师和分析人员可以从高速缓存和性能优化的相关章节中获益。市场营销和咨询专家可以通过概念的介绍更好地理解web技术的前景。, 本书对一些常见的误解进行了说明，推荐了“各种使用诀窍”，提供了便捷的参考资料，并且对枯燥且令人费解的标准规范进行了可读性很强的介绍。在这本书里，我们对Web正常工作所必须且互相关联的技术进行了详细的介绍。, 本书是很多对因特网技术充满热情的人经过大量工作写成的。希望对你有所帮助。

2016-11-16

HTML5高级程序设计

2016-11-02

Head First HTML and CSS

Tired of reading HTML books that only make sense after you're an expert? Then it's about time you picked up Head First HTML and really learned HTML. You want to learn HTML so you can finally create those web pages you've always wanted, so you can communicate more effectively with friends, family, fans, and fanatic customers. You also want to do it right so you can actually maintain and expand your web pages over time so they work in all browsers and mobile devices. Oh, and if you've never heard of CSS, that's okay--we won't tell anyone you're still partying like it's 1999--but if you're going to create web pages in the 21st century then you'll want to know and understand CSS., Learn the real secrets of creating web pages, and why everything your boss told you about HTML tables is probably wrong (and what to do instead). Most importantly, hold your own with your co-worker (and impress cocktail party guests) when he casually mentions how his HTML is now strict, and his CSS is in an external style sheet., With Head First HTML, you'll avoid the embarrassment of thinking web-safe colors still matter, and the foolishness of slipping a font tag into your pages. Best of all, you'll learn HTML and CSS in a way that won't put you to sleep. If you've read a Head First book, you know what to expect: a visually-rich format designed for the way your brain works. Using the latest research in neurobiology, cognitive science, and learning theory, this book will load HTML and CSS into your brain in a way that sticks., So what are you waiting for? Leave those other dusty books behind and come join us in Webville. Your tour is about to begin.

2016-11-02

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

你不知道的JavaScript上:中:下三卷（高清中文版）

深入react技术栈源码

深入理解ES6-文字高清版

JavaScript面向对象编程指南

Java 8实战

Android编程权威指南（第2版）2016年5月版.pdf

HTTP权威指南

HTML5高级程序设计

Head First HTML and CSS

Effective JavaScript 编写高质量JavaScript代码的68个有效方法

CSS3实战pdf

【迷你书】精通JavaScript开发.pdf

JavaScript编程精解

HTML5游戏开发

JavaScript面向对象编程指南.pdf

php_and_mysql_web_development_4th_edition

Yii+Framework+v1.1.10类参考中文手册(CHM版)

空空如也