study note
关注
分享
扫一扫
前端学习记录
枫凡YoRHa
前端萌新
展开
-
VUE3.0通过脚手架创建项目运行报错的解决方案
今天用脚手架创建vue3.0项目，npm run serve报了这个错in ./node_modules/@vue/reactivity/dist/reactivity.esm-bundler.jsModule parse failed: Unexpected token (763:13)解决方案：首先确保vue-cli版本为官网推荐版本第一步：在项目中执行命令 vue upgrade --next第二步：删掉依赖重装再次运行npm run serve即可成功启动...原创 2021-07-02 17:57:17 · 889 阅读 · 0 评论 -
一些常用工具类集合
/** * @param: - * @return: String * @description: 该方法会生成一串随机字符串,可用作生成唯一id */export function uuid() { var s = []; var hexDigits = "0123456789abcdef"; for (var i = 0; i < 36; i++) { s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10),.原创 2020-12-14 11:07:20 · 203 阅读 · 0 评论 -
使用Echarts画一个折线图
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>折线图&l...原创 2020-04-26 17:22:42 · 897 阅读 · 0 评论 -
原生JS使用面向对象思想实现贪吃蛇
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <meta http-equi...原创 2020-04-21 14:39:29 · 195 阅读 · 0 评论 -
傻瓜都能看懂的Sass基础知识解析
一、定义变量在sass中，可以通过定义变量的方式来提供便捷。在sass中，使用**$符号**来定义变量$primary-color : #FFFFFF; //定义一个变量$peimary-border : 1px solid $primary-color; //变量的值可以是多个，也可以引用其他变量div.box { background-color : $pri...原创 2020-01-08 16:57:40 · 781 阅读 · 0 评论 -
TypeScript笔记(持续更新）
一、TS安装npm i typescript -g直接安装二、基本使用1.创建TS文件2.编写TS代码3.终端输入tsc 文件名.ts进行编译成js文件三、基本配置终端输入tsc --init 创建tsconfig.json配置文件files:[] //要编译的文件，设置之后就直接终端输入tsc即可编译outDir // 编译输出到目标文件夹下，整...原创 2019-11-30 17:51:29 · 313 阅读 · 0 评论 -
vuex的知识点笔记
个人学习vuex时的一些随笔一、vuex的解释和理解简单来说，就是一个大家都能用的存储变量的对象二、vuex一般都放什么东西一般都是放一些多个界面都需要的东西，比如登陆状态信息等三、vuex的使用①安装npm i vuex –save②在src中创建一个文件夹store（仓库）,里面建一个index.js③在imdex.js中，导入vue，导入vuex，安装vuex插件，创建v...原创 2019-10-10 16:47:06 · 272 阅读 · 0 评论 -
axios的知识点
一、axios框架的使用学习axios过程中记录的一些知识点拓展：httpbin.org 专门用于测试网络请求的网站①安装通过npm I axios –save 安装接着在main.js导入Import axios from “axios”接着直接使用就好了二、axios的使用axios({ //axios默认是get请求,如果想修改请求方式，可以在method中设置 ...原创 2019-10-10 16:31:18 · 248 阅读 · 0 评论 -
webpack使用笔记
webpack使用笔记个人在学习webpack时记录的一些知识点一、使用webpack需要安装的东西1.1、主体webpackwebpack-cli1.2、各种loadercss-loaderstyle-loaderless-loaderlessurl-loaderfile-loaderbabel-loaderbabel-co...原创 2019-10-10 16:14:34 · 175 阅读 · 0 评论 -
Vue路由 vue-router知识点详解
Vue路由 vue-router知识点详解一、什么是前端渲染，什么是后端渲染？1.1 后端渲染也叫服务端渲染，是指当服务器获取到url后，通过一些后端代码在服务器中直接将对应的html页面渲染完毕后，再将页面返回给前端进行展示，这就叫做后端渲染。优点：这种情况下渲染好的页面，不需要单独加载任何的js和css，可以交给浏览器展示，这样也有利于SEO的优化缺点：后端人员编写维护任务太重，前端...原创 2019-10-09 13:55:25 · 821 阅读 · 0 评论 -
Vue脚手架的一些基本使用
Vue脚手架的一些基本使用一、Vue-Cli 2 的使用1.1 安装npm I @vue/cli –g 进行全局安装这样就安装好了vue-cli3如果要用vue-cli2的话，需要再安装一个2的模板npm I @vue/cli-init -g1.2 vue-cli2的初始化vue init webpack 项目名称接着会有一些选项，无非是项目名称项目作者之类的，以及一些额外...原创 2019-10-09 13:12:33 · 160 阅读 · 0 评论 -
如和将创建的项目直接与远程仓库关联起来
如和将创建的项目直接与远程仓库关联起来首先，你需要有一个项目，接着，你需要在github上创建一个仓库然后只需在项目的根目录执行下面这两行代码即可git remote add origin https://github.com/YoRHa1998/supermell.git（你的远程仓库地址）git push -u origin master （注：此操作目的是把本地仓库push到gith...原创 2019-10-09 12:54:51 · 240 阅读 · 0 评论 -
ES6中的一些常用知识点
一、ES6中的let和comst在ES6中，一般不再使用var定义变量，而是使用let（定义变量）/const（定义不会去改变的变量）Let可以看做更完美的var，let拥有块级作用域（比如if/for），而var没有块级作用域用const定义的变量其指向的是其地址，所以我们不能直接重新赋值，但是如果是像对象这样的属性，我们可以修改属性内部的值例如const books=...原创 2019-10-08 23:08:28 · 289 阅读 · 0 评论 -
JS数组的几个高阶函数
JS数组的几个高阶函数(1) Filter函数const nums=[10,30,124,21,34,12]找出小于100的数Filter()的参数为一个函数，这个函数必须返回一个boolean值为true时，函数内部会自动将这次回调的n加入到一个新的数组中。为false时，函数会过滤掉这次的nLet newNums = Nums.filter(function(n){ Re...原创 2019-10-08 22:50:01 · 384 阅读 · 0 评论