零碎゛記忆。-优快云博客

原创 Canvas

文章目录Canvascanvas简介canvas用途canvas标签语法和属性canvas坐标系Canvas API绘图上下文context绘制图形属性方法绘图步骤（5步）：绘制字体（了解）属性方法绘制图片设置阴影（了解）创建渐变样式（了解）线性渐变径向渐变绘制背景图（了解）画布变换绘制环境保存和还原保存base64编码图片贝塞尔曲线（了解）二次方曲线贝塞尔曲线Canvascanvas简介...

2019-11-24 18:14:59 748

原创微信小程序echarts饼状图字体大小、点击空心变实心问题

taro框架开发微信小程序。使用适用于Taro项目的ECharts图表组件Taro-Echarts（http://npm.taobao.org/package/taro-echarts）饼状图在安卓机器上字体却特别小，例如：解决方法：在label的normal下加一个空的rich标签import Taro from '@tarojs/taro';import Chart from '...

2019-09-30 10:32:07 2863 1

原创 taro开发小程序遇到的问题

1、全局样式不生效、ui样式修改不了在Dining.js文件内设置 addGlobalClass: true/*Dining.js文件*/import Taro, { Component } from '@tarojs/taro';import { connect } from '@tarojs/redux';import './index.less';class Dining ...

2019-08-31 15:35:16 637

原创 Dva使用Mock模拟数据

一、fetch请求简单的封装1、在utils文件夹下创建config.js文件，utils/config.js ，对fetch请求路径进行配置//config.js文件const config = { apiUrl: process.env.NODE_ENV === 'development' ? ' http://127.0.0.1:7001' : 'https://www.baid...

2019-08-11 23:03:03 2009

原创 js-cookie

安装npm install js-cookie --save引用import Cookies from 'js-cookie'使用1、设置Cookie// 创建一个cookie，在整个站点上都有效:Cookies.set('name', 'value');// 创建一个7天后过期的cookie，在整个站点上都有效:Cookies.set('name', 'value', {...

2019-08-11 01:43:19 141

原创 React生命周期 & 双向数据绑定

生命周期constructor是组件第一个生命周期，该周期是组件（构造函数）实例化的时候，获取props和state或者执行一些初始化函数的一个周期该周期就是我作为一个组件，我演员拿剧本（props）和化妆（state），准备最好的状态去登场ES5是用getDefaultProps()和getInitialState这两个来表述该生命周期ES6是用constructor来表述该状态co...

2019-08-03 15:59:17 412

原创 React(父子通信)

react父子通信父子组件通信，在父组件内定义函数，用props将函数传入子组件，在子组件内执行该函数，修改父组件数据，父组件再配合shouldComponentUpdate生命周期监听数据修改，刷新页面//home父组件import React, { Component } from 'react';import Xcontent from './../components/Xcont...

2019-08-03 15:47:41 135

原创 js检测数据类型

typeoftypeof无法准确检测数组、对象等数据类型var a = new Date();var b = ['1','2'];var c = {name:'LLT', age:'15'};var d = null;var e = undefined;var f = 'llt';var g = 12345;var h = false;console.log(typeof a...

2019-06-08 18:16:25 133

原创 weui日期选择器

2019-05-24 21:00:21 5469

React了解ReactReact是一个视图层的框架，起源于 Facebook 的内部项目，因为该公司对市场上所有 JavaScript MVC 框架，都不满意，就决定自己写一套，用来架设 Instagram 的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。由于 React 的设计思想极其独特，属于革命性创新，性能出众，代码逻辑却非常简单。所以，越来越多的人开始关注和使用，认...

2019-05-14 14:27:09 205

原创腾讯地图逆地址解析(坐标位置描述)

wx.getLocation({ type: 'wgs84', // 默认为wgs84的gps坐标，如果要返回直接给openLocation用的火星坐标，可传入'gcj02' success: function (res) { var latitude = res.latitude; // 纬度，浮点数，范围为90 ~ -90 var longitu...

2019-05-10 19:37:35 5468 1

原创 wx.openLocation苹果手机点击没反应

<button class="check_map" data-longitude="{$value.longitude}" data-latitude="{$value.latitude}" data-name="{$value.hname.'('.$value.address.')'}">查看地图</button> //<script src="http://...

2019-05-10 13:16:32 2904 1

原创 Echarts仪表盘基本配置

option = { series: [ { type: 'gauge', radius: '80%', //修改表盘大小 title: { textStyle: { // 其余属性默认使用全局文本样式，详见TEXTSTYLE fontWeight: 'bolder', //控制表盘t...

2019-04-13 18:11:38 1417

原创 Echarts实现柱状图不同时段不同颜色

<template> <div id="energy_hour"></div></template><script>// 按需引入ECharts 主模块var echarts = require("echarts/lib/echarts");// 引入提示框、标题、legend组件require("echart...

2019-04-12 17:53:00 2883

原创 ECharts柱状图双Y轴

ECharts官方文档：https://echarts.baidu.com/ECharts 按需引入模块文档：https://github.com/apache/incubator-echarts/blob/master/index.js// 按需引入引入 ECharts 主模块var echarts = require('echarts/lib/echarts')// 引入柱状图re...

2019-04-09 12:03:09 4001

原创字体修饰 & 列表符号样式 & 盒模型

字体修饰字体大小：选择器{font-size:12px/14px/16px;}文本颜色：{color:颜色值;}文本字体：{font-family:"宋体","黑体";}说明：当字体是中文字体时需加引号；当英文字体中有空格时需加引号如"Times New Roman"；加粗：{font-weight:bolder/bold/normal/100-900;}检索或设置对象中的文本的...

2019-03-22 00:00:45 649

原创百分比布局 & rem布局

100%布局特点：屏幕尺寸越大显示的内容越多;rem布局特点：不同屏幕尺寸，显示的内容大致一样;百分比布局新建html及对应的css引入meta : vp<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, mi...

2019-03-21 23:33:04 2297

原创边框 & 颜色渐变 & 过度 & 2D转换

边框边框阴影 box-shadow : x-offset(右) y-offset(下) blur模糊区域 spread扩展区域 color [inset向内] [,....];边框图片 border-image（1）边框图片资源 border-image-source : url() 默认会将图片显示在边框的四个角（2）边框图片的裁剪 border-image-slice ...

2019-03-21 23:18:46 422

原创 CSS选择器 & 文本属性 & 背景属性

选择器基本选择器群组选择器（并集选择器）交集选择器：多个选择器之间没有空格，表示同时满足多个选择器要求的元素才会被获取到层次选择器 a) 后代选择器：用空格隔开基本选择器，表示后一个选择器是前面的后代b) 子代选择器:用 > 隔开基本选择器，表示后一个选择器是前面的子代c) 相邻兄弟选择器：E+F:表示获取到E后面的紧跟着的F元素（同级的）d) 兄弟选择器：E...

2019-03-18 20:53:57 309

原创语义化标签

新标签布局语义化标签中文意思header头部nav导航main主体(不能出现一个以上的main元素)article文章，独立的内容块aside侧边栏section区块footer底部hgroup对标题进行组合figure对元素进行组合>例img+figcaption对内容进行描述<figure&...

2019-03-18 20:36:09 163

原创内外连及权重

外部样式：<link rel="stylesheet" type="text/css" href="目标文件的路径及文件名全称" />内联样式语法：<标签 style="属性：属性值;属性:属性值;"></标签>样式表的作用域行内（内联）样式的作用域是当前标签，内部样式的作用域是当前文件，外部样式表的作用域是有关联的所有文件样式表的优先级...

2019-03-18 19:39:18 131

原创宽高自适应 & 浏览器兼容

宽度自适应若块级元素宽度不设置，或者设置成100%，都是占据其父级元素的一整行应用场景:（1）页面最外层的盒子一般都要占据屏幕的大小，所以宽度100%。（2）子元素使用百分比表示盒模型任意部分大小的话，代表的是子元素盒模型任意部分尺寸=父元素宽度百分比（除了高度外，子元素高度=父元素高度百分比）==>忽略;高度自适应父元素高度由子元素撑开(1) 若是子元素都浮动了，父元素...

2019-03-18 19:13:46 336

原创定位 & 滚动条

定位：static默认值。位置设置为 static 的元素会正常显示，它始终会处于文档流给予的位置（static 元素会忽略任何 top、bottom、left 或 right 声明）absolute相对于父级元素的绝对定位，浮出、脱离布局流，它不占据空间，就是我们所说的层，其位置相对于最近的已定位父元素而言的位置，可直接指定 left、top、right 以及 bottom 属性。若父...

2019-03-18 18:49:36 1155

原创弹性盒 & 媒体查询

弹性盒设置在容器（父元素上）上：(1) display : flex; 父元素设置成弹性盒。规定子项目在父元素主轴方向一行显示，不会换行。侧轴方向会默认拉伸。(2) 设置主轴方向 flex-direction 属性值: row 默认为水平向右 column 垂直向下 row-reverse 水平向左 column-reverse 垂直向上(3) fle...

2019-03-18 18:30:02 208

原创 3D变换 & 动画

3D变换transform之3d移动变换:transform:translate3d(x,y,z)/* z:代表在垂直于平面的轴上移动，电脑屏幕往人眼那个方向为正方向。 transform:translateZ(z) 【女神上来】 */transform-style规定变换的样式（父元素）/* 属性值：flag平面（默认） preserve-3d保持3d变换 */...

2019-03-18 17:46:28 158

原创表单

表单表单框： &lt;form name="表单名称" method="post/get" action="#"&gt;&lt;/form&gt;文本框 &lt;input type="text" value="默认值"/&a

2019-03-18 16:41:23 141

原创表格

数据表格的作用及组成作用：显示数据组成： &lt;table&gt; &lt;tr&gt;行 &lt;td&gt;单元格&lt;/td&gt; &lt;td&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/table&

2019-03-18 13:11:21 114

原创常用标签

W3C( World Wide Web Consortium )万维网联盟：制定了结构html和表现css的标准ECMA：制定的行为的标准常用标签1.文本标题 <h1>一级标题</h1> <h2>二级标题</h2> …… <h6>六级标题</h6> 2.段落标签 <p>段落文本内容&lt

2019-03-17 22:22:03 127

原创模块化开发

模块化开发requirejs(1) RequireJS的目标是鼓励代码的模块化，它使用在js中加载js文件的方式代替传统的 script加载步骤。可以用它来加速、优化代码，但其主要目的还是为了代码的模块化(2) requirejs的出现主要解决两个问题 ① 实现js文件的异步加载，避免网页失去响应 ② 管理模块之间的依赖性，便于代码的编写和维护官网： http://...

2019-03-17 21:58:37 131

原创 Sass

Sass-&gt;cssSASS是一个成熟、稳定、强大的 CSS 扩展语言解析器，提供变量、嵌套、混合、继承等特性，大大节省了设计者的时间，使得CSS的开发变得简单和可维护 .了解工具：css转scss嵌套(Nesting)css中重复写选择器是非常恼人的。如果要写一大串指向页面中同一块的样式时，需要一遍又一遍地写同一个ID。#content article h1 { color: #3...

2019-03-17 21:42:08 159

原创 Gulp

http://www.npmjs.com gulp插件Gulp1. gulp是当下最流行的自动化工具，可以自动化完成我们开发过程中大量的重复工作。如：编译：less-&amp;amp;gt;csssass-&amp;amp;gt;csscoffeescript-&amp;amp;gt;jses6-&amp;amp;gt;es5(兼容)合并: css, js压缩：css, js, html优化：图片优化官

2019-03-17 21:21:57 120

原创 jQuery原型对象的方法 & 静态方法 & 插件

常用jQuery原型对象的方法1. css(attr[,val]): 获取/改变元素style属性（内联样式）取值：css(attr), css([‘color’,’text-align’]) &lt;==&gt; getComputedStyle[attr]赋值：css(attr,val), css({attr:val});2. val(v): 获取/设置匹配表单元素的值（等同于原生...

2019-03-17 20:21:29 590

原创 jQuery事件 & Ajax

事件常用事件(1) 鼠标事件 ① click([[data],fn]) //点击时触发 click = mousedown + mouseup ② dblclick([[data],fn]) //双击事件 dblclick = 2*click ③ mousedown([[data],fn]) ④ mouseup([[data],fn]) ⑤...

2019-03-17 19:40:06 125

原创 jQuery动画

jQuery动画1. 基本动画效果 (1) 显示隐藏 ① hide(duration) 通过改变元素的高度、宽度、和不透明度，直到这三个属性值到0 ② show(duration) 通过改变元素的高度、宽度、和不透明度，直至内容完全可见 (2) 滑动 (通过改变高度) ① slideDown([speed,callback]) a) 显示元素 b) 不断改变高度，直...

2019-03-17 19:10:25 164

原创 jQuery选择器 & 元素查找 & 节点操作

http://jquery.cuishifeng.cn/ jquery使用的APIhttps://www.bootcdn.cn/ jquery下载地址https://jqueryvalidation.org/ 表单验证插件,官网www.jqueryui.com jqueryUI官方插件，功能多且全面http://www.jeasyui.net/ 是一组...

2019-03-17 18:57:43 1322

原创 Git

Git1. 概念：Git是一个开源的分布式版本控制系统，可以有效、高速的处理从很小到非常大的项目版本管理,分布式版本控制系统2. 配置个人信息使用Git的第一件事就是设置你的名字和email,这些就是你在提交commit时的签名git config --global user.name “Your Name”git config --global user.email "email@e...

2019-03-17 18:16:36 203

原创 OOP & 继承 & 闭包 & ES5对象扩展

创建对象及使用创建对象对对象进行描述(1) 有什么(属性)(2) 能做什么(方法)对象的创建方式字面量 {} 一般只用于创建单一对象new Object() 一般只用于创建单一对象(1)工厂模式：将参数传入函数内，函数内生成对象，给对象设置属性及方法（具体值来自传入的参数），最后将对象通过return返回出去。(2)优点:解决了重复创建多个同一类型对象的问题(3...

2019-03-15 18:03:40 264

原创 MySQL & PHP操作数据库

数据库概念：数据库（Database）是按照数据结构来组织、存储和管理数据的仓库热门数据库 Oracle、SQLServer、MySQL、MongoDB、SQLite、access、DB2结构化的数据：我们把一段复杂的信息，进行了结构化处理，瞬间显得清爽多了。计算机处理起来也相当方便。因此，这样的数据，我们就称之为结构化数据关系型数据库：我们把用户账号的信息，和消费记...

2019-03-15 17:01:37 2477

原创 PHP & AJAX & Promise

PHP的基本语法基本结构<?php ?>注释(1) 单行注释：//(2) 多行注释：/**/变量(1) 以 $ 符号开始，后面跟着变量的名称（称为标识符，不属于变量组成部分）(2)以称为标识符，不属于变量组成部分）(2) 以称为标识符，不属于变量组成部分）(2)以符号开始，后面跟着变量的名称（$称为标识符，不属于变量组成部分）(3) 区分大小写(4) 没有...

2019-03-15 15:27:14 207

原创 Animation

动画原理利用定时器，实现不断改变对象的样式，从而产生动画的效果动画分类匀速运动(速度保持不变的运动)(1)初始化速度变量(2)开启定时器①获取当前值②改变当前值：当前值+速度③将改变后的值赋值给元素的样式④当改变后的值大于等于目标值，清除定时器，同时将改变后的值改成目标值。这一步应该在赋值给样式之前加速运动(1)初始化速度变量(2)开启定时器① 获取当前值...

2019-03-15 11:26:32 175

空空如也

空空如也