- 博客(64)
- 收藏
- 关注
RSS订阅原创 前端学习网站
前端学习网站Examples - Apache EChartsnpmES6 入门教程 - ECMAScript 6入门GitHubease07Vue.jsMDN Web Docs百度地图开放平台 | 百度地图API SDK | 地图开发开发 | 高德地图APINode.js极简插件_Chrome扩展插件商店_优质crx应用AntV | Liven Data LivelyGallery / D3 / ObservableThree
2022-05-26 22:22:12
132
原创 why : 无法加载文件 C:\Program Files\nodejs\why.ps1，因为在此系统上禁止运行脚本
搜索powershell工具，以命令行方式打开，执行set-ExecutionPolicy RemoteSigned输入Y即可get-ExecutionPolicy在vscode运行自定义指令即可成功
2022-05-06 14:06:23
322
原创 箭头函数和普通函数的this应用
<script> //this 箭头函数没有自己的this指向其父级的this //普通函数被谁调用则this指向谁 function getName(){ console.log(this.name); } let getName2 = ()=>{ console.log(this.name);//声明环境为全局作用域 } w.
2022-02-26 14:35:50
151
原创 var&let应用
var 变量提升let 块级作用域1.正常输出<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>js</title> <style> .wrap{ display:flex; /* align-items: center; */
2022-02-26 12:45:25
157
原创 async函数
async函数async函数就是将Generator函数的*号换成async,将yield换成awaitasync表明异步，await表示暂时中断1.是对Generator的改进内置执行器Generator函数的执行必须依靠执行器，async函数自带执行器，执行与普通函数一样，只要一行更好的语义async代表函数里有异步操作，await表示紧跟在后面的表达式需要等待结果更广的适用性yield后面只能是Thunk函数或Promise对象，而async函数的await命令后面可以是
2022-02-25 19:08:25
752
原创 Promise
Promise用于异步编程，存着某个异步操作的结果。一个对象，从Promise可以获取异步操作的消息，Promise提供统一的api特点对象的状态不受外界影响。Promise对象代表一个异步操作，三种状态pending(进行中)、fulfilled、rejected，只有异步操作结果可以决定当前是哪一种状态，任何其他操作都无法改变这个状态。一旦状态改变，就不会再变。两种变化pending->rejected、pending->fulfilled,称为已定型，resolved（仅
2022-02-25 00:05:20
463
原创 vue初始化项目
1.下载node.js，确认node安装成功,npm随node自动安装cmd打开命令行工具2.npm config set registry https://registry.npm.taobao.org3.安装vue的脚手架 （只需要第一次创建项目的时候使用）4.创建项目创建成功...
2022-01-07 20:39:46
383
原创 vue引入百度地图的三种方式
进入项目目录：npm install vue-baidu-map --save1.全局引入：main.js使用页面中使用组件2.局部引入组件3.通过index.html引入使用map注：以上三种不要忘记给容器加上高度
2020-11-03 14:47:36
2605
原创 git命令拉取文件夹
拉取文件夹（只对master有效）git remote add origin git地址 git config core.sparseCheckout true 允许拉取文件夹echo “app/menus/zbkb/*” >> .git/info/sparse-checkoutgit pull origin master注：app/menus/zbkb/* 匹配到zbkb下的所有经测试只有master可以拉取到文件夹分支不可以拉取文件夹，只能拉取整个分支拿到...
2020-09-29 15:15:28
807
原创 运输层
运输层1. 进程间的通信从通信和信息处理角度看，运输层向应用层提供通信服务，属于面向通信部分的最高层，用户功能中的最低层。网络边缘部分的主机的协议栈才有运输层网络核心部分中的路由器在转发分组时只用到下三层主机之间的通信指主机间的进程之间通信，即端到端的通信。简称计算机之间通信运输层为相互通信的的应用进程提供了逻辑通信，向高层用户屏蔽了网络核心的细节网络层为主机之间提供逻辑通信...
2020-03-24 15:30:47
801
原创 webpack-loader打包css文件
1.2.3.css只加载 未生效=》4.4.配置style-loader5.重新打包 npm run build
2019-12-09 22:08:15
125
1
原创 webpack配置
1.webpack.config.js文件终端路径不匹配报错2.动态配置path 来自node包路径3.终端输入webpack方法2通过配置package.json执行npm run build完成打包
2019-12-09 21:09:54
111
原创 插槽使用
插槽使用<slot>插入内容<slot>使用组件时可在组建标签之间插入内容 不插入使用默认插槽内容具名插槽：用于修改指定组件插槽内容<slot name="xx"></slot>组件访问指定插槽：通过标签添加slot属性<cpn><p slot="xx"></p></cpn>作用域插槽:用...
2019-12-09 13:07:51
210
原创 移动端适配
简单适配<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1,minmum-scale=1,user-scalable=no">html的font-size = 1rem, font-size:innerWidth/18.75,18.75可选， innerWidth为视口...
2019-11-27 20:40:15
83
原创 响应式布局css文件
响应式布局css文件/*超小屏*/.container{ width:100%; margin-left:auto; margin-right:auto; padding-left:15px; padding-right:15px;}/*sm*/@media(min-width:576px){ .container{ width:540px; }}/*md*/@m...
2019-11-23 21:47:47
165
原创 媒体查询
媒体类型all screen print speech省略查询则是all逻辑：与and 或, 非not媒体特征表达式max-width min-width -webkit-device-pixel-ratio orentation:landscape横屏 portrait竖屏<!DOCTYPE html><html><head> <m...
2019-11-22 21:12:36
107
原创 定时器
定时器向任务队列添加定时任务setTimeout()setTimeout()返回一个整数，表示定时器的编号var timerId = setTimeout(func|code,delay);第2个参数如果省略，默认为0setTimeout()多个参数？ 将依次作为推迟执行的函数参数setTimeout(function(a,b){ console.log(a+b); //3}...
2019-11-20 08:56:18
73
原创 错误处理机制
错误处理机制1.Error实例对象js解析或运行时，抛出的错误是构造函数的实例> var err = new Error('出错了');undefined> err.message;'出错了'Error对象属性message:错误提示信息,必须项name:错误名称stack：错误发生时的堆栈function throwit(){ throw new Er...
2019-11-14 10:13:45
169
原创 数据类型
数据类型数据类型：7种number string boolean undefined null object symbolobject分为array object function判断一个值的类型typeofinstanceofObject.prototype.toString> typeof 123'number'> typeof '123''st...
2019-11-13 20:49:16
128
原创 this call apply bind
this提前声明const {log} = console1.this是属性或方法当前所在的对象var A = { name:"张三", describe:function(){ return '姓名:'+this.name; }};var B = {name:'李四'};B.describe = A.describe;log(B.describe()); //姓名:李四...
2019-11-12 22:45:18
75
原创 实例对象与new命令
实例对象与new命令运行环境：node.js1.构造函数var Vehicle = function(){ this.price = 1000;};构造函数特点：内部this关键字生成对象时new关键字2.new命令作用：执行构造函数，返回一个实例对象const {log} = console;var Vehicle = function(){ this.pr...
2019-11-12 10:56:39
387
原创 css布局方式
css布局方式1.行布局2.多列布局：两列 三列4.圣杯布局，双飞翼布局： 三列布局 中间自适应宽度 两边定宽 中间优先渲染圣杯布局与双飞翼布局的区别：圣杯：加一个包含main,left,right整体的容器，设置容器左右的padding,浮动左右元素填充padding,需设置position:relative，因为要设置left,right位置，同时调节margin-left双飞翼：...
2019-11-10 20:09:48
118
原创 css优先级问题
css引入样式优先级测试环境：chrome环境内联 > <style> > link内联 > @import > linkstyle 和 @import同时存在时导致样式不起作用
2019-11-04 20:53:09
85
转载 解构赋值可再看部分
ES6 内部使用严格相等运算符（===），判断一个位置是否有值。所以，只有当一个数组成员严格等于undefined，默认值才会生效。
2019-11-04 18:36:51
106
转载 BFC
BFCBFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并且与这个区域外部毫不相干。BFC就是页面上的一个隔离的独立容器，容器里面的子元素不会影响到外面的元素。1.BFC是什么？Box: CSS布局的基本单位Box是C...
2019-11-04 11:45:34
98
原创 vue入门知识点
1.组件与页面的关系:页面都可以是组件，子组件可以有自己的属性方法，父组件（使用的容器）可以在使用子组件时修改这些属性方法为自己所用2.创建文件 （vue3）:前期准备 node.js安装npm install出错的话 安装cnpmnpm install -g cnpm --registry=https://registry.npm.taobao.org重要步骤： npm instal...
2019-11-03 08:51:26
111
原创 构建过vue,如何再次创建新vue文件？
原帖：https://www.jianshu.com/p/88539f5a707b1.打开命令行工具，查看个版本node -vnpm -vnpm install -g npm将npm更新到最新版本vue --version2.cd 到要创建vue的文件夹npm install -g@vue/cli-init 出错改成cnpm install -g @vue/cli-init3.创...
2019-10-26 19:02:02
629
原创 配置vue cli 4.0.5
1.安装node之后 打开cmd 执行以下步骤2.创建文件,回车3.选择默认或手动配置，我选了默认4.等待项目创建及依赖加载完成5.启动项目6.复制访问local地址，可看到项目7.创建hello world,找到如下文件，删除选中8.更改成hello world, 保存9.可看到demo已被修改：...
2019-10-25 12:07:31
570
原创 echart地图知识点
echart地图城市经纬度使用geo时，导入china.js，填数剧时，前两列映射到经纬度，第三列映射到值,嵌套数组//转换数据示例//取地图映射数据 function convertData(data){ //将所有区域存入数组 let repeatArea = []; for(var j=0; j<data.length; j++){ repeatAr...
2019-10-22 13:18:59
382
原创 css水平垂直居中
4种情况<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>垂直居中</title> <style type="text/css"> .container{ border:1px solid #ccc; margin:10p...
2019-10-22 13:01:05
80
原创 如何使用echart读取多维json数据？
1.通过jquery的get方法读取json数据2.配置数据项echarts4提供了dataset方法处理大批量数据官方示例：地址：https://www.echartsjs.com/zh/index.html1.模拟ajax异步请求数据一样效果图使用dataset处理多维数据效果：数据还可以有另一种格式：对象数组形式回归正题，如何读取多维json数据?要点：参照上...
2019-10-15 23:49:50
645
原创 原型与原型链
作用域与作用域链：局部作用域：函数执行完销毁全局作用域：页面关闭时销毁函数参数是局部变量作用域：定义了变量或函数有权访问的其他数据。作用域链：保证对作用域有权访问的所有变量和函数的有序访问。搜索过程从作用域链前端开始，逐级向后搜索变量，直到搜索到标识符。延长作用域链：在作用域链前端添加一个变量对象。try-catch的catch;如果try错误，catch执行with：将指定的...
2019-10-12 17:14:28
75
原创 红宝书闭包经典案例理解
闭包指有权访问上级作用域变量的函数 ，即函数中的函数function createFunctions(){ var result = new Array(); for(var i=0; i<10; i++){ result[i] = function(){ return i; }; } ...
2019-10-12 17:03:07
196
原创 数据结构与算法的JavaScript描述_第3章错误
数据结构与算法的JS描述第3章错误//遍历列表function front(){ this.pos = 0; return this.pos;}function end(){ this.pos = this.listSize-1;}function prev(){ if(this.pos>=0){ this.pos--; }}function next(){...
2019-10-08 19:59:42
138
原创 第2章习题
数据结构与算法的JS描述2.9 练习\1. 创建一个记录学生成绩的对象，提供一个添加成绩的方法，以及一个显示学生平均成绩的方法。function Student(){ this.gradeStore = []; this.add = add; this.average = average;}//添加成绩function add(grade){ this.gradeStore....
2019-10-07 16:58:34
264
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人