前端小羽姐

原创 Echars 使用过程中遇到的难点总结

最近在使用echars，遇到一些棘手的问题，官方文档也没找到解决答案，搜索了很多文档，很难找到，经过一下午的时间，终于找到了解法，记录下来，如果你也遇到类似情况，希望能再第一时间帮到你。2011和2022是多行的时候，如何让图标和第一行平行展示，而不是在多行的居中展示，无特殊处理的情况下，展示如图：如何让方形icon在第一行展示，需要特殊处理，直接上代码：代码书写方式：Echarts 官网https://echarts.apache.org/zh/index.html.........

原创 ES6-ES11新特性学习连载篇（7）

1、数值拓展Number.EPSILONfunction equal(a,b){ if(Math.abs(a-b) < Number.EPSILON){ return true; } else { return false; }}console.log(0.1+0.2 === 0.3)//falseconsole.log(equal(0.1+0.2, 0.3))//true//二进制 （0b开头）和八进制（0o开头）//Numb

原创 ES6-ES11新特性学习连载篇（5）

一、for… offor…of （循环时候输出键值）for…in (循环时候输出索引)二、生成器，异步编程的新的解决方案 function * gen(){ console.log('hello generator'); } let iterator = gen(); iterator.next();//必须用next来调用执行 //实例，文件操作，网络操作，数据库操作 //1s后输出11 2秒后

原创 ES6-ES11新特性学习连载篇（6）

1、集合Set let s = new Set();//object对象 let s1 = new Set(["1","2","3","1","2"]); //输出时候回自动去重 //add 增加 delete 删除 has 检测 clear //清空 for(let v of s1){ console.log(v);//遍历 }2、Map let m = new Map(); m.set('name','xiaoyu');//添加元素

原创 ES6-ES11新特性学习连载篇（4）

一、新的数据类型Symbol（1）值是唯一的，解决命名冲突问题（2）不能和其他数据类型运算（3）不能用for in循环遍历 let s = Symbol(); let S1 = Symbol(); console.log(s===s1); //FALSE let S2 = Symbol.for("a"); let S3 = Symbol.for("a"); console.log(s===s1); //TRUE二、JS的数据类型 undefined

原创 ES6-ES11新特性学习连载篇（3）

一、reset参数用于获取函数的实参，代替arguments function date(...args){ console.log(args); } date('a','b','c');reset参数必须放在最后，返回结果是数组，可以使用数组的很多属性。二、扩展运算符//…扩展运算符能将数组转换为逗号分割的参数序列const arr = ['a','b','c'];function change(){ console,log(arguments);}

原创 ES6-ES11新特性学习连载篇（2）

一、const定义常量1、一定要给初始值2、一般常量使用大写3、常量的值不能修改4、是块级作用域5、对于数组和对象的元素修改，不算是对常量的修改，不会报错（虽然数组个数改变了，大指向的地址没有变）。二、变量解构赋值（常用在对象变量上的方法的解构赋值，方便方法的调用）const f4 = { name : 'xiaoyu', age : 'null', love: function(){ console.log("我喜欢看书"); }}le

原创 ES6-ES11新特性学习连载篇（1）

es6学习

原创 js输出九宫格的坐标

<div class="container"> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"></div> <div class="item"><.

原创 egg结合Sequelize连接mysql踩坑指南

目标：使用egg配合Sequelize连接mysql数据库准备工作：1、初始化项目，安装brew和mysql（1）安装brew/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"（2）安装mysqlbrew install mysqlbrew services start mysql（3）通过 npm 初始化一个项目:> $ mkdir se

原创 前端面试题之React的优势和劣势整理

目录React优势：1、速度快2、跨浏览器兼容3、一切都是component：4、单向数据流5、同构、纯粹的javascript6、兼容性好7、容易上手劣势:1、不适合单独做一个完整的框架2、大多数坑没踩出来React优势：1、速度快借助于虚拟DOM的概念，控制js和实际dom的关系，速度快，性能好2、跨浏览器兼容虚拟DOM帮助我们解决了跨浏览器问题，它为我们提供了标准化的API，甚至在IE8中都是没问题的。3、一切都是compone.

原创 阿里巴巴使用的Rax源码

Rax源码1、入口文件index.js，返回的方法们。createElement、createContext、createRef、forwardRef、memo、Fragment、render、Component、PureComponent、version、2、createElementcreateElement( 'div', { id: 'foo' }, createElement('p', null, 'hello world'));3、createContextim

原创 npm、vscode等前端学习笔记

npm link作用：将一个任意位置的npm包链接到全局执行环境，从而在任意位置使用命令行都可以直接运行该npm包新建一个目录，执行 npm init -f，添加"bin":“bin/foo”创建目录bin, 并在bin中创建文件foo，这便是本npm包的可执行文件，用编辑器打开foo，输入console代码并保存，然后在C:\code\tool中执行以下命令可看到输出foo run success:重装VSCodecommand+数字切换左边栏：command+1 资源管理器comm

原创 X6、yarn、React的G6

X6安装# npm$ npm install @antv/x6 --save# yarn$ yarn add @antv/x6 -W -W 安装到当前工作区yarn:快速、安全、可靠的管理工具https://classic.yarnpkg.com/en/docs/cli/run1、初始化一个项目yarn init 2、添加依赖包yarn add [package]3、安装全部依赖yarn installReact中使用G6https://www.yuque.c

原创 Node.js事件循环、bind方法、调试等

Node.js 事件循环1、Node.js 单线程类似进入一个while(true)的事件循环，直到没有事件观察者退出，每个异步事件都生成一个事件观察者，如果有事件发生就调用该回调函数.2、Node.js 使用事件驱动模型，当web server接收到请求，就把它关闭然后进行处理，然后去服务下一个web请求。当这个请求完成，它被放回处理队列，当到达队列开头，这个结果被返回给用户。3、可以通过引入 events 模块，并通过实例化 EventEmitter 类来绑定和监听事件。var events =

原创 Node.js断点调试方法等

Node.js单个文件调试打开文件，设置断点设置断点，然后使用快捷键F5，启动调试固定文件调试//打开调试面板，点击配置，添加配置,luanch.json"configurations":[ { "type":"node", "request":"lanunch", "name":"Launch Program", "program":"${workspaceRoot}/app.js" }, {

原创 Rax学习入门

Rax学习之Read meRax特点1、写一次，可以运行在多个情况（Web、Weex、Node.js、支付宝小程序、微信小程序等等）。2、快：用和React相同的API，但性能更快，包更小。3、容易：快速上手，零配置，PWA\SSR\Fass都可以在这里开箱即用。“PWA” 渐进式Web应用，在任何浏览器上都可以运行，离线工作。“SSR” 服务端渲染，有利于爬虫识别，缺点是第一次加载会很慢，影响体验，也会给服务端一定的压力“FaaS” 微服务架构，函数作为服务创建第一个Rax文件$n

原创 前端开发工具配置入门

一、实用炫酷终端，取代默认的Terminal，Iterm2和zsh1、Iterm配置，快捷键ctrl + a/e 快速切换到当前正在输入的文本的头部／尾部ctrl + u 清空当前输入cmd + T 打开一个新的 iterm2 Tabcmd + 方向键 左右切换 Tabcmd + D 分屏cmd + K 清屏cmd + N 打开一个新的 iterm2 窗口二、bash和zsh切换$chsh -s /bin/bash输入密码；切换为bash重启生效；$chsh -s /bin/zs

原创 Cocos Creator介绍

原创 cocos入门（2）

1、为引擎定制打造，包含从设计、开发、预览、调试到发布的整个工作流所需的全功能一体化编辑器。2、支持发布游戏到 Web、iOS、Android、各类"小游戏"、PC 客户端等平台，真正实现一次开发，全平台运行。项目结构：ProjectName（项目文件夹）├──assets（核心目录，资源文件夹）├──library（资源库，文件的结构和资源的格式被处理成最终需要的形式）├──local（本地设置，编辑器使用习惯记录）├──packages（扩展插件的文件夹）├──settings（项目设

原创 ES6表达式和字符串拓展

1、do 表达式块级作用域无法返回值，使用do之后，x可以获取到值{ let t = f(); t = t * t + 1;}let x = do { let t = f(); t * t + 1;};2、变量解构赋值let [foo, [[bar], baz]] = [1, [[2], 3]];foo // 1bar // 2baz // 3let [ , , third] = ["foo", "bar", "baz"];third // ".

原创 React基础入门（2）

react经常使用，但感觉需要回炉打基础。一、JSX语法1、JSX 的基本语法规则：遇到 HTML 标签（以<开头），就用 HTML 规则解析；遇到代码块（以{开头），就用 JavaScript 规则解析。上面代码的运行结果如下。2、JSX 允许直接在模板插入 JavaScript 变量。如果这个变量是一个数组，则会展开这个数组的所有成员。<div id="example"></div> <script type...

原创 vim编辑器的使用

https://www.runoob.com/linux/linux-vim.html常用的几个命令：i 切换到输入模式，以输入字符。 x 删除当前光标所在处的字符。: 切换到底线命令模式，以在最底一行输入命令。 字符按键以及Shift组合，输入字符ENTER，回车键，换行 BACK SPACE，退格键，删除光标前一个字符DEL，删除键，删除光标后一个字符 方向键，在文本中移动光标HOME/END，移动光标到行首/行尾 Page Up/Page Down，上/下翻页Insert，

原创 Cocos新手入门（1）

1、什么是cc呢？cc是 Cocos 的简称，Cocos 引擎的主要命名空间，引擎代码中所有的类、函数、属性和常量都在这个命名空间中定义。而Class()就是cc模块下的一个方法，这个方法用于声明 Cocos Creator 中的类。var Sprite = cc.Class({ name: "sprite"});cc.tween() :缓动方法onLoad：游戏加载的时候执行cc.macro.KEY.a：获取键盘的A键// 初始化键盘输入监听cc.syst...

原创 vue入门

1、Vue的好处Vue提供的指令, 很方便的就能把数据渲染到页面上, 不在需要手动操作DOM元素。Vue是M（vue中的data）V(el绑定的HTML元素)VM(Vue的实例) 模式，是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式，其核心是提供对View 和 ViewModel 的双向数据绑定，这使得ViewModel 的状态改变可以自动传递给 View，即所谓的数据双向绑定。2、Vue常用方法methods : {}, // 这个methods属性中定义了

原创 React基础入门（1）

1、class样式的实现方式className<div className="box"></div>style={style}let style ={width:'100px',height:'100px'}<div style={style}></div>2、条件输出：? : ————类似于if…else|| ————类似if(!..) 取反&& ————类似if()3、循环方式forEachmap...