JoeJoan

摘要： 一个显著变化，就是URL加入了"#!"符号。比如，改版前的用户主页网址为 http://twitter.com/username 改版后，就变成了 http://twitter.com/#!/username 在我印象中，这是主流网站第一次将"#"大规模用于直接与用户交互的关键URL中。这表明井号（ 阅读全文

摘要： CSS 有两个说不上常用的伪类 :before 和 :after，偶尔会被人用来添加些自定义格式什么的，但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面，里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外， 阅读全文

摘要： content 和 attr 配合使用 如果你不想把content内容在CSS里写死，那你可以使用attr表达式来从页面元素中动态的获取内容： attr属性通常和自定义属性data-配合使用，因为传统的其它属性虽然也能存值，但通常不适合存放表达性文字。 content里的字符串连接操作 这种字符串连 阅读全文

摘要： 背景图的绘制（大圆、数字、小圆点） 掌握基础知识：圆的绘制（arc方法），关于圆的弧度的计算，数学中关于sin cos的用法 圆的弧度为2*Math.PI 12个数字分得弧度每个为2*Math.PI/12 那么rad=i*2*Math.PI/12 x=Math.cos（rad）*所需要的长度（也就是 阅读全文

摘要： 今天终于将SVG生成柱状图的代码给完成了，过程中定位比较重要，包括坐标轴的X,Y点，和长度宽度，都需要要好好设计一下。 其中viewbox属性比较有趣，学习了，贴出鑫旭大神的解说，非常清晰。http://www.zhangxinxu.com/wordpress/?p=4323 在编写代码时，记得哪个 阅读全文

摘要： 一、 问题描述 在配置webpack.config.js自动打包的时候,出现Error: Cannot find module '@babel/core'错误最初以为是babel-core没有安装上。重装了好几遍babel-core还是不行。对照以前的项目,发现babel-loader的版本不一样, 阅读全文

摘要： 2019-1-26 map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。 map() 方法按照原始数组元素顺序依次处理元素。 注意： map() 不会对空数组进行检测。 注意： map() 不会改变原始数组。 例子1： 输出结果为: 2,3,4,5 例子2： <!DOCTY 阅读全文

摘要： 获取元素DOM对象有很多种方法，以前一直在用getElementById和getElementsByTagName等，现在对这些方法和querySelector做一个总结． 常见的获取元素的方法有3种，分别是通过元素ID、通过标签名字和通过类名字来获取。 DOM提供了一个名为getElementBy 阅读全文

摘要： 先来个基础的 需求 根据下面需求实现如示意图所示的邮箱输入提示功能，注意，根据要求只需实现下面功能 当用户没有任何输入时，提示框消失 当用户输入字符后，显示提示框，并且把用户输入的内容自动拼上邮箱后缀进行显示 暂时不用考虑示意图中的红色和蓝色背景色的逻辑 注意用户输入中前后空格需要去除 小优化编码 阅读全文

摘要： 1、浏览器的按键事件 浏览器有3种按键事件——keydown，keypress和keyup，分别对应onkeydown、onkeypress和onkeyup3个事件句柄。 一个典型的按键会产生所有这三种事件，依次是keydown-->keypress-->keyup。 控制台输出：keydownke 阅读全文