现代 CSS

Airen的博客

JavaScript算法练习: JavaScript中回文(Palindromes)处理

Palindromes称之为回文。在中文文当中是指倒着念和顺着念都是相同的,前后对称,例如“上海自来水来自海上”。在英文文当中是指正着看和反着看都相同的单词,例如“madam”。而对于数字,又称之为回文数,是指一个像“16461”这样的对称的数,即这个数的数字按相反的顺序重新排列后得到的数和原来的数一样。在JavaScript中Palindromes也常出现在一些算法题中,这篇文章主要介绍如何使用JavaScript判断一个字符是不是Palindromes。

JavaScript算法练习:使用JavaScript截断字符串

在Web中截断字符串的场景随处可见,CSS3未出现之前,截断字符串都是通过后端程序或者说JavaScript来处理。就现在的技术而言,使用CSS3的相关技术就可以实现截断字符串的效果。

贝塞尔曲线的一些事情

贝塞尔曲线(Bezier curves)是曲率的一种典型代表,而且在很多应用中都会运用到,比如计算机的图形学中、字体和动画。如果你以前玩过CSS,那么你可能就运到过贝塞尔曲线。例如,在CSS的时间函数(timing function)中就有一个贝塞尔曲线——x轴和y轴的距离用来确定时间。

12个JavaScript技巧

在这篇文章中将给大家分享12个有关于JavaScript的小技巧。希望这些小技巧能在工作中帮助你解决一些麻烦,或者说这篇文章对你有所帮助。如果你有一些优秀的JavaScript小技巧,欢迎在评论中与我们一起分享。

JavaScript算法练习:字符串反转

今天在freeCodeCamp上面刷题,碰到一题是有关于字符串反转。反转一个字符串是JavaScript中常见的面试题之一。可能面试官会给你一个字符串“Hello Word!”,让你通过JavaScript的方法,将其变成"!droW olleH"。我也是初学者,利用前面所学数组相关的知识以及题目的提示,我算是过关了,后来想,是不是还有其他的方法能破此题呢?搜索了一下,还是有不少的方法,这里把这些方法罗列一下,以备后面可以使用。

CSS如何实现弹簧动画效果

CSS Animation在Web Animation中已不是新技术,不过在制作动画的时候,或许常常纠结timing-function如何使用。一般情况之下,都会使用animation-timing-function/transition-timing-function自带的几个关键词动画函数。稍为熟悉Web Animation的同学可能会使用cubic-bezier.com帮助自己创建一些timing-function。往往这一切都只是局限于使用,而不知道其原理究竟是什么。

函数表达式和函数声明

JavaScript中创建函数有两种不同的方式。函数声明这种方式已经使用很久了,但慢慢的被函数表达式这种方式在替代。在代码中更多的使用函数表达式来实现函数声明式功能,这样使用你的代码更简洁,更易维护。函数表达多被广大的开发人员使用,也是开发中的一个重要组成部分。

HTML head里的元素

或许有很多标签(<link>meta)的类型你从未见,甚至都不知道这些标签的意义何在,更何况是如何使用了。其实这些并不复杂,也没有太多的技术含量在里面,而且这些标签具体的意思是什么很容易的找到。 这篇文章是一篇基础性的文章,昨天在Github上看到@Josh Buchea整理了一份有关于HTML中<head>里的标签元素,觉得还是蛮有意义的,今天将其复制到这里。

开始使用React和JSX

React是一个用来创建用户界面的一个开源库。它可以让你轻松的创建与底层数据模块保持一致的UI。这篇文章主要针对初学者,包括了React的基本知识和JSX语法。或许,开始使用React最简单的方法就是从CDN中引入一个库(文中的例子是这样做的)。或者你可以使用npm来安装或者从官方网站下载React运行所需要的文件。

JavaScript中的CSS: CSSX

想像一下,一个Web组件都在一个.js文件中,这个文件包含了一切:HTML结构、CSS样式和一些逻辑。仍然会有基本的样式表,但动态的CSS将使用JavaScript来处理。现在这样做是能做的,并实现它的一个方法称为CSSX。CSSX是我用了近一个月的业余时间写的一个项目,它是具有挑战性的、有趣的,而且在这个项目中我学到很多新东西。它的最终结果就是变成一个工具,允许你在JavaScript中写CSS。

页面

返回顶部