wx57c6b1aea90cf的博客_(8)

让文字飞一会~~~

介绍一款让文字会飞的插件看效果: "github" 下载完引入对应的css和JS文件，使用的时候加上对应的class就ok了。必须加上txtwav这个class，然后再加一个你想要的效果的class。这个class可以看上面那个图片，黑色的那几个大字就是对应的class。比如这个：代码：完。

JS文字插件

css

html

github

原创 2021-08-04 11:15:16 61 阅读

走进javascript——重拾数组

Array构造器如果参数只有一个并且是Number类型，那么就是指定数组的长度，但不能是NaN，如果是多个会被当做参数列表。注意当只传递一个参数时，它只是指定该数组的长度，并不会去填充内容由于传递一个参数时不会填充数组内容，因此forEach不会循环这些空内容，或者说forEach不是根据数组

数组

javascript

数组长度

i++

字符串

原创 2021-08-04 11:15:04 165 阅读

writing-mode改变文字书写方式

古代书写方式都是垂直方向上的，如果要实现这种效果的话，还是挺麻烦的，不过现在CSS3有一个"writing mode"属性，它可以改变文字的书写方式。 writing mode：horizontal tb | vertical rl | vertical lr horizontal tb： vert

writing-mode

css3

竖排

原创 2021-08-04 11:14:36 300 阅读

走进javascript——它是什么？

javascript不是什么如《把时间当作朋友》的作者所说，“有些时候，有些事物，从反面描述比从正面描述更为容易。如若先仔细说清楚这本书不是什么，之后，至于它究竟是什么，很可能就不言自明了。” javascript它不是一门静态类型、静态编程的语言，也不是一门服务器语言，更没有像其他语言那样有那么

javascript

编程语言

动态语言

静态类

动态类型

原创 2021-08-04 11:14:27 79 阅读

css text-fill-color与text-stroke讲解

顾名思义“text fill color”就是文字填充颜色而“text stroke”就是文字描边。还别说，两个属性可以制作出各种炫酷的文字效果，不过IE系列都不支持，不过好在webkit都支持良好。 text fill color:color; 话说倒有点像了，这种情况下倒是和真的是一样的。

text-fill-colo

text-stroke

background-clip

文字颜色

动画效果

原创 2021-08-04 11:14:12 978 阅读

css box-reflect投影实例讲解

box reflect一共有以下几个属性： above：指定倒影在对象的上边 below：指定倒影在对象的下边 left：指定倒影在对象的左边 right：指定倒影在对象的右边 offset：倒影与对象之间的间隔，可以为负值。另外还可以使用渐变以及图片。 above below left

box-reflect

css投影

偏移量

原创 2021-08-04 11:13:48 230 阅读

设计模式之封装，学习笔记

封装即把代码隐藏起来，why？好好的为什么要隐藏起来,这里指的隐藏并非真的隐藏，而是把一些复杂的代码给包裹起来，留下的是一个接口，到时候要用的时候直接调用这个接口即可，这样那些不是干技术的也可以轻松上手了。有时我们还会把一些私有属性属性给封装起来，如下： function fn(){ var _na

设计模式之封装

javascript

封装

css3

私有属性

原创 2021-08-04 11:13:10 64 阅读

初了解JS设计模式，学习笔记

什么是设计模式。回答这个问题，往往我们得先知道我们为什么需要设计模式，正是因为有需求才会有设计模式，难道不是吗？我们为什么需要设计模式。如果没有按照设计模式去写，你的代码很可能是乱无肆忌写的，也就是随心所欲，想怎么写就怎么写，反正只要出效果就行，好像是没啥问题，但好像又有问题，因为你根本就不知

初识JS设计模式

设计模式

多态

json

变量类型

原创 2021-08-04 11:13:08 60 阅读

设计模式之原型，学习笔记

在常见的编程语言中如果你需要一个对象，那么可以通过类来创建，但是Javascript它并没有类这个概念，javascript创建对象是通过克隆另外一个对象而来的，既然如此那么它肯定有一个基类，这个基类就是Object.prototype，这是一个顶级根对象，其他所有对象都是通过克隆它而来的，比如你通

JS原型

原型继承

javascript

创建对象

谷歌浏览器

原创 2021-08-04 11:13:06 29 阅读

一篇通俗易懂的CSS层叠顺序与层叠上下文研究

网上有很多这方面的教程，但不是苦涩难懂就是从哪copy过来的，反正很长一段时间我是没看懂，时间长了也没打算去研究了，主要原因是，基本上很少会遇到那些问题（所以说啊，要是没有研究精神的才懒得管它）。但自从开始研究CSS以后就一发不可收拾，所以打算把CSS一系列的东西都给研究一遍，当然能研究懂自然是好的

层叠顺序

层叠上下文

堆栈上下文

堆栈上下文入门

CSS层叠上下文教程

原创 2021-08-04 11:13:05 144 阅读

设计模式之单例模式，学习笔记

所谓的单例模式就是说一个对象，我们只去实例化一次，在页面中如果有一个对象是唯一的，那么就可以用单例模式。 var Fn = function(name){ this.name = name;}; Fn.prototype.getName = function(){ return this.name;

JS设计模式

单例模式

html

实例化

编程

原创 2021-08-04 11:13:04 50 阅读

设计模式之代理模式，学习笔记

不直接操作实体对象，而是借助另外一个对象来操作它，这样的话，我们可以在实体对象编写核心代码，而用代理对象来编写条件等等，如果满足就访问实体对象。这样的话当你不需要条件的时候，我们只是需要把代理对象删除，其他的都不不用去改变。简单来讲所谓的代理模式就是通过另外一个人来帮它完成一部分的任务，减轻压力。如

JS设计模式代理模式

代理类

数据

代理模式

缓存

原创 2021-08-04 11:13:03 17 阅读

设计模式之策略模式，学习笔记

比如在多个条件判断中，也许条件会被更改这样的话，我们又得重新写过，策略模式就是解决这个问题。 var get = { A:function(){ console.log('a'); }, B:function(){ console.log('b'); }}; var getAB = function

JS设计模式

策略模式

用户名

代码复用

面向对象

原创 2021-08-04 11:13:01 41 阅读

ECMAScript6学习笔记 ——let、const、变量解构赋值

let 不存在变量提升通过let声明的变量仅在块级作用域内有效不允许在同一个作用域内重复声明一个变量防止值公用 var oUl = document.querySelectorAll('ul li'); for(let i=0,len=oUl.length;i

赋值

作用域

默认值

数组

变量提升

原创 2021-08-04 11:12:59 37 阅读

技术的本质——读书笔记

总结这本书我认为叫做技术的进化论更合适，因为整本书围绕的是一个技术是如何发展起来的。一项完善的技术，往往是通过已有技术加工而成，而如果把一个技术深挖，我们会看到，它最初也许并不是这个样子，甚至当时根本就没有想过要这样弄，也许是某天一个突然的灵感，或者是因为发现了某个现象，但最终形成的这项技术，在

新技术

进化机制

技术发展

模块化

核心技术

原创 2021-08-04 11:12:55 234 阅读

做最好的自己——读书笔记

精彩片段谁都渴望成功，但似乎谁都摸不准成功的脉络；与其裹挟在追逐成功的大军里茫然前行，还不如冷静下来，自己跟自己比上一比。有一天，这个学生问我：“开复博士，我希望自己能像您一样成功。根据我的理解，成功就是管人，管人这件事很过瘾——尤其是在每次发放薪水时，管理者一定会有大权在握的感觉。不要轻易走

解决方案

编程

原创 2021-08-04 11:12:53 78 阅读

程序员的数学——读书笔记

0的故事 10进制常用的10进制如：0、1、2、3、4、5、6、7、8、9 逢10进1，1我们读作一，10我们读作十一，如数字1125，我们分别从右往左数，5(个)，2(十)，1(百)，1(千)，把它写成一个算式就是下面这样。 2进制计算机为什么采用2进制计算机之所以采用2进制是因为2进制的种

进制

运算符

数据

javascript

罗马数字

原创 2021-08-04 11:12:51 54 阅读

生活中的魔法数学——读书笔记

乘法速算任何一个数与25相乘，只要在这个数后面加两个0，然后再除以4就能得到它们的乘积，比如 5 x 25 5 x 25 在5后面加两个0也就是500再将500除以4就是它们的乘积 500 / 4 = 125 任何一个两位数与11相乘，只需要将这个两位数相加然后放到中间就是它们的乘积，比如 23

编程

原创 2021-08-04 11:12:50 145 阅读

来，一起让我们越来越懒，面向CSS、JS未来编程。(9.28已更新)

2016.10.29更新本文存在大量的错误，仅供参考。不知不觉在前端领域马上一个年头就要过去了，然而再看看自己的代码，果然够烂，那么为什么代码一直没有用面向对象的思维去写CSS呢？首先有两点：一点就是感觉没必要，还有一点就是难控制。为什么这么说呢？作为刚入门的人来说，第一写的代码就少，平时也不会

js

可扩展的CSS

html

组件化

可扩展性

原创 2021-08-04 11:12:02 71 阅读

彻底理解nth-child和nth-of-type的区别。

最近又有些天没写博客了，主要写一篇下来，太浪费时间了，其实这不是根本，根本是最近比较忙，忙什么呢？最近发现一个问题觉得学习速度太慢了

nth-child

nth-of-type

选择器

原创 2021-08-04 11:11:19 211 阅读

CSS的未来

仅供参考前言完成《CSS核心技术与实战》这本书，已有一个多月了，而这篇文章原本是打算写在那本书里面的，但本章讲解的内容，毕竟属于CSS未来的范畴

css

预处理

选择器

自定义

媒体查询

原创 2021-08-04 11:10:41 74 阅读

每天多一点（2016.12.04）》Javascript隐式转换

乱想 javascript为什么需要隐式转换？如果没有会出现什么情况？找了一圈没有看到关于这个的讨论，只好自己研究了，可能不一定正确，自行辨知。郁闷就是郁闷在好好的，为什么要搞个隐式转换，一般来讲这样去想不太可能想出个结果，毕竟这门语言不是自己写的，如果换一个问题，可能会好点，如果没有隐式转换j

隐式转换

字符串

字符串拼接

javascript

全栈工程师

原创 2021-08-04 11:10:21 65 阅读

Javascript刷题》查找数组元素位置

找出元素 item 在给定数组 arr 中的位置输出描述: 如果数组中存在 item，则返回元素在数组中的位置，否则返回 1 输入例子: 输出例子: 实现方法 1、先将arr转换成字符串，然后使用字符串的indexOf 2、直接使用数组的indexOf 3、使用for循环判断当前项是否等于传进来

数组

字符串

编程能力

字符串分割

数组分割

原创 2021-08-04 11:10:19 135 阅读

Javascript刷题》数组求和

计算给定数组 arr 中所有元素的总和输入描述: 数组中的元素均为 Number 类型输入例子: 输出例子: 解题方法 1、定义一个变量，将前面的和后面的相加 2、eval 将数组转成字符串，并且将，号转成+号，再用eval执行。 3、reduce方法 reduce() 方法接收一个函数作为累加

数组

字符串

Java

原创 2021-08-04 11:10:18 1061 阅读

原生Javascript插件开发实践

前言之前公司设计的网站比较混乱，很多地方不统一，其中一个就是弹出层，导致这个原因是因为，公司的UI换了好几个人，而他们每个人做出来的都不太一样。最近公司开始整顿这个问题，对于统一的这种东西当然是做成一个模块，或者插件，而我打算做成插件。之所以写这篇文章是因为，当写完这个插件以后，发现其中有不少的理

遮罩层

构造函数

弹出层

封装

css

原创 2021-08-04 11:10:16 153 阅读

java入门，学习笔记

编译通过javac编译java程序，会编译出一个后缀为class的文件，我们再通过java虚拟机（jvm）执行编译后的java程序。在java中始终有一个main函数，它作为程序的入口，程序从这个入口开始执行一直到结束。 cmd输入进行编译执行后生成app.class文件 cmd输入执行代

java

java程序

文件名

javascript

后缀

原创 2021-08-04 11:10:14 109 阅读

攻入Javascript，究竟什么是AJAX

什么是AJAX 时隔半年，当AJAX再一次出现在我脑海中时，从最初的模糊到现在的越来越明确。那么究竟什么是AJAX？它和form表单提交有什么区别？如果你使用过AJAX和表单提交的话，想必会发现一件很重要的事，那就是AJAX提交，页面不会刷新，并且可以选择同步或异步。体验一把 form篇我们发

ajax

form表单

事件监听器

数据

服务器端

原创 2021-08-04 11:10:12 127 阅读

Java中的封装、继承、多态

封装在 "如何理解面向对象" 这篇文章中，提到所谓的封装就是“功能都给你做好了，你不必去理解它是怎么写出来的，直接使用即可。”。但你得清楚一点，那就是这句话是相对于使用者来说的，而作为开发者，封装就得我们自己来干。那么作为开发者，我们应该如何去封装呢？其实你应该反过来问，他们应该如何去使用，这样

父类

子类

java

封装

多态

原创 2021-08-04 11:10:10 137 阅读

Java中函数的重载和重写

重载重载指的是两个或者两个以上同名函数，但它们的参数不一样，这时会出现函数重载的情况。比如下面这段代码也就是它具体使用那个函数，是根据你的参数来决定的。重写通俗讲就是覆盖，在Java好像对同一个类中，不支持重写，下面这段代码，运行就报错了。一般来说，也没人会这么写，使用重写，基本上是在继承

父类

java

函数重载

访问权限

函数返回

原创 2021-08-04 11:10:08 497 阅读

Java中的抽象类

抽象类抽象是一种概念，而不是如何实现，比如你的老板说，大家加油哈，将来发财了人人有份。又如，好好学，将来必成大牛，这些都可以理解成是一种抽象的，你也可以理解成所谓的抽象就是光说不做。在Java中通过abstract关键字定义抽象类，如下被定义为抽象的类，不能使用new关键字，首先我们得理解一件

抽象类

多态

子类

引用类型

java

原创 2021-08-04 11:10:06 54 阅读

官方博客	全部文章	热门标签	班级博客
了解我们	网站地图	意见反馈

鸿蒙开发者社区	51CTO学堂
51CTO	软考资讯

51CTO博客

12014146

让文字飞一会~~~

走进javascript——重拾数组

writing-mode改变文字书写方式

走进javascript——它是什么？

css text-fill-color与text-stroke讲解

css box-reflect投影实例讲解

设计模式之封装，学习笔记

初了解JS设计模式，学习笔记

设计模式之原型，学习笔记

一篇通俗易懂的CSS层叠顺序与层叠上下文研究

设计模式之单例模式，学习笔记

设计模式之代理模式，学习笔记

设计模式之策略模式，学习笔记

ECMAScript6学习笔记 ——let、const、变量解构赋值

技术的本质——读书笔记

做最好的自己——读书笔记

程序员的数学——读书笔记

生活中的魔法数学——读书笔记

来，一起让我们越来越懒，面向CSS、JS未来编程。(9.28已更新)

彻底理解nth-child和nth-of-type的区别。

CSS的未来

每天多一点（2016.12.04）》Javascript隐式转换

Javascript刷题》查找数组元素位置

Javascript刷题》数组求和

原生Javascript插件开发实践

java入门，学习笔记

攻入Javascript，究竟什么是AJAX

Java中的封装、继承、多态

Java中函数的重载和重写

Java中的抽象类