- 博客(66)
- 收藏
- 关注
RSS订阅原创 rn 启动页react-native-splash-screen配置
Android版:1、安装 yarn add react-native-splash-screen 2、导入 import SplashScreen from 'react-native-splash-screen' 3、设置组件挂载后消失 componentDidMount(){ SplashScreen.hide(); } 4、android/...
2020-03-31 22:29:32
1495
原创 rn 第三方存储库react-native-storage整合异步存储组件Storage
1、安装 yarn add react-native-storage yarn add @react-native-community/async-storage 2、导入 import Storage from 'react-native-storage'; import AsyncStorage from '@react-native-community/async-storage...
2020-03-31 17:37:22
604
原创 用java画的动态时钟
package shiyan2;import java.applet.Applet;import java.awt.Graphics;import java.util.Date;import java.util.Timer;import java.util.TimerTask;public class Clock extends Applet{ public void init(...
2020-03-29 11:48:28
1088
原创 dart 多继承、抽象类、多态、接口、多接口
多继承 with class X with a,b{ ... } 也可以 class X extends c with a,b{ ... }抽象类:抽象类不能实例化,继承必须实现内部方法abstract class x{ void f();}代码示例: void main(){ People p =new People(); p.pe...
2020-03-28 10:25:25
677
原创 dart 类
在main函数外声明class 类名 { //定义属性 类型 属性名; //构造函数 类名(类型 参数){ this.属性名=参数; } //定义方法 返回值类型 方法名(){...}}继承class xx extends x{ //构造函数写法 //调用父类构造器 xx(类型 父属性名,类型 参数):super(类型 父属性名){ this.属性=参数;...
2020-03-27 20:52:53
555
原创 dart 方法
语法在main函数外 返回类型 方法名(类型 参数,[类型 参数=值]) //[ ]声明的为可传参数及其默认值 { ... return }代码示例:void main(){ String a=get(); print(a); String b=f2(1); print(b); String c=f3('hh'); print(c);}...
2020-03-27 20:32:25
429
原创 dart 数据类型和一般方法
var赋值后变量类型就确定,不能赋值成其他类型Object类型可以赋值任意类型,只能调用自身设置的方法、属性dynamic动态类型,和Object类似,不同之处在于可以调用不属于自己的方法、属性，但运行时才会报错final声明常量,不能再赋值,在使用时才会初始化const声明常量,不能再赋值,在编译时已经存在代码示例:void main() { //var赋值后变量类型就确定,不...
2020-03-27 11:11:51
402
原创 dart 配置
1、vscode安装flutter和dart插件2、安装code runner3、将dart sdk的bin目录配置到环境变量path中4、命令行输入dart --version检验5、在vscode中新文件中f5,修改配置 { // 使用 IntelliSense 了解相关属性。 // 悬停以查看现有属性的描述。 // 欲了解更多信息，请访问: https:/...
2020-03-27 10:50:52
506
原创 flutter 环境搭建
1、下载flutter SDK,将flutter的bin目录放置到环境变量path中 命令行输入:flutter doctor检测是否配置成功,有Android的红x按接下里步骤配置 2、打开android studio file->settings->plugins->search中搜索flutter安装->点击restart 命令行输入:flutte...
2020-03-26 19:00:34
133
原创 rn 动画组件
1、设置动画属性对象 可以通过this设置全局对象 this.xx=new Animated.Value(值);2、将动画属性对象绑定到要动画的组件style上,当属性来使用 如style={{width:this.xx}}3、设置动画 Animated.timing(要改变的动画属性对象,{ toValue:改变动画属性的最终值 duration:持续时间...
2020-03-26 10:39:29
869
原创 rn 样式
组件：如<View style={{对象样式键值对}}></View>react-native样式与原生区别:(1)子元素不能继承父元素样式,如父元素设置字体颜色,子元素不设置,子元素字体颜色无效(2)1、通过StyleSheet创建样式 import {StyleSheet} from 'react-native' const xx=StyleSheet...
2020-03-24 17:15:32
509
原创 rn 基础设置解析
1、引入react import React from 'react'2、导入组件，只能使用导入的组件替代html标签,不能使用其他如div等标签 import { //样式组件,通过它来create样式 StyleSheet, //视图组件,类似div View, //文本组件,放置文本内容 Text }3、定义函数式组件const App=()=>...
2020-03-24 16:01:56
411
原创 rn 环境搭建
(1)切换下载源为淘宝 npx nrm use taobao 若要切换回官方npm npx nrm use npm (2)下载yarn能够加速node模块的下载 npm install yarn yarn使用 yarn add 库名 代替 npm install 库名创建项目 npx react-native init xx ...
2020-03-24 09:41:44
325
原创 环形变色进度条
思路:svg两个圆,一个为进度条底色,一个为进度条,使圆环内部填充颜色不可见,设置外部边框线为stroke-dasharray=‘0,xxx’和线宽; 即外边框虚线,且初始时,实线为0，虚线比实线大即可->传入百分比进度即二位整数,动态增加实线的长度,虚线长度一定要比圆环长度长,否则会出现多段实线->在改变实现长度的过程中,通过rgb的方式,将颜色的竖直和百分比绑定，字体颜色类似...
2020-03-23 17:50:13
342
原创 五彩斑斓黑加动感光晕特效
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-03-23 16:16:19
339
原创 css 滤镜属性filter
CSS3中强大的filter(滤镜)属性博主最近在做网站的过程中发现了一个非常强大的CSS3属性，就是filter(滤镜)属性，喜欢p图的朋友看名字都应该知道这是什么神器了吧。当然，这个属性的效果肯定不能跟ps相比，但是利用的好的话可以在节约很多空间下，把一张图做成两张图的效果。1定义filter，从字面意思来看就是滤镜，官方定义filter属性定义了元素(通常是)的可视效果(例如：模糊与...
2020-03-23 15:38:40
221
原创 svg 占比图利用定时器动态生成
因为定时器是异步回调函数,当主线程for循环完成后才会调用,次数变量为最后一次的值,利用闭包解决变量作用域代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=dev...
2020-03-23 14:53:56
313
原创 svg 占比环形图
思路: 确定内外圈半径和中心坐标->按照中心坐标水平向右的两个坐标为起点-> 三角函数通过每部分占比计算出每部分扇形的四个角度存进数组里->遍历 数组画扇形->扇形通过path的M起点A画弧度和L后续点加Z首尾连接代码示例:<!DOCTYPE html><html lang="en"><head> <meta...
2020-03-23 11:47:33
1184
原创 svg path绘制弧等组合路径绘制
path<path d=''></path> d的值 可以用','或' '来分割,多个点会默认连接首尾填充颜色 M:起始坐标点 M坐标点1x 坐标点1y L:后续坐标点 L坐标点2x 坐标点2y L坐标点3x 坐标点3y ... H:水平绘制 在上一个坐标点的x坐标和该x坐标连线 H接x坐标(正负与坐标轴方向相同) 若已经用V了,按...
2020-03-23 10:19:15
1158
原创 svg 折线实现地图点击画线标记
思路: 将坐标转换成svg面板内的坐标 鼠标按下获取坐标并生成圆标记->鼠标移动动态获取坐标并给折线,实现线随鼠标移动->设置右键点击事件取消绘图即取消之前两种事件<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name...
2020-03-22 17:20:19
1036
原创 svg 实现圆弹性特效,基于圆线圆案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<...
2020-03-22 17:15:20
260
原创 弹性运动公式
function startMove(dom对象,r1(初始位置/距离/大小),r2/(结束位置/距离/大小)) { var nowr=r1; var overr=r2; obj.speed=0; clearInterval(obj.timer); obj.timer=setInter...
2020-03-22 15:29:16
745
原创 svg js动态生成svg标签
1、声明svg命名空间 let xx="http://www.w3.org/2000/svg";2、创建svg标签 let x=document.createElementNS(xx,'svg标签名称');3、操作svg标签 操作方法和dom标签一样 属性x.setAttribute('xxx','xxx'); 文本x.innerHTML='xxx'; ...封装创建标...
2020-03-21 21:38:07
3533
原创 svg 圈线圈案例
代码示例:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docum...
2020-03-21 20:56:08
207
原创 svg 组合标签g以及位移变换操作、文本标签text、image标签
g组合标签 <g id='xx' stroke='xx' stroke-width='xx'> 组合标签,对其中的图案进行整体操作,设置的属性必须是所有的图形都有的,不是指g标签内所有图形共有的 </g> 共有属性: 样式 stroke、fill等样式 ...
2020-03-21 17:18:15
4249
原创 svg 圆、矩形、直线、折线、多边形
矩形不能直接像canvas获得只有边框色的,通过设置背景色获取 圆: <circle cx='100' cy='100' r='50' ></circle> cx/cy:圆心坐标 r:半径 矩形: <rect width='200' height='200' x='100' y='100' rx='30' ry='30'&g...
2020-03-21 16:23:11
1219
原创 svg 基本配置和使用
svg文件在浏览器打开就可查看在html中使用第一种 将svg文件按照src来引入使用 如<img src='xx/xx.svg' />第二种 在html页面使用svg标签(块级标签) <svg xmlns="http://www.w3.org/2000/svg"> ... &l...
2020-03-21 16:05:54
2056
原创 typescript 类
和java一样代码示例；//staticclass An{ static is(a){ return 1 }}An.is(2);class Dog{ static age=20;}let age:number=Dog.age;class Cat{ a=1; private b=1; constructor(){...
2020-03-21 14:29:02
190
原创 typescript 函数
定义函数两种方式 方式一 function xx(x:类型,y:类型):返回值类型{ ... } 方式二 let xx:(x:类型,y:类型)=>返回值类型=function(x:类型,y:类型):返回值类型{ ... }可选参数 function xx:(x:类型,y?:类型):返回值类型{ ... } 其中: 可选参数必须放...
2020-03-20 18:41:17
187
原创 typescript 接口、索引签名
接口:接口设置的限制,实现的接口同样存在interface xx{ 属性名:类型; readonly 属性名:类型; //数据只读不可更改 属性名?:类型； //属性可实现可不实现 [propName:string]:类型； //可以追加指定类型属性,任意类型值改为any}接口的实现:第一种 let x:xx={ 实现接口中的属性 属性名:类型=值； ...
2020-03-20 17:09:06
952
原创 typescript 数据类型、函数返回值、类型断言、联合类型、类型兼容
变量类型let 变量名:类型联合类型let 变量名:类型1|类型2函数返回值function xx():类型{ ...}未声明类型变量且未赋值可以变成任意类型 let me;未声明类型变量赋了值,只能使用值的类型 let me='123'代码示例:let flag:boolean=true;let bool:boolean=Boolean(1); //也...
2020-03-20 16:16:01
3363
原创 typescript 安装环境、启动编译
1、安装 cnpm install -g typescript 2、创建文件以.ts为后缀3、tsc 文件名.ts 将ts编译成js
2020-03-20 15:22:32
229
原创 node express的ajax上传
1、修改表单form的enctype="multipart/form-data"2、创建formData对象来接收文件路径 (1)dom获取到input表单元素对象,使用onchange监听该元素 (2)在点击上传文件后,通过this.files[0]获取上传到window中的该文件对象 (3)let formData=new FormData();每上传一个文件,就要生成一个该对...
2020-03-20 11:56:25
328
原创 node express上传文件
1、安装 cnpm install multer --save2、引入 var multer=require('multer'); var fs=require('fs');3、配置 let upload= multer({dest:"./public/upload"})； 上传图片路径4、上传单个文件router.post('/',upload.single('表单inpu...
2020-03-20 09:43:34
267
原创 node express设置session
session 和cookie相似,不过是完全加密,默认关闭浏览器前生效1、安装 cnpm install express-session --save2、引入 var session = require('express-session')3、设置中间件 app.use(session({ secret:'任意字符', resave:false, saveUni...
2020-03-19 21:02:50
479
原创 node express的cookie加密(配加密算法)
1、设置app.use(cookieParser('secret'));2、设置加密cookie添加 res.cookie('x','xx',{signed:true});3、获取加密cookie req.signedCookies.键名加密算法md5: 引入 var crypto= require('crypto'); 加密 let password='1...
2020-03-19 17:00:22
315
原创 node express操作cookie
引入 var cookieParser = require('cookie-parser'); app.use(cookieParser()); 设置cookie(有效期默认为一个会话,浏览器不关闭就有效) res.cookie('键名','键值',{配置信息maxAge:多少毫秒失效,domain:'生效范围',httpOnly:true前端无法获取cookie});获取cooki...
2020-03-19 15:56:53
814
1
原创 node express脚手架处理404等异常信息
1、引入 var createError = require('http-errors');2、错误处理(可自定义); // 当于所有路径都不匹配时,报404,自定义 app.use(function(req, res, next) { next(createError(404)); }); // error handler app.use(function(err, re...
2020-03-19 14:36:39
1852
原创 node express路由模块化Router
分割路由,在一个中间件中引入路由模块,达到模块化的目的1、引入 var express = require('express'); var router = express.Router();2、router就相当于一个app,使用方法和app一样 router.get('路径',回调函数)； ... 3、引入模块 在app.js中引入路由模块 app.use('路径'...
2020-03-19 11:07:19
631
原创 echarts 通用配置提示组件tooltip
//提示框组件，鼠标移动到图会显示内容 tooltip: { //内容触发类型,axis(在坐标轴内就显示内容),item(放在柱体上才会显示内容) trigger: 'axis', //坐标轴指示器,坐标轴触发有效,随鼠标移动 axisPointer: { //line:竖线 cross十字线 ...
2020-03-18 21:25:38
1221
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人