使用数组规避后端渲染页面上javascript变量值报错

问题描述 在后端渲染页面时,如果想要渲染一个javascript变量,且这个变量是一个字符串的话。大概是这样写:($a作为服务端变量) ... <script> var a = '$a'; </script> ... 这样一旦$a值为空时,渲染结果为 ... <script> var a = ''; < »

【BUG】宽高1.14em并不一定相等哦(^。^)

前传 我们想要自定义 input[type="radio"] 的样式来符合我们产品的设计稿。 -webkit-appearance 是用来改变按钮和其他控件的外观的一个 css 属性,它没有出现在 css 规范草案中。 我们通过 -webkit-appearance: none 进行样式自定义之后,发现 chrome 下单选框有点扁,一度认为是浏览器版本 BUG,就先忽略了。 前几天,同事发现禁用我们设置的 font-family »

如何写一个简单的分页

好基友现在也是个前端,昨天他问我说: 公司的大部分任务都能应付着做了, 现在要做个分页,如果用插件的话,很快就能上, 但是我想提升一下自己,怎么从头开始写一个呢,实在是一点思路也没有。 我想,很多自学前端的同学都会遇到这样一个坎儿,我能做很多东西,但是感觉自己还是啥都不会。 编程,很重要的一个技能就是抽象能力,就是现实中的琐事儿,我怎么用代码来表示。(是表示哈,不是人工智能) 我特别崇拜 ACM 的获奖者,我们公司的死月大大就曾经是 ACM 全国一等奖哦,快过来膜拜。 »

说说大家都熟悉的网页动画技术

前言 从古代手绘翻书动画,到胶片电影,再到多张静态图合成 gif, 这些都离不开一个术语叫 帧。 也就是我们需要绘制每一帧,然后控制一下帧与帧之间的时间间隔。 然而相邻两帧之间的变化并不大,重复绘制浪费体力, 幸亏计算机代码可以复制粘贴,然后修改一下变动的地方就可以了。 等等,好像哪里不对。 计算机代码除了可以复制粘贴,还有抽象能力。 我们可以把需要复制粘贴的代码交给计算机来重复执行。 把需要变动的地方,交给计算机来运算。 而网页中具备运算能力的只有 JS,其他的就只能是定义一下参数,剩下的就交给浏览器了。 这就是 JS »

BoltDoggy BoltDoggy 访问数:7510

[译]Easing (ease 舒适、缓解) / Path (path 路径) Easing

这篇文章是关于精确计时函数控制的 path easing 函数。 demo on CodePen demo's repo on GitHub mo·js on GitHub Easing (或称计时函数) 就像蜜汁,让我们的运动看起来自然且令人愉悦。线性运动看起来很不自然,因为我们的物质世界中没有线性运动。 Using a term (term 术语) »

BoltDoggy BoltDoggy 访问数:3940

[codewars]如何校验数独

题目来源:http://www.codewars.com/kata/sudoku-solution-validator 如何校验数独 你怎么不知道数独?快去看看百度百科,顺便搜索一款在线游戏杀两盘。 本文不会教你如何成为数独高手,而是探讨一下如何校验数独的正确性,也就是满足每一行、每一列、每一个粗线宫内的数字均含1-9,不重复,然后用 js 来实现它。 为了能让 js 也认识数独,我们将其抽象为一个二维数组: var sudoku »

我是如何在一天内学完ES6全部新特性的

首先我要先声明,我并不是在炫耀我的学习速度是多么的快,因为快并不见得就是好东西。对于那些30天就能怎么怎么样,7天就能怎么怎么样的教程,我是不屑一顾的(仅仅是为了渲染气氛而已,该看的还是得看),同样,我也不是要出一篇《一天让你学会ES6》的教程。 我所说的是“学完”、“全部”,学完不代表学会,我还没有去使用去实践,根本没有资格说学会了。何为全部?一向新技术出现之后,我们习惯性去百度,于是便有了各种各样介绍新特性的文章。当然,在这些文章中,你可以初步了解ES6,也学会了一些新特性的用法, »