使用Vue.js 和Chart.js制作绚丽多彩的图表
前言 深入学习 chart.js 的选项来制作漂亮的图表。交互式图表可以给你的数据可视化提供很酷的展示方式。但是大多数开箱即用的解决方案用默认的选项并不能做出很绚丽的图表。 这篇文章中，我会教你如何自定义 chart.js 选项来制作很酷的图表。 ? Quick Start 我们需要： Vue.js ... 查看全文
Vscode配置c/c++所需的json文件
1.launch.json { "version": "0.2.0", "configurations": [ { "name": "(gdb) Launch", // 配置名称，将会在启动配置的下拉菜单中显示 "type": "cppdbg", // 配置类型，cppdbg对应cpptools提供 ... 查看全文
JavaScript图形实例：图形放大镜效果
1. 基本四瓣花型图案 根据四瓣花卉线的参数方程： t= r*(1+sin(12*θ)/5)*(0.5+sin(4*θ)/2); x=t*cos(θ)); y=t*sin(θ)); 编写如下的HTML文件。 <!DOCTYPE html> <head> <title>基本的四瓣花型图案</title ... 查看全文
JavaScript图形实例：太极图
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个绘制圆与圆弧的方法，其基本格式为： void arc(in float x, in float y, in float radius, in float startAngle, in float endAn ... 查看全文
JavaScript动画实例：转呀转
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle rotate（）方法旋转的中心始终是canvas的原点。如果要改变旋转中心，需要使用 ... 查看全文
h5css3_03练习
基础案例 01 轮播图进度条 训练描述 完成鼠标经过即可 训练提示 1. 添加背景图片，设置初始化样式 2. 利用盒子，定位盒子的位置，设置li的宽和高 3. 设置span的小高度，设置span的伪元素跟span一样大小，并且左下角对齐，宽度默认为0 4. 当鼠标经过则给伪元素宽度 操作步骤 1. ... 查看全文
IT兄弟连 HTML5教程 初识Sass Sass的使用和编译
Sass作为一门具有编程性质的CSS扩展语言，它具有独立的文件名称，因为其历史原因，它的后缀名可以有两个选择，分别为sass和scss，其中sass的编写格式不符合CSS编程语法规范，其不能使用大括号和分号，需要的严格的缩进来做定界。如下所示： body background: #eee font- ... 查看全文
JavaScript图形实例：玩转正方形
在Canvas API中，上下文CanvasRenderingContext2D对象提供了一个与坐标旋转相关的方法： void rotate(in float angle); // 按给定的弧度顺时针旋转angle 利用rotate（）方法可以很方便地将绘制的图形旋转。下面我们通过对正方形进行旋转变 ... 查看全文
用JSON 传输byte数组
今晚上在编写udp传输文件的时候发现无法用JSON传输字节数组，试了很多种办法都会报错，最后查资料找到了Base64这个类，这个类可以将字节数组转为字符串，在JSON中传输以后可以再转化为字节数组。 写个小例子如下： package test; import java.util.Base64; pu ... 查看全文
SpringBoot实现Vue-Admin-Template跨域访问资源
SpringBoot+Vue-admin-template 实现跨域数据查询 前言 本文的案例是基于Vue-admin-template项目改造的简化版Vue后台管理模板案例 在前两篇的实案例之上，记录一下实现登录、退出、查询数据、以及跨域访问资源 的一些细节，方便自己日后忘了快速捡起，同时也是对之 ... 查看全文
JavaScript图形实例：模仿海龟作图
海龟作图最初源自20世纪60年代的Logo编程语言。在海龟作图中，我们可以编写指令让一个虚拟的海龟在屏幕上来回移动。这个海龟带着一只钢笔，我们可以让海龟无论移动到哪都使用这只钢笔来绘制线条。通过编写代码，以各种很酷的模式移动海龟，我们可以绘制出令人惊奇的图片。 例如，让海龟从某个点开始，向前走100 ... 查看全文
浅谈：html5和html的区别
html5是对html的第五次重大修改。HTML5 将成为 HTML、XHTML 以及 HTML DOM 的新标准！html5继承了html所有的语法，同时html5也会增加一些新的特性。经过 学习同时结合其他参考资料简要总结出html5与html的主要差异如下，不足之处，请谅解!1、语义特性HTM ... 查看全文
一起来学习用nodejs和CocosCreator开发网络游戏吧（六）--- 可操纵的游戏角色（下）
其实用了很长时间思考了一下一些数据运算方面放在哪里合适。当然，数值方面的运算肯定要放在服务端是正确的，本地的数值计算就会有被修改器修改、数据传输中抓包改包等作弊、外挂的问题存在，不过对于我这个小项目目前开发阶段来说，只涉及到对游戏角色移动操控这块。 在我自己所接触过的网游中，确实存在两种方式来处理角 ... 查看全文
安装nodejs及创建第一个node项目
node自我成长之路，伤的体无完肤 一、node下载地址：https://nodejs.org/en/ 步骤 1 : 双击下载后的安装包 v0.10.26，如下所示： 步骤 2 : 点击以上的Run(运行)，将出现如下界面： 步骤 3 : 勾选接受协议选项，点击 next（下一步） 按钮 : 步骤 ... 查看全文
前端---CSS-01
什么是CSS： 层叠样式表 就是用来调节标签的样式 CSS注释： CSS语法结构： ? 选择器 {属性名：属性值；属性名1：属性值1；属性名2：属性值；} CSS三种引用方式 ? 1.外部css文件(最正规的书写方式) ? 2.head内style标签内部直接书写css代码(为了教学方便可以使用这种 ... 查看全文
前端---HTML简介
什么是前端？ ? 任何与用户直接打交道的操作界面都可以称之为是一个前端 软件开发架构 ? CS BS (bs 本质就是cs) web服务的本质 ? 浏览器窗口输入一个网址敲回车发生那些事 ? 1. 朝着指定的服务端发送请求 ? 2.服务端接收相应的请求 ? 3.服务端返回相应的响应 ? 4.浏览器接 ... 查看全文
前端——CSS的引入方式、选择器
前端——CSS的引入方式、选择器 什么是CSS？ 层叠样式表（就是用来调节标签的样式） CSS注释 注释的使用 css应该是一个独立的文件 css语法结构 css三种引入方式 外部css文件（最正规的书写方式） head内style标签内部直接书写css代码 标签内部通过style属性直接书写对应的 ... 查看全文
排列组合的实现（js描述）
组合的实现 排列组合描述和公式 犹记得高中数学，组合表示C(m, n)，意思为从集合m，选出n个数生成一项，总共有多少个项的可能？组合是无序的，排列是有序的。所以排列的项数量多于组合 排列A(n,m)=n×（n 1）.（n m+1）=n!/（n m）!(n为下标,m为上标,以下同) 组合C(n,m) ... 查看全文
xpath与CSS定位比较
定位方式 xpath CSS 常规属性 id //*[@id='kw'] #kw class //input[@class='s_ipt'] .s_ipt name //input[@name='wd'] [name='wd'] 其他属性 其他属性 //input[@autocomplete='of ... 查看全文
ES6与 CommonJS 模块化的区别
ES6 模块与 CommonJS 模块存在以下差异： 1、CommonJS 模块输出的是一个值的拷贝，ES6 模块输出的是值的引用 CommonJS 模块输出的是值的拷贝，也就是说，一旦输出一个值，模块内部的变化就影响不到这个值。 ES6 Modules 的运行机制与 CommonJS 不一样。JS ... 查看全文