2021年02月_Supernova_gu

原创 Array属性和方法

查看官方文档属性Array.length// Array 构造函数的 length 属性，其值为1（注意该属性为静态属性，不是数组实例的 length 属性）。get Array[@@species]// 返回 Array 构造函数。Array.prototype// 通过数组的原型对象可以为所有数组对象添加属性。方法Array.from()从类数组对象或者可迭代对象中创建一个新的数组实例。Array.isArray()用来判断某个变量是否是一个数组对象。Array.of()

2021-02-28 21:33:32 347

原创 $emit

我们知道，父组件是使用 props 传递数据给子组件，但如果子组件要把数据传递回去，应该怎样做？那就是自定义事件！每个 Vue 实例都实现了事件接口(Events interface)，即：使用 $on(eventName) 监听事件使用 $emit(eventName)触发事件Vue.component('button-counter', { template: ` <button v-on:click="increment">{{ counter }}</button&

2021-02-27 22:07:54 342

原创 Node.js入门全解

Node.js是什么Node.js是一个平台他将多种技术组合起来让JavaScript也能调用系统接口、开发后端应用Node.js用到了哪些技术V8引擎libuvC/C++实现的c-ares、http-parser、OpenSSL、zlib等库Node.js技术架构bindingsNode.js用C++对http_parser金行封装，使它符合某些要求，封装的文件叫做http_parser_bindings.cpp用Node.js提供的编译工具将其编译为.node文件JS代

2021-02-22 14:39:23 120

原创记账项目总结

写 Vue 组件的三种方式（单文件组件）用 JS 对象 export default { data, props, methods, created, ...}用 TS 类 @Component export default class XXX extends Vue{ xxx: string = 'hi'; @Prop(Number) xxx: number|undefined; }用 JS 类 @Component export default clas

2021-02-17 18:45:02 221

原创 vue-cli3.0升级失败，vue-cli卸载不掉，vue-cli升级不了3.0

升级个vue-cli3.0，真的差点气死我了！一直卸载不掉!我差一点就重装电脑了！百度，google翻了个底操天也没找到解决办法！最后放弃百度自己重头开始研究自己到底哪一步出错了！所以我把自己遇到的问题，以及如何解决的告诉大家，避免想我一样的人再步入我的后路！升级途中遇到的问题:1.$npm uninstall vue-cli -g //卸载vue-cli旧版本2.$npm install -g @vue/cli //安装新版本3.$npm vue -V .

2021-02-16 09:01:10 431

原创 parcel-bug

如果没有JS就不刷新页面parcel有一个bug，如果没有JS就不刷新所有软件都有bug，尽量少用工具。如果用工具遇到问题，请直接放弃，入门要紧

2021-02-15 12:33:39 87

原创新建vue项目

首先必须要有npm，window下无法在线更新node.js版本，所以每次要更新版本需要重新安装node.js1.新建一个文件夹用于存放项目 mkdir fileName2.下载一个全局生成vue项目的脚手架 vue-cli安转指令：npm install vue-cli -g3.初始化一个项目vue init webpack <项目名>。这里的eslint可选择为n，eslint是代码规范验证，如果选择y会经常报错，会比较烦。4.进入项目，安装依赖包 npm install5

2021-02-14 19:26:12 115

原创 @vue-cli-init报错

错误yarn不行就用NPMnpm install -g @vue/cli-init1.安装卸载clinpm install -g @vue/clinpm uninstall -g @vue/cli或者yarn global add @vue/cliyarn global remove @vue/cli在最后@可以下载指定版本2.安装cli-inityarn global add @vue/cli-init或者npm install -g @vue/cli-init

2021-02-14 10:40:42 546 1

原创 React入门全解

引入reactcjs - CommonJS是Node.js支持的模块规范umd - 统一模块定义兼容各种模块规范（含浏览器）理论上优先使用umd，同时支持Node.js和浏览器最新的模块规范是使用import和export关键字一、从BootCDN引入react// 引入react<script src="https://cdn.bootcdn.net/ajax/libs/react/17.0.1/umd/react.development.js"></scr

2021-02-13 14:58:44 355

原创 Vue-Router

路由是什么hash模式history模式memory模式Vue-Router源码正则表达式的使用VueRouter的一些API

2021-02-12 18:23:04 162

原创 v-model

基本用法input / textarea / checkbox / radio / select / from修饰符.lazy / .number / .trimgo官方文档面试官问vue的双向绑定，其实是在问v-modelv-model是 v-bind:value 和 v-on: input 的语法糖v-on : input = “???” 这里需要背下来使用Ant Design of Vue引入ant-design-vue通过Modify来学习createForm、valida

2021-02-12 16:31:56 60

原创 node+yarn安装

node下载链接LTS：稳定版（推荐下载）Current：新功能版// 安装完后node --versionnpm --versionnpx --version// 查看版本nrm下载npm i -g nrm// 报错用下面这种（被墙）npm i -g nrm --registry https://registry.npm.taobao.orgnrm lsnrm use taobaoyarn下载链接//安装完后yarn --version// 查看版本yrm下

2021-02-09 12:31:40 932

原创虚拟DOM和DOM diff

虚拟DOM优点减少DOM操作虚拟 DOM 可以将多次操作合并为一次操作，比如你添加 1000 个节点，却是一个接一个操作的（减少频率）虚拟 DOM 借助 DOM diff 可以把多余的操作省掉，比如你添加 1000 个节点，其实只有 10 个是新增的（减少范围）跨平台虚拟 DOM 不仅可以变成 DOM，还可以变成小程序、iOS 应用、安卓应用，因为虚拟 DOM 本质上是一个 JS 对象React虚拟DOM// Reactconst vNode = { key: null, p

2021-02-06 16:13:16 138

原创 webpack使用指南

webpack本地安装和打包 1 创建目录 2 cd 当前目录 3 npm init -y // 初始化 4 npm install webpack webpack-cil --save-dev //本地安装 4 或者 yarn add webpack webpack-cli --dev //本地安装 5 ./node_modules/.bin/webpack //调用本地安装的webpack ./node_modules/.bin/webpack --version // 查看本地web

2021-02-06 14:05:02 130

原创模块化

模块化代码的模块化常见的生产级编程语言都支持模块化,如 C++、Java、Python、PHP、JS 中都有 import 或 include 保留字。通常以单个文件作为模块的最小单元。代码的模块化设计一般可抽象为三个部分：输入（import）计算（业务代码）输出（export）为什么要用模块化把复杂问题分解成多个子问题关注点分离大型软件开发的技术基础可扩展可替换代码重用使多人并行开发成为可能面向接口开发（而不是面向实现开发）...

2021-02-04 19:28:20 104

原创 VUE入门全解

vue完整版和非完整版非完整版特点：没有compiler视图：写在render函数里用h来创建标签cdn引入：vue.runtime.jswebpack引入：默认使用此版@vue/cli：默认使用此版使用webpack把代码通过vue loader编译成用户使用的版本完整版特点：有compiler视图：写在HTML里或者写在template选项cdn引入：vue.jswebpack引入：需要配置alias@vue/cli：需要额外配置compilr（编译器）=>复制d

2021-02-03 14:48:59 166

原创 seo友好

SEO搜索引擎优化原理可以认为是搜索引擎不断的curl，然后搜索引擎根据curl的结果猜测页面内容如果你的页面都是用JS创建div的，那么，curl就很瞎了解决方法title、description、keyword、h1、a写好就行让curl能得到页面的信息，seo就能正常工作...

2021-02-03 14:31:28 154

原创皮卡丘项目技术点总结

链接https://supernovay.github.io/Pikachu/dist/技术栈HTML+CSS+parcelHTML部分 <div class="skin"> <div class="eye left"></div> <div class="eye right"></div> <div class="nose"> <div cl

2021-02-02 21:09:02 107

原创 parcel 打包工具

打包页面parcel build src/xxx.html --no-minify --public-url ./git隐藏文件.gitignore

2021-02-02 19:37:31 136

原创浅析MVC

定义设计模式就是–某个人觉得自己写的代码太漂亮了，觉得别人肯定也用得到于是就给这种代码取了个名字并分享出来— — 设计模式就是对通用代码取名字为什么要有设计模式don’t Repeat Yourself — DRY原则（不要重复你自己）代码级别的重复把相同的三行代码写了两遍— — 那么就应该重构它页面级别你把类似的页面做了10遍— — 那么你就应该想出一个万金油的写法MVC就是一个万金油所有的页面都可以使用MVC来优化代码结构MVC不学MVC会怎么样写出一手又臭又长的代码不停

2021-02-01 13:54:14 85

JankoY的博客