- 博客(37)
- 资源 (9)
- 收藏
- 关注
RSS订阅原创 CSS高度和宽度
CSS假定每个元素都会生成一个或多个矩形框，这称为元素框，各元素框中心有一个内容区。内容区周围有可选的内边距、边框和外边距。如下图：注：1. 元素背景显示的区域是 内容区+内边距** 2. 边框和内边距的宽度不能会负值，外边距可以为负值**术语：正常流：传统的HTML文档的文本布局，文本从左向右，从上向下显示。大多数元素都在正常流中，要让一个元素不在正常流中，唯一的办法就是使之成为浮...
2020-03-23 17:24:50
1743
原创 BOM(浏览器对象模型Browser Object Modal)
BOM的核心对象是windows,他表示浏览器的一个实例。在浏览器中，window对象具有双重角色，它既是通过JavaScript访问浏览器窗口的一个接口，又是ECMAScript规定的Global对象。本文主要介绍4个BOM对象：windowlocationnavigatorscreenhistory1. window 对象1.1 全局作用域由于window对象同时是ECM...
2020-03-19 19:20:06
150
原创 CSS字体
字体系列CSS定义了5中通用字体系列SerifSans-serifMonospace，等宽字体Cursive，手写体Fantasy理论上，用户安装的任何字体系列都会落入到上述通用系列之中。<p style="font-family: serif;">我是serif字体</p><p style="font-family: sans-...
2020-03-14 19:06:37
182
原创 CSS值和单位
数字CSS中有两类数字：整数和实数百分数百分数是一个计算得出的实数，总是相对于另一个值，这个值是任意的，可能是同一个元素另一个属性的值、从父元素继承的一个值、祖先元素的一个值。颜色命名颜色CSS规范中定义了17个颜色名。aqua,fuchsia,lime,olive,red,white,black,gray,maroon,orange,silver,yellow,blue,green,...
2020-03-11 19:47:32
154
原创 CSS 结构和层叠
CSS 结构和层叠选择器的特殊性在CSS中针对某个元素的多个相同的规则，浏览器会计算其特殊性。如果一个元素有多个冲突的规则，具有最高特殊性的声明会胜出。特殊性值的表述为4个部分，0,0,0,0，规则如下对于选择器中给定的各个ID属性值，加0,1,0,0;对于选择器中给定的各个类属性值,属性选择,伪类,加0,0,1,0;对于选择器中给定的各个元素和伪元素,加0,0,0,1;...
2020-03-11 19:18:16
101
原创 CSS 选择器
CSS 选择器1. 元素选择器元素选择器是最基本的选择器，可以选择html的元素例如: h1 { color: gray; } 所有的h1的标题颜色都会变为灰色。2. 类选择器选择class属性为某值的元素.classname { }例如: .warning { color: red } 将会选择所有class中含有warning的元素3. ID选择器选择id属性为某值的元素#...
2020-03-10 19:52:16
140
原创 Spring 扫描实体包，获取实体对应的表名和字段
List<String[]> list = new ArrayList<>(); ClassPathScanningCandidateComponentProvider scanner = new ClassPathScanningCandidateComponentProvider(false); scanner.addIncludeFil...
2019-07-05 11:00:56
1988
翻译 React组件规范和生命周期
组件规范当你通过调用React.createClass()创建一个组件类时，应该提供一个包含render方法和其他可选的生命周期方法的说明对象。 请注意：可以使用简单的JavaScript类作为组件类。尽管有所不同，但是这些类应该实现大多数相同的函数。关于这些不同的更多信息，请参考我们关于ES6 class的文章。
2016-12-11 10:50:42
468
翻译 创建自己的AngularJS - 作用域继承（二）
作用域第二章 作用域继承（二）$apply、$evalAsync和$applyAsyncdigest整个树结构正如我们在上节中看到的，$digest只在当前作用域上向下运行。而$apply则不是这样。当你在Angular中调用$apply，将会直接在根作用域上执行，并且digest层次中的所有作用域。
2016-11-26 11:06:50
945
翻译 React纯组件渲染性能反模式
React纯组件的渲染可以非常高效，但是需要用户将其数据作为不可变的对象，才能正常工作。但是由于JavaScript的原因，有时做到这点可能非常具有挑战性。 反模式是在Render函数或者Redux的connect(mapState)中创建新的数组、对象、函数或者其他新的对象纯渲染？说起React的纯渲染，我指的是组件应该通过浅比较来实现shouldComponentUpdate方法。例如Pu
2016-10-30 19:32:51
3230
原创 JavaScript 类型检测
JavaScript 类型检测本文介绍JavaScript的几种类型检测的方法，以及其各自的适用范围。JavaScript中检测类型有如下几种方法： 1. typeof 2. instanceof 3. constructor 4. duck type (鸭子类型)
2016-10-04 19:18:44
409
原创 js学习笔记-setTimeout
JavaScript是单线程语言，但是它允许通过设置超时值和间歇时间值使代码在特定的时间内运行。setTimeout超时调用需要使用 window 对象的 setTimeout()方法,它接受两个参数:要执行的代码和以毫秒 表示的时间(即在执行代码前需要等待多少毫秒)。
2016-08-09 11:48:02
404
原创 js学习笔记-函数调用
js函数在JavaScript中函数就是对象。对象是“名/值”对的集合并拥有一个连到原型对象的隐藏链接。 对象字面量产生的对象连接到Object.prototype。函数对象链接到Function.prototype，Function.prototype本身仍链接到Object.prototype。 每个函数在创建时附有两个附件的隐藏属性：函数的上下文（this）和实现函数行为的代码。
2016-08-09 11:44:22
519
翻译 React的差异算法
文章来源：React’s diff algorithmReact的差异算法React是Facebook推出的用来开发构建用户界面的JavaScript库。在这篇文章中我将介绍差异算法和React是如何渲染的，这样你可能最大的优化你的应用。
2016-05-28 21:14:07
2508
翻译 创建自己的AngularJS - 作用域继承（一）
作用域作用域继承（一）Angular作用域继承机制直接建立在Javascript原型继承基础上，并在其根部加入了一些内容。这意味着当你理解了Javascript原型链后，将对Angular作用域继承有深入了解。根作用域到目前为止，我们一直在和一个作用域对象打交道，该作用域使用Scope构造函数创建：var scope = new Scope();根作用域就是这样创建的。之所以称之为根作用域，是因为他
2016-04-26 17:22:27
7737
原创 Angular浏览器插件Batarang介绍
Angular浏览器插件Batarang介绍对于Angular新手来说，刚接手Angular的时候都会比较痛苦。确实，相对于JQuery、Backbone等，Angular门槛确实相对较高，而且比较难以调试。今天给大家带来一个Angular Chrome 插件Batarang的介绍，运用好改插件，会帮助加深对Angular的理解。
2016-04-20 16:08:05
11000
翻译 创建自己的AngularJS - 作用域和Digest（五）
作用域第一章 作用域和Digest（一）销毁监控当你注册一个监控，很多时候你想让它和scope一样保持活跃的状态，所以不必显示的删除他。然而，有些情况下，你需要销毁一个特定的监控，但是仍然保持作用域可操作。意思就是，我们需要给监控增加一个删除操作。Angular实现这个的方式特别聪明：Angular中的$watch函数有一个返回值。他是一个函数，但其被调用的时候，即删除了其注册的监控。如果想要能够移
2016-04-18 10:08:26
3956
翻译 创建自己的AngularJS - 作用域和Digest（四）
作用域第一章 作用域和Digest（四）联合$apply调用 - $applyAsync不论在digest里面还是外面调用$evalAsync去延迟工作，他实际是为之前的使用案例设计的。之所以在setTimeout中调用digest是为了在digest循环外面调用$evalAsync时防止混淆。针对在digest循环外部异步调用$apply的情况，同样有一个名为$applyAsync来处理。其使用类
2016-04-11 10:15:19
4389
1
翻译 构建自己的AngularJS - 作用域和Digest（三）
作用域第一章 作用域和Digest（三）$eval - 在当前作用域的上下文中执行代码Angular有多种方式让你在当前作用域的上下文中执行代码。最简单的是$eval。传入一个函数当做其参数，然后将当前的作用域作为参数传给该函数，并执行它。然后它返回该函数的执行结果。$eval还有第二个可选的参数，它仅仅是被传递给将要执行的函数。有几个单元测试展示了我们如何使用$eval：test/scope_sp
2016-04-04 11:38:02
1459
翻译 构建自己的AngularJS - 作用域和Digest（二）
作用域第一章 作用域和Digest（二）放弃一个不稳定的Digest在我们当前的实现中有一个明显的遗漏：如果发生了两个监控函数互相监控对方的变化的情况会如何？也就是，万一状态永远不能稳定呢？就像下面的测试案例展示的情况：test/scope_spec.jsit("gives up on the watchers after 10 iterations", function(){ scope.
2016-03-31 17:10:37
1146
3
翻译 构建自己的AngularJS - 作用域和Digest（一）
作用域第一章 作用域和Digest（一）Angular作用域是简单javascript对象，因此你可以像对其他对象一样添加属性。然而，他们也有一些额外的功能，用于观测数据结构的变化。这种观察能力是使用脏值检查在digest循环中运行来实现的。这就是我们这一章将要实现的内容。作用域对象Scope的创建是通过在Scope构造函数之前加入new关键字来创建的。这样会产生一个简单javascript对象。让
2016-03-31 17:09:59
1089
翻译 构建自己的AngularJS - 作用域
作用域代码托管在github:https://github.com/paradisefj/my-angular我们从AngularJS最核心的模块开始构建AngularJS的实现：作用域。作用域的作用有：在控制器和视图之间共享数据在应用的不同部分之间共享数据广播并监听事件监控数据变化在以上所有的使用场景中，最后一个可以说是最有意思的。Angular作用域实现了一种叫做脏值检查(dirty-
2016-03-31 17:09:09
659
原创 Git使用
Git使用git initgit add 将文件添加进到仓库git commit 将文件提交到仓库git status 查看仓库当前状态git diff 查看版本间的不同git reflog 查看命令历史git checkout — file 丢弃工作区的修改 文件修改后还没有添加到暂存区，撤销修改后回到和版本库一模一样的状态文件已经添加到暂存区，撤销修改后回到暂存区的状态git
2016-03-20 12:00:23
416
翻译 深入理解Angular指令
本篇文章旨在解释AngularJS指令和其相关的编译引擎是如何工作的，理解了以后你就不会像第一次吃面条那样手足无措。
2016-02-24 16:57:14
2256
翻译 深入理解Angular作用域
在AngularJS中，子作用域通常会原型继承于其父作用域。有一个例外是当指令使用scope: { ... }来定义－－这创建了一个没有原型继承的“独立“作用域，这会在创建“可重复使用的组件“的指令时经常使用。如果你设置了scope:true（而不是scope: { ... }），这个指令会使用原型继承。
2016-02-23 16:09:46
3698
转载 javascript Date 日期对象
Date 日期对象日期对象可以储存任意一个日期，并且可以精确到毫秒数（1/1000 秒）。定义一个时间对象 :var Udate=new Date(); 注意:使用关键字new，Date()的首字母必须大写。 使 Udate 成为日期对象，并且已有初始值：当前时间(当前电脑系统时间)。如果要自定义初始值，可以用以下方法：var d
2015-12-09 15:10:06
554
原创 DB2 With 拆分字符串
假设存在表 “学生和班级的关系”，但是由于表结构的设计的问题，学生的数据的存放是将学生的ID用“，”分隔连接起来存在在数据库中的，如下图：班级C1中存在着10个学生，studentdIds 列中存的是这10个学生的ID，并以逗号分隔。但是由于效率问题，要更改该表，将每个学生的所在班级的信息分开存放，class列和student列作为联合主键，如下图：由于之前的数据已经存
2015-12-02 17:11:57
5614
2
原创 JavaScript 的类型检测
JS中类型检测的几种方法以及各自的适用范围typeofinstanceofObject.prototype.toStringconstructorduck type
2015-12-01 16:54:45
562
转载 JS window.open 使用说明
打开新窗口（window.open）open() 方法可以查找一个已经存在或者新建的浏览器窗口。语法window.open([URL], [窗口名称], [参数字符串])参数说明:URL：可选参数，在窗口中要显示网页的网址或路径。如果省略这个参数，或者它的值是空字符串，那么窗口就不显示任何文档。窗口名称：可选参数，被打开窗口的名称。 1.该名称
2015-11-30 22:57:57
857
转载 JS中如何输出空格
JS中如何输出空格在写JS代码的时候，大家可以会发现这样现象:document.write(" 1 2 3 ");结果: 1 2 3无论在输出的内容中什么位置有多少个空格，显示的结果好像只有一个空格。这是因为浏览器显示机制，对手动敲入的空格，将连续多个空格显示成1个空格。解决方法:1. 使用输出html标
2015-11-30 22:44:19
1966
原创 SQL case when 学习
今年大学刚毕业，刚上班的时候就分配了一个很艰巨的任务——用 birt做报表，我对报表连个概念都没有，别的同事教了一下我，后来发现，最主要的就是写SQL，写好SQL后其他的就拖一下就行了，但是SQL真的很复杂，像我这种没做过什么大项目，技术就一般的人来说，写起来好困难。想了好久都没有想出来，后来还是问了一下别人，人家一下子就弄出来了，顿时感觉很崇拜。主要写的内容如下图，统计每个小组成员选“是”的
2013-09-23 15:24:51
705
万年历（c++实现）
2011-05-18
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人