- 博客(173)
- 资源 (23)
- 收藏
- 关注
原创 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
1965
原创 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
623
原创 Webpack "Invalid Host Header"
webpack-dev-server 在更新后启动项目报”Invalid Host Header” 错误。是由于webpack更新主要是新增了对 host header 的正确性检测,以屏蔽未经授权的访问。开发者需要在执行 webpack-dev-server 命令时手动添加 –public 选项,取值为授权的 host,否则就回出现问题解决方案官方提供了两个解决方案:执行
2018-02-02 11:15:54
1069
原创 点击文字复制到剪切板
<!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
1897
原创 获取远程html插入到本地的网页里面(java+react实现)
需求: 通过编辑器生成的html被上传到阿里云的服务器,但是这个html 需要嵌入到另外的一个网页里面。环境前端: react后端: JavaJava代码@RequestMapping(value = "/getHtml", method = RequestMethod.POST)@UnNeedAdminId@Unauthorizepublic Object getHtml(@Requ
2017-09-15 10:01:34
3812
原创 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
365
原创 intellij IDEA 中,.properties文件unicode转中文
在项目中,经常会碰到.properties 配置文件,但是文件内容确是 Unicode 编码的,如何转成中文。。。把图中红色的勾上
2017-09-04 19:09:05
3880
原创 省市区三级联动去重
需求 : 在省市区三级联动中,如果只选择了区,那就存储区的编号;如果选择了市,那么不存储区级的编号,只存储市的编号;如果选择了省,那么只存储省级编号。function changeRes(checkedKeys) { let checkedList = checkedKeys; // 所有checkbox 勾选的编号 let data = []; let proFixLis
2017-09-01 17:43:29
633
原创 Application Server was not connected before run configuration stop, reason: Unable to ping server at
使用的是tomcat9 更换为 tomcat7后正常
2017-08-31 18:07:56
865
原创 Idea : Error:java: Compilation failed: internal java compiler error
在设置中修改 Java Complier 设置项 ,项目中使用的版本不一样,就会引起这个错误 进行如下操作:
2017-08-31 11:16:35
447
原创 idea自动解析set/get方法的插件
idea — setting — plugins, 搜索栏中输入Lombok。如果出现No plugins found,Search in repositories, 就直接点开Search in repositories, 再次搜索Lombok, 点击安装重启 idea 就可以了
2017-08-31 10:36:58
15241
1
原创 激活 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
18456
2
原创 dependencies与devDependencies之间的区别
–save-dev 和 –save 的区别我们在使用npm install 安装模块或插件的时候,有两种命令把他们写入到 package.json 文件里面去,比如:–save-dev 安装的 插件,被写入到 devDependencies 对象里面去–save 安装的 插件 ,被写入到 dependencies 对象里面去package.json 文件里面的 devDependencies
2017-07-24 11:25:56
12037
原创 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
683
原创 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
367
原创 call与apply
call 和 apply 都是为了改变某个函数运行时的 context 即上下文而存在的,换句话说,就是为了改变函数体内部 this 的指向。二者的作用完全一样,只是接受参数的方式不太一样。理解obj.call(thisObj, arg1, arg2, ...);obj.apply(thisObj, [arg1, arg2, ...]);this 是个参数,普通的函数调用隐式传入 this ,
2017-06-27 15:28:38
290
原创 网易云跟帖替换多说评论
多说的通知:因公司业务调整,非常遗憾的向大家宣布多说项目即将关闭。 我们将于2017年6月1日正式关停服务,在此之前您可以通过后台的数据导出功能导出自己站点的评论数据。 对此给您造成的不便,我们深表歉意,感谢您的一路相伴。WordPress自带的评论并不好用,如果网站已经备案也可以使用畅言系统,这里使用的是网易云跟帖登录或注册网易账号云跟帖网址:https://gentie.163.com/in
2017-04-28 17:12:02
1984
2
原创 《JavaScript面向对象编程》笔记1(函数)
1、参数调用函数时: - 未传递参数,js 自动将其设定为 undefined - 传递过多的参数,js 会将多余的参数忽略每个函数内部都有一个内建的 arguments 数组(实际上并不是数组,而是一个类似数组的对象),它能返回函数所接收的所有参数。2、预定义函数parseInt() 将任何输入值转换为整数类型输出,转换失败返回NaN。第二个参数可设置进制,不指定第二参数默认为十进制(例外
2017-04-20 16:16:29
396
原创 深入react技术栈-源码问题1
问题1 深入react技术栈源码第一次运行时报错--'NODE_ENV' 不是内部或外部命令,也不是可运行的程序或批处理文件。在运行第二章的代码时,执行npm install 后运行代码时,报 ‘NODE_ENV’ 不是内部或外部命令,也不是可运行的程序或批处理文件。解决方法找到 package.json 文件 修改scripts其中的内容:"scripts": { "start": "se
2017-01-16 20:28:51
2016
原创 @RequestMapping 用法详解之地址映射(转)
前段时间项目中用到了RESTful模式来开发程序,但是当用POST、PUT模式提交数据时,发现服务器端接受不到提交的数据(服务器端参数绑定没有加任何注解),查看了提交方式为application/json, 而且服务器端通过request.getReader() 打出的数据里确实存在浏览器提交的数据。为了找出原因,便对参数绑定(@RequestParam、 @RequestBody、 @Reques
2017-01-16 20:06:16
313
原创 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
11279
转载 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
9885
翻译 [译]使用 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
509
原创 安卓案例-使用QuickContactBadge 关联联系人
QuickContactBadge 继承了 ImageView 因此它的本质也是图片按钮,也可以通过 android:src 属性指定它显示的图片。QuickContactBadge 额外增加的功能是:该图片可以关联到手机中指定联系人,当用户单机该图片的时候,系统将会打开相应联系人的联系方式界面。QuickContactBadge 需要调用的方法assignContactFromEmail(St
2016-12-12 16:46:03
661
原创 安卓案例-图片浏览器
本例中的图片浏览器可以改变所查看的图片的透明度,可通过调用ImageView 的setImageAlpha方法来实现,不仅如此,这个图片浏览器还可以通过一个小区域来查看图片的原始大小,因此本案例定义两个ImageView ,一个用于查看图片整体,一个用于查看图片局部的细节。本案例效果图如下布局文件代码如下<?xml version="1.0" encoding="utf-8"?><LinearL
2016-12-12 16:45:38
854
原创 安卓案例-计时器
安卓提供了一个计时器的组件:Chronometer ,该组件继承自 TextView ,Chronometer 提供了一个 android:format 属性,用于指定计时器的计时格式。Chronometer 常用方法setBase(long base) :设置计时器的起始时间setFormat(String format):设置显示时间格式start():开始计时stop():停止计时
2016-12-12 16:45:13
922
原创 安卓案例-霓虹灯效果
本例子中布局使用的是 帧布局 。帧布局容器为每个加入其中的组件穿件一个空白的区域(称为一帧)。每个子组件占据一帧,这些帧都会根据 gravity 属性执行自动对齐。下面示范了帧布局的用法,可以看到6个TextView 叠加在一起,上面的TextView遮住下面的 TextView。效果图如下布局文件代码如下<?xml version="1.0" encoding="utf-8"?><FrameL
2016-12-12 16:44:42
1994
原创 安卓案例-跟随手指运动的小球
跟随手指运动的小球这个案例使用了自动以的UI组件,这个UI组件将会在指定位置绘制一个小球,这个位置会随着我们的手指的拖动而改变。原理就是使用程序来监听我们手指的动作,把手指动作的位置传入自定义UI组件,并通知该组件重绘即可。效果图片如下:自定义组件代码如下public class DrawView extends View { public float currentX = 40;
2016-12-12 16:44:11
1776
原创 安卓案例-简单图片查看器
使用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
2438
原创 ListView的使用2
之所以说 ListView这个控件很难用,就是因为它有很多的细节可以优化,其中运行效率就是很重要的一点。目前我们ListView的运行效率是很低的,因为在 FruitAdapter的getView()方法中每次都将布局重新加载了一遍,当 ListView快速滚动的时候这就会成为性能的瓶颈。提升 ListView 的运行效率getView()方法中还有一个 convertView 参数,这个参数用于
2016-11-30 17:28:04
248
原创 ListView的使用1
ListView绝对可以称得上是 Android 中最常用的控件之一,几乎所有的应用程序都会用到它。由于手机屏幕空间都比较有限,能够一次性在屏幕上显示的内容并不多,当我们的程序中有大量的数据需要展示的时候,就可以借助 ListView来实现。ListView允许用户通过手指上下滑动的方式将屏幕外的数据滚动到屏幕内,同时屏幕上原有的数据则会滚动出屏幕ListView 的简单用法新建一个 ListVi
2016-11-14 16:48:01
805
原创 如何创建自定义控件
我们所用的所有控件都是直接或间接继承自 View的,所用的所有布局都是直接或间接继承自 ViewGroup 的。View 是 Android 中一种最基本的 UI 组件,它可以在屏幕上绘制一块矩形区域,并能响应这块区域的各种事件,因此,我们使用的各种控件其实就是在 View的基础之上又添加了各自特有的功能。而 ViewGroup 则是一种特殊的 View,它可以包含很多的子 View 和子 View
2016-11-14 16:47:31
575
原创 活动的启动模式
在实际项目中我们应该根据特定的需求为每个活动指定恰当的启动模式。启动模式一共有四种,分别是 standard、singleTop、singleTask 和 singleInstance,可 以在 AndroidManifest.xml 中通 过给 标签 指定android:launchMode属性来选择启动模式。standardstandard 是活动默认的启动模式,在不进行显式指定的情况下,所有
2016-11-09 17:40:26
488
原创 体验活动的生命周期
上篇文章都是理论知识,下面我们将通过一个示例,更加直观的体验活动的生命周期项目代码这样主活动使用默认方法创建完成,我们还需要分别再创建两个子活动,NormalActivity 和 DialogActivity。修改activity_normal.xml 文件,代码如下:<LinearLayout xmlns:android="http://schemas.android.com/apk/res/a
2016-11-09 17:40:05
670
原创 活动的生命周期介绍
掌握活动的生命周期对任何 Android 开发者来说都非常重要,当你深入理解活动的生命周期之后,就可以写出更加连贯流畅的程序,并在如何合理管理应用资源方面,你会发挥的游刃有余。你的应用程序将会拥有更好的用户体验。返回栈Android 中的活动是可以层叠的。我们每启动一个新的活动,就会覆盖在原活动之上,然后点击 Back 键会销毁最上面的活动,下面的一个活动就会重新显示出来。Android 是使用任
2016-11-08 16:36:08
722
原创 使用Intent在活动间传递数据
Intent 除了可以用来启动一个活动,还可以在启动活动的时候传递数据。向下一个活动传递数据在启动活动时传递数据的思路很简单,Intent中提供了一系列 putExtra() 方法的重载,可以把我们想要传递的数据暂存在 Intent 中,启动了另一个活动后,只需要把这些数据再从Intent 中取出就可以了。比如说 MainActivity 中有一个字符串,现在想把这个字符串传递到 SecondAc
2016-11-08 16:35:32
1586
原创 如何使用隐式 Intent
隐式 Intent 相比于显式 Intent,隐式 Intent 则含蓄了许多,它并不明确指出我们想要启动哪一个活动,而是指定了一系列更为抽象的 action和category等信息,然后交由系统去分析这个 Intent,并帮我们找出合适的活动去启动。什么叫做合适的活动呢?简单来说就是可以响应我们这个隐式 Intent的活动,那么目前SecondActivity 可以响应什么样的隐式 Intent
2016-11-08 16:35:14
663
原创 如何使用显式 Intent
不管你想创建多少个活动,方法都和上一篇文章中介绍的是一样的。唯一的问题在于,你在启动器中点击应用的图标只会进入到该应用的主活动,那么怎样才能由主活动跳转到其他活动呢?我们现在就来一起看一看。Intent 介绍Intent 是 Android 程序中各组件之间进行交互的一种重要方式,它不仅可以指明当前组件想要执行的动作,还可以在不同组件之间传递数据。Intent 一般可被用于启动活动、启动服务、以及
2016-11-08 16:34:52
463
原创 活动的基本用法
活动(Activity)它是一种可以包含用户界面的组件,主要用于和用户进行交互。一个应用程序中可以包含零个或多个活动,但不包含任何活动的应用程序很少见。创建 Activity活动都应该重写 Activity 的 onCreate()方法public class MainActivity extends Activity { @Override protected void onCr
2016-11-08 16:34:24
521
你不知道的JavaScript上:中:下三卷(高清中文版)
2018-01-16
深入react技术栈源码
2017-10-14
深入理解ES6-文字高清版
2017-10-14
JavaScript面向对象编程指南
2017-04-20
HTTP权威指南
2016-11-16
Head First HTML and CSS
2016-11-02
Effective JavaScript 编写高质量JavaScript代码的68个有效方法
2016-11-02
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人