自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

Roger的博客

大部分为个人学习笔记

  • 博客(16)
  • 资源 (2)
  • 收藏
  • 关注

原创 使用canvas绘制环形渐变色进度条

效果大约是上边的样子。源码地址https://github.com/Ajingjing006/CircleProgress

2020-11-27 18:24:38 2101

原创 js 实现简单的红绿灯

<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no"> &l...

2019-07-31 14:07:34 10268 5

原创 文字颜色渐变

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1.0,minimum-scale=1.0"/> &lt...

2019-06-14 10:50:23 2016

原创 计算机程序的构造和解释 习题 1.11

函数f由如下的规则定义:如果n&lt;3,那么f(n)=n;如果n&gt;=3,那么f(n)=f(n-1)+2f(n-2)+3f(n-3)1)递归计算(define (fn3 n) (if (&lt; n 3) n (+ (fn3 (- n 1)) (* (fn3 (- n 2)) 2) (* (fn3 (- n ...

2019-02-28 14:07:00 543

原创 CSS 半个像素边框

实际效果代码&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;利用伪元素实现半个像素的边框&lt;/title&gt; &lt;style type="text/css"&gt;

2018-09-27 22:58:45 750

原创 url 参数 和 锚点 同时存在格式

项目有需求,url中的参数和锚点同时存在1 初始状态2 随意填加一个参数在url中3 在控制台使用js添加锚点4 检测 锚点在前是否工作5 验证一次,在新的窗口使用以下url,然后控制台访问hash结论和明显了,锚点放在后边能工作...

2018-09-19 18:12:39 4469 1

原创 React的学习记录 (二)

  React中,render返回的节点如果是多个,会被要求必须存在一个共同的父容器来包含全部的节点。举个栗子class Products extends React.Component { constructor(props) { super(props) } render() { let products = [...

2018-08-07 22:59:25 176

原创 学习记录 crossorigin

阅读react栗子的时候,看到引入的script标签中有crossorigin属性,:Oscript标签什么时候也有跨域问题了?!!赶紧去查MDNMDN的对于上边属性的地址大致意思就是除了script可以加这个属性,img video也都可以加。img video这种资源文件加这个跨域属性我明白,script加上是干嘛的?!简单的解释在这里:rossoriginNo...

2018-08-05 16:32:58 551

原创 React的学习记录 (一)

对React也是学习一段时间了,都是从其他的大神博客(例如阮一峰老师的React入门)、购买的React实战书籍,React网络教学视频(填鸭式教学适合什么都不懂的小白)等渠道学习使用的,现在也算是入门了。学来学去最后发现React的官方文档竟然还没有通读一遍:(React英文官方地址React给的第一个例子是不用jsx语法的,今天菜发现。以下是具体实现/src /js...

2018-08-05 16:14:33 331

转载 js 笔记 数据的深度克隆

const checkTargetType = target =&gt; Object.prototype.toString.call(target).slice(8,-1); const clone = target =&gt; { let result,targetType = checkTargetType(target) if(targetType === 'Object' ...

2018-07-22 17:02:42 213

原创 使用脚手架创建 React 项目(二)

在使用脚手架创建 React 项目(一)的基础上,继续进行项目的修改。目标:创建简单的todo组件,只为了简单的添加功能1  npm run eject //将项目的配置信息从默认的依赖包中提取出来,会生成config文件夹2 使用编辑器,此处使用HbuilderX。(westorm sublime等任意一款编辑器)3 创建简单的组件(此处删除了默认生成的无用文件),最终如下src/index.j...

2018-07-14 23:59:43 442

原创 使用脚手架创建 React 项目(一)

内容为创建一个简单的React项目(前端项目)。准备工作1 安装node2 安装脚手架(npm install -g create-react-app)此处为全局安装创建项目1 创建一个文件夹,比如 projects2 使用命令窗口进入projects目录3 使用脚手架创建一个项目 create-react-app [project name], 比如create-react-app demo需要...

2018-07-14 23:21:52 478

原创 for 循环

var arr = [1,'1',2,3,'a'];for(var i=0,item; item=arr[i++]; ){ console.log(item);}这种循环需要特定的集合子集才能正常循环结束,如果中间任意一个子项是 false/ undefined/ 0 / '' / null ,都回终止循环,所以建议不使用此种循环方式。for(var i=0,len=arr.length; ...

2018-06-05 17:34:36 198

原创 js 电源管理对象 ---- 笔记

&lt;!doctype html&gt;&lt;html&gt;&lt;head&gt;&lt;script type="text/javascript"&gt;+function(p){ p.navigator.getBattery().then(showDetails);}(window);function showDetails(batteryData){ let char...

2018-05-18 12:06:48 210

原创 javaScript 学习零散笔记(2) ---- 新的数据类型Symbol

此文是在学习《ECMAScript 6 入门》-- 阮一峰 过程中的记录,在此非常感谢他的分享。《ECMAScript 6 入门》让我获益匪浅1: Symbol 不是对象,不能new Symbol();2: Symbol() 每次返回的值是不同的{ let x1 = Symbol(); let x2 = Symbol(); x1 == x2; //false}3: Symbol()支...

2018-05-09 14:42:40 248

原创 javaScript 学习零散笔记(1) ---- 获取数组中最大值/最小值

在数组中获取最大值最小值:{    let x1 = 21;    let x2 = 5;    let x3 = 99;    let x4 = 2;    let list = [x1,x2,x3,x4];    var result = Math.max(...list);    console.log('max value == ' + result);}{    let x1 = 21;...

2018-05-09 11:54:06 212

flex spark DataGrid 拖动删除

flex datagrid 拖动 删除选中行,发现多数资料里使用的mx组件的实现方法对于spark组件不适用,这里只是简单的实现方式

2015-02-12

数字时钟 表盘时钟 示例

flex项目,含有导出的air文件,安装了air的可以直接执行

2014-12-05

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除