
前端学习总结
文章平均质量分 72
low神
这个作者很懒,什么都没留下…
展开
-
hygen 自动化创建模板文件神器
hygen是什么?作者的介绍是:一个简单,快速,可扩展的代码生成器。其用途是帮助开发者自动创建模板文件的工具,旨在提高开发效率,下面就来说说怎么在项目中使用hygen。hygen官方文档1、全局安装hygennpm i -g hygen2、安装成功后cd到项目目录,然后在项目中初始化hygenhygen init self初始化之后项目中会多一个_template...原创 2019-11-16 18:18:05 · 3116 阅读 · 0 评论 -
如何用 vue-cli 4.0 创建项目
本文只介绍如何用vue-cli 4.0 创建项目,如果想知道怎么搭建开发环境,安装node、webpack...《Vue开发环境搭建全过程》1、找一个放工程的文件夹,在terminal中 cd 到该目录,mac下可以直接把文件夹拖到terminal ,会自动填入路径2、使用vue-cli创建项目,create后面的是项目名vue create test-project...原创 2019-11-16 14:25:45 · 3974 阅读 · 0 评论 -
Vue开发环境搭建全过程,一步一个坑
这是基于vue-cli 2.x 搭建项目,首先我们要安装好整个开发环境,其实Windows和Mac的整个过程基本一样开发环境:Homebrew ( Mac的包管理神器 ) → Node.js→ cnpm(淘宝镜像,节省安装时间)→webpack →vue-cli(vue脚手架)→ IDE( Vue开发我用的是VSCode )1.打开terminal 安装homeb...原创 2018-07-06 16:56:43 · 18123 阅读 · 5 评论 -
React面试题和基础
React面试题和基础原创 2023-05-29 22:31:40 · 671 阅读 · 0 评论 -
JavaScript 检测类型的四种方法
JavaScript 检测类型的四种方法原创 2022-09-06 16:55:42 · 288 阅读 · 0 评论 -
git分支常用操作
切换分支:git checkout分支名合并指定分支到当前分支:git merge [分支名]选择一个commit,合并进当前分支:git cherry-pick 分支名或该次commit的哈希码查看分支:git branch查看远程分支:git branch -r删除本地分支:git branch -D 分支名删除远程分支:git push origin --delete 分支名新建一个分支,但依然停留在当前分支:git branch [分支名]新建一个分支,并切换到该..原创 2021-11-03 15:31:58 · 194 阅读 · 0 评论 -
React 路由传参方式
1、state,传参特点:刷新页面后参数不消失 参数不会在地址栏显示跳转方式: this.props.history.push({ pathname:'/home/goodsInfo', state: { goodsId: goodsId, }, });跳转页面获取方式参数: this.props.location.state.goodsId2、params和search,传参特点相同:刷新页面后参数不消失原创 2021-06-25 10:12:55 · 279 阅读 · 0 评论 -
前端面试题整理,持更......
关于Vue面试题看这里《Vue面试题、知识点整理》数组去重的方法?ES6中的Set数组扁平化使用场景?如何实现数组扁平化?快速获取/过滤嵌套数组中的某个值arr.flat(Infinity)、arr.toString().split(',')、arr.join(',').split(',')、reduce+递归function flatten(arr) { ...原创 2019-11-26 23:40:03 · 1009 阅读 · 1 评论 -
Vue面试题、知识点整理
常见笔试面试题:Q:vue几种常用的指令A:v-for 、 v-if 、v-show、v-bind、v-onQ:v-if 和 v-show 区别A:v-if按照条件是否渲染,v-show是display的block或noneQ:css只在当前组件起作用A:在style标签中写入scoped即可 例如:<style scoped></style>Q:vue常用...原创 2019-11-26 23:15:06 · 1351 阅读 · 0 评论 -
Vue+Webpack+Node.js的全栈项目简介
VueVue.js是一款极简的MVVM框架,如果让我用一个词来形容它,就是“轻巧”。如果用一句话来描述它,它能够集众多优秀逐流的前端框架之大成,但同时保持简单易用。为什么这么说,因为Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统。在前端纷繁复杂的生态中,Vue.js却一直受到一定程度的关注,而其本身也在高速发展中,不论是生态、社区、资源、插件等等都在日趋壮大。Vuex...原创 2019-11-26 15:36:37 · 1335 阅读 · 0 评论 -
Echart用法介绍
Echart用法介绍Echart官方文档Echart实例创建步骤1.准备一个DOM容器2.通过init方法初始化一个echarts实例3.将图标配置数据传给setOption方法绘制图表Echart常用配置信息介绍基本配置信息:grid(图表相对画布的位置)title(表头)tooltip(鼠标移上悬浮窗显示数据)legend(不同线或色块代表的数据类型)xAxis(x...原创 2019-11-14 11:34:21 · 5408 阅读 · 0 评论 -
Vue 路由跳转方式 和 路由跳转时传参
首先先介绍路由跳转的方法1、router-link简单跳转:<router-link to="/path"></router-link>2、$router方式(js跳转)this.$router.push({ path:'/path', //路径 name:'pathName' //配置路由时的name})以上就是两种路由跳转的方法跳转时传参的方法1、params (...原创 2018-07-13 15:30:28 · 2543 阅读 · 0 评论 -
构建第一个Vue项目
之前的文章已经提到了,如何配置Vue的开发环境了,现在开始做一个简单的项目,主要就是介绍怎么使用组件、路由以及通信等,大家就不要吐槽UI和样式的问题。 这是我的src目录,component是放公用组件的,page是页面,static是放静态资源文件 首先先来看看main.js我们需要在这里引入我们需要用到的组件和库// The Vue build version...原创 2018-07-18 18:51:59 · 7147 阅读 · 6 评论 -
ES6常用特性入门详解,面试必备,持更......
常用的ES6语法特性《ECMAScript 6 入门》1、let 和 const 命令ES5 只有两种声明变量的方法:var命令和function命令。ES6 除了添加let和const命令,另外两种声明变量的方法:import命令和class命令。所以,ES6 一共有 6 种声明变量的方法...原创 2018-07-06 10:40:56 · 3199 阅读 · 0 评论 -
Vue组件通信
父子级通信推荐使用:props/$emit、$parent/$children/$refs、$attrs/$listeners 兄弟组件通信推荐使用:$emit/$on、Vuex 无关系组件通信推荐使用:$emit/$on、Vuex、$attrs/$listeners、provide/inject 1、props和$emit(父子组件通信)子组件使用prop...原创 2018-07-16 14:26:11 · 1033 阅读 · 0 评论