0%

基本概念

SVG(Scalable Vector Graphics),即可缩放矢量图形,用于描述二维矢量图形;SVG是基于XML制定的,因此遵循XML语法。

坐标系统

SVG的坐标系统跟canvas以及window的一样,都是以左上角为原点,X轴向右变大,Y轴向下变大;

阅读全文 »

正则表达式是用于匹配字符串中字符组合的模式。在js中正则表达式即为RegExp对象;

构造正则表达式

方法一pattern代表一个正则表达式(两个/之间);flags代表匹配标志,可以由多个标志符组成!这样的一组符号(注意不是字符串)为字面量形式;

1
var expression = / pattern / flags ;

匹配标志:可以单独使用,也可以多个不同的标志组合使用,如:igi,gm,gmi等;

标志符 作用
g 表示全局(global)模式,即模式将被应用于所有字符串,而非在发现第一个匹配项时立即停止;
i 表示不区分大小写(case-insensitive)模式,即在确定匹配项时忽略模式与字符串的大小写;
m 表示多行(multiline)模式,即在到达一行文本末尾时还会继续查找下一行中是否存在与模式匹配的项
y 执行“粘性”搜索,匹配从目标字符串的当前位置开始(MDN)
阅读全文 »

注意:sass有两种文件格式,同时也是两种不同的语法体系,默认使用.scss的语法!

基本操作

变量声明

形式为:$ + 变量名: value;,值可以是css的任意属性值(包括各种颜色);如:

1
2
3
4
5
$blue: #3399ff;

body{
backgrond-color: $blue;
}

需要注意的是属性值不必加引号!值还可以定义为列表(list)或映射(map的形式,形成多值,可以按照索引进行取用,如:

1
2
3
4
5
6
7
8
9
$color: #ff3366 #66ff99 #6699ff;

.div1{
color: nth($color, 1);
}

.div2{
color: nth($color, 3);
}

利用nth函数对变量进行指定索引的取值,索引从1开始;(当一些css属性值本身就是多个值用空格断开的时候,是否也可以把其当做列表?)

阅读全文 »

问题由来

由于微信小程序的网络请求不能通过XMLHTTPRequest对象或是通常的一些封装好的网络请求库(如axiosfetchjquery等等),只能使用微信小程序运行环境提供的wx.request()方法进行网络请求;然而该方法只能接受https协议的域名作为合法请求域名,所以首先必须要有SSL证书以及可以配置SSL证书的主机。

所以问题来了,阿里云所有的虚拟主机都不能对服务器端配置进行修改,所以即便申请到了SSL密钥也没法进行配置,因此只能间接配置;

阅读全文 »

继承是面向对象编程中很重要的一个概念,通过继承可以把父类中的属性和方法传递到子类中,就像是『财产继承』;

阅读全文 »