Fork me on GitHub
摘要: d3版本:v7。 PS:在用d3之前需要先了解SVG和CSS相关知识。树图生成部分和部分效果都是用SVG相关标签完成的。 效果图: 全部代码: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="vie 阅读全文
posted @ 2024-05-22 13:24 元芳啊 阅读(186) 评论(0) 推荐(0) 编辑
摘要: 1、防抖:当进行连续操作时,只执行最后一次的操作。 //防抖的概念是 当进行连续操作时,只执行最后一次的操作。 function debounce(fn, delayTime) { let timeout = null; return function () { if (timeout) { cle 阅读全文
posted @ 2023-10-31 22:05 元芳啊 阅读(170) 评论(0) 推荐(0) 编辑
摘要: 解构赋值定义: 允许按照一定模式从数组或对象中提取值,然后对变量进行赋值。 数组的解构赋值 注:数组的元素要一次排序的,变量的值由他的位置决定。 基本用法 // ES6 解构赋值 let [a, b, c] = [1, 2, 3]; // 等于 let a = 1; let b = 2; let c 阅读全文
posted @ 2022-01-19 13:39 元芳啊 阅读(93) 评论(0) 推荐(0) 编辑
摘要: 2022-01-18 响应式表单 响应式表单是围绕Observable的流构建的。 使用响应式表单时,FormControl类是最基本的构造类。 在使用响应式表单前,需要先导入 ReactiveFormsModule 并添加到 NgModule里。 html: <!-- 响应式表单 --> <for 阅读全文
posted @ 2022-01-18 14:00 元芳啊 阅读(485) 评论(0) 推荐(0) 编辑
摘要: 客户端检测经常用的方法:能力检测、怪癖检测和用户代理检测。 能力检测:在写代码前先检测浏览器的能力。 怪癖检测:实际上是浏览器现存的bug。 用户代理检测:通过检测用户代理字符串来识别浏览器。 一般优先考虑使用 能力检测,怪癖检测是第二种选择,用户代理检测是最后一种方案。 1 var client 阅读全文
posted @ 2022-01-14 22:00 元芳啊 阅读(314) 评论(0) 推荐(0) 编辑
摘要: call() 和apply()可以看作是某个对象的方法,通过调用方法的形式来间接调用函数。 都是在特定作用域中调用函数,等于设置在函数体内的this的值。 call()和apply()的第一实参是要调用函数的母对象。 注:在严格模式中,call()和apply()第一个实参都会变成this的值,哪怕 阅读全文
posted @ 2022-01-14 15:22 元芳啊 阅读(163) 评论(0) 推荐(1) 编辑
摘要: ECMAScript中数据类型目前有两种:基本数据类型和引用数据类型。 基本数据类型 基本数据类型也称作简单数据类型,为Undefined,Null,Boolean,Number,String,Symbol。 基本数据类型的特点是:在内存中有固定大小空间,保存在栈中。 1、Undefined类型 U 阅读全文
posted @ 2022-01-13 22:45 元芳啊 阅读(207) 评论(0) 推荐(0) 编辑
摘要: 每一个对象都有与之相关的原型(prototype)、类(class)和可扩展性(extension attribute)。 原型 prototype 对象的原型属性是用来继承属性的。通过对象直接量创建的对象使用Object.prototype作为他们的原型。 在ES3中,可以使用 o.constru 阅读全文
posted @ 2022-01-13 18:08 元芳啊 阅读(136) 评论(0) 推荐(0) 编辑
摘要: 一、函数 函数使用function关键字来定义,可以用在函数定义表达式或函数声明语句中。 函数调用的4种方法: 1、作为函数; 1 // 这是一个普通函数 2 function range() { } 3 // 函数表达式 4 var range = function () { } 5 6 // 调 阅读全文
posted @ 2022-01-13 17:12 元芳啊 阅读(282) 评论(0) 推荐(0) 编辑
摘要: 音乐资源使用的是QQ音乐资源。图片资源使用的网易云音乐的专辑图片。 HTML: <view class="container"> <div wx:for="{{musicSrc}}" wx:key="*this"> <audio id="myAudio{{index}}" src="{{item.s 阅读全文
posted @ 2020-12-01 19:17 元芳啊 阅读(786) 评论(0) 推荐(0) 编辑
摘要: 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位小数的正实数:^[0-9 阅读全文
posted @ 2020-11-23 19:17 元芳啊 阅读(111) 评论(0) 推荐(0) 编辑
摘要: 在进行发邮件之前,首先了解两个模块:smtplib和email。 smtplib模块主要是负责发送邮件的,是一个发邮件的动作,比如连接邮箱服务,登录邮箱,发送邮件等。 email模块主要是负责构造邮件,是显示邮件页面的一些内容,比如发件人,收件人,主题,附件,正文等。 本文使用的是163邮箱作为测试 阅读全文
posted @ 2020-11-11 22:24 元芳啊 阅读(1080) 评论(0) 推荐(0) 编辑
摘要: JavaScript目前有两种数据类型:基本数据类型和引用数据类型。 基本数据类型:Undefined、Null、Boolean、String、Number、Symbol(ES6) 引用数据类型:Object 鉴于ECMAScript是松散类型的,需要有方式检测给定变量的数据类型。下面介绍三种检测数 阅读全文
posted @ 2020-11-07 23:56 元芳啊 阅读(796) 评论(0) 推荐(0) 编辑
摘要: JavaScript具有自动垃圾收集机制。也就是说,执行环境会负责管理代码执行过程中使用的内存。开发人员不必关心内存分配和回收问题。 垃圾收集机制的原理:找到不再继续使用的变量,然后进行释放其占用的内存。所以,垃圾收集器会按照固定的时间间隔(或代码执行中设定的收集时间)持续执行这一操作。 垃圾收集器 阅读全文
posted @ 2020-10-31 20:18 元芳啊 阅读(154) 评论(0) 推荐(0) 编辑
摘要: DOM1 DOM1级由两个模块组成:DOM核心(DOM CORE)和DOM HTML。其中,DOM核心规定的是如何映射基于XML的文档结构,以便简化对文档中任意部分的访问和操作。DOM HTML模块则在DOM核心的基础上加以扩展,添加了针对HTML的对象和方法。 总结:DOM1主要定义的是HTML和 阅读全文
posted @ 2020-10-28 20:46 元芳啊 阅读(406) 评论(0) 推荐(1) 编辑
摘要: 一、webpack基本安装 1、创建webpack项目目录如webpackDemo,并进入webpackDemo; 2、 在node已经安装的前提下,打开命令行控制器,输入如下命令: npm init -y npm install webpack webpack-cli --save-dev //安 阅读全文
posted @ 2020-10-25 13:45 元芳啊 阅读(297) 评论(0) 推荐(0) 编辑
摘要: 在进行项目开发过程中,经常会遇到跨域问题,下面就通过一些配置进行解决跨域问题。 1.在项目根目录下进行创建文件 proxy.config.json; { "/": { "target": "", //要指向的域名或端口号 "logLevel": "debug", // "secure": false 阅读全文
posted @ 2020-09-15 14:13 元芳啊 阅读(3291) 评论(0) 推荐(0) 编辑
摘要: const password = "hello"; // 进行Base64加密 let pwd64 = window.btoa(password); console.log(pwd64); // 输出为 aGVsbG8= // 进行解密 let oldPwd = window.atob(pwd64) 阅读全文
posted @ 2020-09-15 11:50 元芳啊 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 1. POST方式进行文件导出; // url 下载URL // fileName 下载文件名称 function exportFile(url, fileName) { let xhr = new XMLHttpRequest(); xhr.open("POST", url); xhr.respo 阅读全文
posted @ 2020-08-08 21:35 元芳啊 阅读(1431) 评论(0) 推荐(0) 编辑
摘要: DNS域名解析过程,域名解析 阅读全文
posted @ 2020-07-18 17:59 元芳啊 阅读(249) 评论(0) 推荐(0) 编辑
摘要: 最近遇到一个很有意思的点,于是就记录下来。 CIDR一般是由IP地址和子网掩码组成,即 IP地址/子网掩码 格式。 子网掩码表示前面地址中的前多少位,为网络位,后面部分代表主机部分。例如:192.168.12.13/18,把192.168.12.13中的 每一位转为二进制后是 “11000000 1 阅读全文
posted @ 2020-05-12 22:05 元芳啊 阅读(1199) 评论(0) 推荐(0) 编辑
摘要: 分类IP地址是将IP地址划分为若干个固定类。 IP地址由网络标识字段(netID)和主机标识字段(hostID)组成。IP地址可以标识为: IP地址:: = { <网络标识>,<主机标识>}。 IP地址的书写采用点分十进制数表示,每个字节(8位二进制位)用二进制数表示,字节之间用句点分割。也可以用十 阅读全文
posted @ 2019-06-25 20:14 元芳啊 阅读(486) 评论(0) 推荐(0) 编辑
摘要: 最近做了一些进制的转换的点。 十进制转二进制: let a = 45; a.toString(2); //"101101" let b = 123; b.toString(2); // "1111011" toString(radix): radix 可选。规定表示数字的基数,使 2 ~ 36 之间 阅读全文
posted @ 2019-06-02 20:42 元芳啊 阅读(175) 评论(0) 推荐(0) 编辑
摘要: 在使用Arcgis API for JavaScript进行做地图开发的过程中,在地图进行画线、画面是经常使用的功能。本文主要介绍这一功能。 本文适用Arcgis API版本:Arcgis API for JS 4.x以上。 方案分析: 首先要初始化 map 和 mapView(2D map).,之 阅读全文
posted @ 2018-11-09 21:33 元芳啊 阅读(6719) 评论(0) 推荐(0) 编辑
摘要: 最近参加了一个为期一周的文化培训,在培训的人员中有一位在华为工作了7年出来的大哥(暂时称为A大哥),本着对华为的仰慕和好奇,便于这位大哥进行了相处。而后在与这位大哥的相处过程中不管在工作还是在生活中都让我学到了很多,也产生了很多感悟。 一个人的优秀可以体现在很多方面。 在A大哥相处的过程中,我和小伙 阅读全文
posted @ 2018-10-24 22:36 元芳啊 阅读(450) 评论(0) 推荐(0) 编辑
摘要: 最近在看微信小程序,遇到地理定位显示城市名称的问题。本文就是记录这一过程。 解决方案 小程序的wx.getLocation()获得是经纬度并不包含地名,所以要通过经纬度用相应的地图转换出地名(本文使用的是百度地图)。 过程 代 码: 1.1 代码详解: wx.getLocation(object): 阅读全文
posted @ 2018-10-06 18:49 元芳啊 阅读(24125) 评论(2) 推荐(0) 编辑