- 博客(31)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 Symbol
新的原始数据类型：表示独一无二的值创建方式一var name1 = Symbol() // 不传入任何值创建方式二var age1 = Symbol('age') // 传入key值增强代码阅读性据以上2种创建方式我们来看看它是怎么独一无二的var name1 = Symbol()var name2 = Symbol()name1 === name2 // ...
2019-10-15 16:02:24
192
原创 require.context
在用vue开发的过程中，我们可能会使用import引入文件，但需要引入多个的时候就会变得繁琐起来，这时我们可以使用require.context去动态引入多个文件。用法：require.context(文件夹路径，是否搜索子文件夹下面的内容，正则匹配)例子：将路由文件夹底下的文件引入index.js文件路由文件夹我们原来的处理方式是一个一个import进来，如下：...
2019-09-17 11:38:50
2700
原创 浏览器和浏览器内核
参考链接：https://baijiahao.baidu.com/s?id=1621967160093695828&wfr=spider&for=pc五大浏览器及其内核：ie (win7的默认浏览器是ie8,win10以后叫edge)：tridentchrome：原先是webkit，现在是blink，其实也是webkit的一个分支firefox：gecko...
2019-06-04 16:14:45
319
原创 svg入门
基本形状<!doctype html><html><head> <meta charset="utf-8"></head><body> <!-- 线 ：起点终点x1,y1,x2,y2)--> <span>线</span> <svg width="20...
2019-05-15 11:23:30
100
原创 d3.js:常见生成器
线段生成器：d3.line()访问器：x(), y()区域生成器: d3.area()访问器： x0(), y0(), x1(), y1(), x(), y()弧生成器： d3.arc()访问器: outerRadius(), innerRadius(), startAngle(), endAngle()符号生成器： d3.symbol()访问器： type(), si...
2019-05-08 15:51:24
616
原创 d3.js :坐标轴
参考链接：https://github.com/d3/d3/blob/master/API.md#axes-d3-axis首先,d3可以生成4种轴，分别是向上，向下，向左，向右, 所以轴生成器api有axisTop,axisButtom,axisLeft,axisRight这里只是单纯的记录如何在svg上画出一个比例尺的简单思路<svg></svg>首先当然...
2019-05-06 12:01:41
554
原创 d3.js: 比例尺Scale
当数据集里的元素为数字时，由于数字可大可小，我们不可能用像素去表示它们的大小的，这时候就需要用到比例尺了，相当于我们学过的y=kx这样的关系，数据集里的数据映射到比例尺里对应的数值，就有的定义域（输入）和值域（输出）接下来用2个例子说明：线性比例尺let dataset = [12, 11, 13]let scaleLinear = d3.scaleLinear().do...
2019-05-06 11:26:19
693
原创 webpack4与vue整合记录
首先可以从https://github.com/fanqingyun/d3Util.git拉取dev分支下webpack的demo（记得切换到dev分支），具体可以参照上一篇，然后以下就可以整合vue了安装依赖：1， 安装vuenpm i vue2, 安装vue相关npm install --save-dev vue-loader vue-style-loader vue-...
2019-05-05 15:32:52
433
原创 从零开始搭建webpack项目demo
1.创建一个文件夹d3util2，运行命令npm init -y，会出现package.json 文件3, 由于我想把它传到github上去，所以我又多运行了一个命令git init,将项目初始化成一个项目（当然这一步不是必须的）目前的结果是d3util里存在package.json文件和.git文件夹4，开始安装依赖a,安装eslint以检查语法和语法规范npm i...
2019-04-30 17:13:50
1216
1
原创 win10查看已连接的wlan密码
win+R打开命令行界面输入以下命令查看连接过的wlannetsh wlan show profiles比如我要查看上面列出来的G5的密码，就可以运行以下命令：netsh wlan show profiles name="G5" key=clear...
2019-04-25 14:36:57
472
原创 vue项目在开发环境和生产环境接口地址配置简记
开发环境在开发环境中，由于前后台并不是放在同一个服务器中的，所以这个时候就需要配置代理，打开vue项目的config/index.js文件，找到dev对象里的proxyTable配置如下： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // 配置后台通信 ...
2019-04-25 13:57:46
5717
原创 正则表达式学习笔记
^以……开头,但是在[]里是表示‘非’的意思，比如[^01]表示排除0和1$以……结尾[]取里面一个元素,里面可以是范围，也可以是独立的符号{n}循环n次， {m,n}m到n次，{n,}只是n次$以……结尾-表示范围，比如0-9, a-g例子： /^1[358][a-d]{9}!$/^1表示以1开头[358]表示第2位可以是3，5，8中的任意一个[a-d]{9}...
2019-04-19 18:34:05
339
原创 ES6学习笔记4： 字符串的扩展
目录字符的 Unicode 表示法codePointAt()String.fromCodePoint()字符串的遍历器接口normalize()includes(), startsWith(), endsWith()repeat()padStart()，padEnd()matchAll()模板字符串实例：模板编译标签模板String.raw...
2019-04-15 17:01:47
149
原创 ES6学习笔记3： 变量的解构赋值
目录数组的解构赋值对象的结构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值概念：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构数组的解构赋值其实就是模式匹配，将要赋值的变量放在[ ]里，等号右边的值也放在[ ]里，按照对应的顺序给它们赋值以上是最正常基本的情况了,只有模式匹配。以下是特殊的情况...
2019-04-11 17:50:18
153
原创 ES6学习笔记2：let 和const
目录let几个重要的点：const几个重要的点全局变量和顶部对象let几个重要的点：1，一定要先声明才能使用，因为不存在变量提升，如果先使用后声明，会造成暂时性死区2，不能重复声明3，只在自己的块级作用域里有效function f1() { let n = 5; if (true) { let n = 10; } console.l...
2019-04-11 15:47:26
157
原创 ES6学习笔记1： es6的简单了解
参考资料：http://es6.ruanyifeng.com/#docs/introes6和JavaScript的关系：前者是后者的规格标准，后者是前者的实现。ESMAScript的提案查看网址：https://github.com/tc39/ecma262各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/compat-table/es6/。系统对e...
2019-04-11 11:50:55
162
原创 简记用webpack发布一个简单的插件
1，首先创建一个文件夹，建议是插件的名称且小写，否则在发布插件时会失败2，运行npm init -y 生成package.json文件3，建立以下目录4，安装基本的模块webpack, webpack-cli, lodashnpm install --save-dev webpack lodash webpack-cliindex.jsimport _ from ...
2019-04-09 15:40:04
244
原创 webpack学习笔记5:生产环境的构建
不同的环境应该编写不同的配置文件，为了不必在不同的配置文件里写重复的配置，我们提取相同的部分作为通用的配置文件，首先安装以下插件npm install --save-dev webpack-merge然后创建文件webpack.common.js，webpack.dev.js和webpack.prod.js分别表示通用配置文件，开发环境配置文件和生产环境配置文件。webpack....
2019-04-04 10:57:52
189
原创 webpack学习笔记4:开发
source-map:用于追踪错误和警告具体在我们代码的哪个文件的哪行代码，使用方式是在配置文件里添加以下配置项 devtool: 'inline-source-map',选择一个开发工具：可以在我们的代码发生变化时自动编译，不用我们每次都手动npm run dev，其中常用的是webpack-dev-server。webpack's Watch Mode webpack-d...
2019-04-01 23:28:05
101
原创 webpack学习笔记3:管理输出
2个插件的使用简介：html-webpack-plugin：用于生成index.html替换我们原来的index.htmlnpm install --save-dev html-webpack-plugin在配置文件里配置如下：先引入再在plugin里实例化具体可参考：https://github.com/jantimon/html-webpack-plugin或https:/...
2019-04-01 15:55:10
142
原创 webpack学习笔记2：资源管理
前面简单构建了一个简单的demo，这一篇我们来学习webpack如何管理其他资源，如图片，css等步骤：install对应的模块->在配置文件里配置规则->在需要的地方import资源->使用资源（install相关模块才能import）以下以加载css为例子加载css为了从 JavaScript 模块中import一个 CSS 文件，你需要在module...
2019-03-29 13:38:31
105
翻译 贴一段浏览器兼容性检测代码
var client = function(){ //呈现引擎 var engine = { ie: 0, gecko: 0, webkit: 0, khtml: 0, opera: 0, //完整的版本号 ver: null }; //浏览器 var browser = { //主要浏览器 ie: 0, firefox: 0, s...
2019-03-28 16:45:57
233
原创 webpack学习笔记1:一个简单的例子
学习链接：https://www.webpackjs.com/guides在一个文件内运行命令npm init会生成package.json文件npm init运行以下命令： npm install --save-dev webpack npm install --save-dev webpack-cli会更新package.json文件，以上的--save-...
2019-03-28 14:15:11
143
原创 git 学习笔记
参考链接：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137402760310626208b4f695940a49e5348b689d095fc000首先，git是什么？git就是用来管理我们的代码的，是一个分布式版本控制系统，当团队协作的时候，由于不同成员在开发...
2019-03-20 11:02:00
67
原创 js入门笔记：数组（6）
关于数组的长度相关如下： 类似数组的对象，其实就是它的key刚好是数值且有length属性，如arguments 数组的slice方法可以将“类似数组的对象”变成真正的数组。var arr = Array.prototype.slice.call(arrayLike);除了转为真正的数组，“类似数组的对象”还有一个办法可以使用数组的方法，就是通过call()把数组的...
2019-02-15 17:23:27
128
原创 js入门笔记：函数（5）
函数的声明方式：（3种）1，function2,函数式表达式：把一个匿名函数赋给一个变量3,Function，最后一个参数为函数体(不建议使用） 闭包本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。由于语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。因此...
2019-02-15 09:23:32
163
1
原创 js入门笔记：对象（4)
对象采用大括号表示，这导致了一个问题：如果行首是一个大括号，它到底是表达式还是语句？ 如果要解释为对象，最好在大括号前加上圆括号。因为圆括号的里面，只能是表达式，所以确保大括号只能解释为对象 属性的操作属性的读取：2种方式：1， 点运算符，方括号运算符，其中用方括号运算符时，记得用引号引用，否则就会当成变量处理属性的查看：Object.keys判断属性是否存在...
2019-02-14 16:51:11
149
转载 js入门笔记： 字符串（3）
转义符 \0 ：null（\u0000） \b ：后退键（\u0008） \f ：换页符（\u000C） \n ：换行符（\u000A） \r ：回车键（\u000D） \t ：制表符（\u0009） \v ：垂直制表符（\u000B） \' ：单引号（\u0027） \" ：双引号（\u0022） ...
2019-02-13 15:09:30
164
原创 js入门笔记： 数据类型(2)
数据类型：string, number, boolean, null, undefined, object 其中，object包括函数，狭义对象，和数组 用typeof判断数组和null的类型时，返回object，其余返回对应类型instanceof运算符可以区分数组和对象:var o = {};var a = [];o instanceof Array // falsea...
2019-02-13 14:51:12
65
转载 关于w3c标准
官方链接：https://www.w3.org/standards/参考链接：https://www.cnblogs.com/p2227/p/3583601.html
2019-02-13 14:23:46
96
原创 js入门笔记:基本语法（1）
链接：https://wangdoc.com/javascript/basic/introduction.html目前，已经嵌入 JavaScript 的宿主环境有多种，最常见的环境就是浏览器，另外还有服务器环境，也就是 Node 项目。从语法角度看，JavaScript 语言是一种“对象模型”语言。各种宿主环境通过这个模型，描述自己的功能和操作接口，从而通过 JavaScript 控制这...
2019-02-11 16:46:30
130
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人