小小蜗牛学习记-CSDN博客

原创 Symbol

新的原始数据类型：表示独一无二的值创建方式一 var name1 = Symbol() // 不传入任何值创建方式二 var age1 = Symbol('age') // 传入key值增强代码阅读性据以上2种创建方式我们来看看它是怎么独一无二的 var name1 = Symbol() var name2 = Symbol() name1 === name2 // ...

2019-10-15 16:02:24 292

原创 require.context

在用vue开发的过程中，我们可能会使用import引入文件，但需要引入多个的时候就会变得繁琐起来，这时我们可以使用require.context去动态引入多个文件。用法：require.context(文件夹路径，是否搜索子文件夹下面的内容，正则匹配) 例子：将路由文件夹底下的文件引入index.js文件路由文件夹我们原来的处理方式是一个一个import进来，如下： ...

2019-09-17 11:38:50 2841

原创浏览器和浏览器内核

参考链接： https://baijiahao.baidu.com/s?id=1621967160093695828&wfr=spider&for=pc 五大浏览器及其内核： ie (win7的默认浏览器是ie8,win10以后叫edge)：trident chrome：原先是webkit，现在是blink，其实也是webkit的一个分支 firefox：gecko ...

2019-06-04 16:14:45 439

原创 svg入门

基本形状 <!doctype html> <html> <head> <meta charset="utf-8"> </head> <body>  <span>线</span> <svg width="20...

2019-05-15 11:23:30 215

原创 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 839

原创 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 729

原创 d3.js: 比例尺Scale

当数据集里的元素为数字时，由于数字可大可小，我们不可能用像素去表示它们的大小的，这时候就需要用到比例尺了，相当于我们学过的y=kx这样的关系，数据集里的数据映射到比例尺里对应的数值，就有的定义域（输入）和值域（输出）接下来用2个例子说明：线性比例尺 let dataset = [12, 11, 13] let scaleLinear = d3.scaleLinear().do...

2019-05-06 11:26:19 885

原创 webpack4与vue整合记录

首先可以从https://github.com/fanqingyun/d3Util.git拉取dev分支下webpack的demo（记得切换到dev分支），具体可以参照上一篇，然后以下就可以整合vue了安装依赖： 1，安装vue npm i vue 2, 安装vue相关 npm install --save-dev vue-loader vue-style-loader vue-...

2019-05-05 15:32:52 523

原创从零开始搭建webpack项目demo

1.创建一个文件夹d3util 2，运行命令npm init -y，会出现package.json 文件 3, 由于我想把它传到github上去，所以我又多运行了一个命令git init,将项目初始化成一个项目（当然这一步不是必须的）目前的结果是d3util里存在package.json文件和.git文件夹 4，开始安装依赖 a,安装eslint以检查语法和语法规范 npm i...

2019-04-30 17:13:50 1384 1

原创 win10查看已连接的wlan密码

win+R打开命令行界面输入以下命令查看连接过的wlan netsh wlan show profiles 比如我要查看上面列出来的G5的密码，就可以运行以下命令： netsh wlan show profiles name="G5" key=clear ...

2019-04-25 14:36:57 645

原创 vue项目在开发环境和生产环境接口地址配置简记

开发环境在开发环境中，由于前后台并不是放在同一个服务器中的，所以这个时候就需要配置代理，打开vue项目的config/index.js文件，找到dev对象里的proxyTable配置如下： dev: { // Paths assetsSubDirectory: 'static', assetsPublicPath: '/', // 配置后台通信 ...

2019-04-25 13:57:46 5936

原创正则表达式学习笔记

^以……开头,但是在[]里是表示‘非’的意思，比如[^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 498

原创 ES6学习笔记4：字符串的扩展

目录字符的 Unicode 表示法 codePointAt() String.fromCodePoint() 字符串的遍历器接口 normalize() includes(), startsWith(), endsWith() repeat() padStart()，padEnd() matchAll() 模板字符串实例：模板编译标签模板 String.raw...

2019-04-15 17:01:47 463

原创 ES6学习笔记3：变量的解构赋值

目录数组的解构赋值对象的结构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值概念：ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构数组的解构赋值其实就是模式匹配，将要赋值的变量放在[ ]里，等号右边的值也放在[ ]里，按照对应的顺序给它们赋值以上是最正常基本的情况了,只有模式匹配。以下是特殊的情况 ...

2019-04-11 17:50:18 308

原创 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 316

原创 ES6学习笔记1： es6的简单了解

参考资料：http://es6.ruanyifeng.com/#docs/intro es6和JavaScript的关系：前者是后者的规格标准，后者是前者的实现。 ESMAScript的提案查看网址：https://github.com/tc39/ecma262 各大浏览器的最新版本，对 ES6 的支持可以查看kangax.github.io/compat-table/es6/。系统对e...

2019-04-11 11:50:55 269

原创简记用webpack发布一个简单的插件

1，首先创建一个文件夹，建议是插件的名称且小写，否则在发布插件时会失败 2，运行npm init -y 生成package.json文件 3，建立以下目录 4，安装基本的模块webpack, webpack-cli, lodash npm install --save-dev webpack lodash webpack-cli index.js import _ from ...

2019-04-09 15:40:04 340

原创 webpack学习笔记5:生产环境的构建

不同的环境应该编写不同的配置文件，为了不必在不同的配置文件里写重复的配置，我们提取相同的部分作为通用的配置文件，首先安装以下插件 npm install --save-dev webpack-merge 然后创建文件webpack.common.js，webpack.dev.js和webpack.prod.js分别表示通用配置文件，开发环境配置文件和生产环境配置文件。 webpack....

2019-04-04 10:57:52 271

原创 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 180

原创 webpack学习笔记3:管理输出

2个插件的使用简介： html-webpack-plugin：用于生成index.html替换我们原来的index.html npm install --save-dev html-webpack-plugin 在配置文件里配置如下：先引入再在plugin里实例化具体可参考：https://github.com/jantimon/html-webpack-plugin或https:/...

2019-04-01 15:55:10 224

原创 webpack学习笔记2：资源管理

前面简单构建了一个简单的demo，这一篇我们来学习webpack如何管理其他资源，如图片，css等步骤：install对应的模块->在配置文件里配置规则->在需要的地方import资源->使用资源（install相关模块才能import）以下以加载css为例子加载css 为了从 JavaScript 模块中import一个 CSS 文件，你需要在module...

2019-03-29 13:38:31 212

翻译贴一段浏览器兼容性检测代码

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 301

原创 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 221

参考链接：https://www.liaoxuefeng.com/wiki/0013739516305929606dd18361248578c67b8067c8c017b000/00137402760310626208b4f695940a49e5348b689d095fc000 首先，git是什么？ git就是用来管理我们的代码的，是一个分布式版本控制系统，当团队协作的时候，由于不同成员在开发...

2019-03-20 11:02:00 128

原创 js入门笔记：数组（6）

关于数组的长度相关如下：类似数组的对象，其实就是它的key刚好是数值且有length属性，如arguments 数组的slice方法可以将“类似数组的对象”变成真正的数组。 var arr = Array.prototype.slice.call(arrayLike); 除了转为真正的数组，“类似数组的对象”还有一个办法可以使用数组的方法，就是通过call()把数组的...

2019-02-15 17:23:27 203

原创 js入门笔记：函数（5）

函数的声明方式：（3种） 1，function 2,函数式表达式：把一个匿名函数赋给一个变量 3,Function，最后一个参数为函数体(不建议使用）闭包本质上，闭包就是将函数内部和函数外部连接起来的一座桥梁。由于语言特有的"链式作用域"结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。因此...

2019-02-15 09:23:32 253 1

原创 js入门笔记：对象（4)

对象采用大括号表示，这导致了一个问题：如果行首是一个大括号，它到底是表达式还是语句？如果要解释为对象，最好在大括号前加上圆括号。因为圆括号的里面，只能是表达式，所以确保大括号只能解释为对象属性的操作属性的读取： 2种方式：1，点运算符，方括号运算符，其中用方括号运算符时，记得用引号引用，否则就会当成变量处理属性的查看：Object.keys 判断属性是否存在...

2019-02-14 16:51:11 239

转载 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 260

原创 js入门笔记：数据类型(2)

数据类型： string, number, boolean, null, undefined, object 其中，object包括函数，狭义对象，和数组用typeof判断数组和null的类型时，返回object，其余返回对应类型 instanceof运算符可以区分数组和对象: var o = {}; var a = []; o instanceof Array // false a...

2019-02-13 14:51:12 122

转载关于w3c标准

官方链接：https://www.w3.org/standards/ 参考链接：https://www.cnblogs.com/p2227/p/3583601.html

2019-02-13 14:23:46 164

原创 js入门笔记:基本语法（1）

链接：https://wangdoc.com/javascript/basic/introduction.html 目前，已经嵌入 JavaScript 的宿主环境有多种，最常见的环境就是浏览器，另外还有服务器环境，也就是 Node 项目。从语法角度看，JavaScript 语言是一种“对象模型”语言。各种宿主环境通过这个模型，描述自己的功能和操作接口，从而通过 JavaScript 控制这...

2019-02-11 16:46:30 191

qq_28458369的博客