- 博客(29)
- 收藏
- 关注
RSS订阅转载 CSS中的单冒号和双冒号（伪类及伪元素）
css中的单冒号和双冒号最近突然被别人问起css单冒号和双冒号有什么区别，答曰：“不知道”。虽然还在填坑中，但作为一个跨过了初级的FEer,感觉着实汗颜，刚好今天下午在搜别的问题的时候，突然看到一个对比，嗯，我觉得写得还不错，暂时没有自己总结，所以先转了。1、伪类与伪元素CSS伪元素：用于将特殊的效果添加到某些选择器。伪元素代表了某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不...
2019-01-25 09:39:26
1794
转载 常用的遍历数据的方法
1.最传统方法 for循环 var arr = ["first","second","third","fourth",3,5,8]; for(var i = 0; i < arr.length;i++){ console.log(arr[i]); } //输出： first second third fourth 3 ...
2019-01-02 09:46:38
2308
转载 ES6,记录的20多问题,你都会吗?
一、问：ES6是什么，为什么要学习它，不学习ES6会怎么样?答： ES6是新一代的JS语言标准，对分JS语言核心内容做了升级优化，规范了JS使用标准，新增了JS原生方法，使得JS使用更加规范，更加优雅，更适合大型应用的开发。学习ES6是成为专业前端正规军的必经之路。不学习ES6也可以写代码打鬼子，但是最多只能当个游击队长。二、问：ES5、ES6和ES2015有什么区别?答： ES201...
2018-12-28 09:24:57
139
原创 vue之父子组件间通信传值(props、$ref、$emit)
组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间通信。组件是 vue.js 最强大的功能之一，而组件实例的作用域是相互独立的，这就意味着不同组件之间的数据无法相互引用。那么组件间如何通信，也就成为了vue中重点知识了。这篇文章将会通过props、$ref和 $emit 这几个知识点，来讲解如何实现父子组件间...
2018-12-25 10:42:31
1338
转载 前端知识点总结--vue
1.框架和库的区别：框架：framework 有着自己的语法特点、都有对应的各个模块库 library 专注于一点框架的好处：1.提到代码的质量，开发速度2.提高代码的复用率3.降低模块之间的耦合度（高内聚低耦合）UI：user interfaceGUI : graphical user interfaceCLI : command line interfaceA...
2018-12-25 09:15:13
138
原创 JSON.parse()与JSON.stringify()的区别
JSON.parse()【从一个字符串中解析出json对象】例子：//定义一个字符串var data='{"name":"goatling"}'//解析对象JSON.parse(data)结果是：name:"goatling"JSON.stringify()【从一个对象中解析出字符串】var data={name:'goatling'}JSON....
2018-12-21 11:14:46
173
转载 前端vue面试题汇总及答案
active-class是哪个组件的属性？vue-router模块的router-link组件。嵌套路由怎么定义？在实际项目中我们会碰到多层嵌套的组件组合而成，但是我们如何实现嵌套路由呢？因此我们需要在 VueRouter 的参数中使用 children 配置，这样就可以很好的实现路由嵌套。index.html，只有一个路由出口<div id="app"> &...
2018-12-19 10:51:09
576
转载 vue面试题
1:什么是mvvm？MVVM是Model-View-ViewModel的缩写。mvvm是一种设计思想。Model 层代表数据模型，也可以在Model中定义数据修改和操作的业务逻辑；View 代表UI 组件，它负责将数据模型转化成UI 展现出来，ViewModel 是一个同步View 和 Model的对象。在MVVM架构下，View 和 Model 之间并没有直接的联系，而是通过View...
2018-12-19 10:27:29
135
转载 Vue 爬坑之路（十）—— Vue2.5 + Typescript 构建项目
Typescript 在前端圈已经逐渐普及，Vue 2.5.0 改进了类型声明，使得对 TypeScript 更加友好不过要想在项目中直接使用 TypeScript 仍然需要对项目进行一些改造PS: 建议使用 Visual Studio Code 进行开发 vue-cli 3.0 可以直接创建 typescript 项目，不过目前还只有 beta 版，有兴趣的朋友可以尝试一下...
2018-12-14 15:23:48
191
转载 Vue 爬坑之路（十一）—— 基于 Nuxt.js 实现服务端渲染（SSR）
直接使用 Vue 构建前端单页面应用，页面源码时只有简单的几行 html，这并不利于网站的 SEO，这时候就需要服务端渲染2016 年 10 月 25 日，zeit.co 背后的团队对外发布了一个 React 的服务端渲染应用框架 Next.js几小时后，一个基于 Vue.js 的服务端渲染应用框架应运而生，与 Next.js 异曲同工，这就是 Nuxt.js 一、快速模板在已...
2018-12-14 15:22:07
436
转载 Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目
Vue Cli 3 官方文档：https://cli.vuejs.org/zh/guide/ 一、安装 @vue/cli更新到 3.x 之后，vue-cli 的包名从 vue-cli 改成了 @vue/cli如果之前全局安装了旧版本的 vue-cli (1.x 或 2.x)，首先需要使用以下命令卸载掉// 如果没有安装旧版本的 vue-cli 可以跳过卸载直接安装npm ...
2018-12-14 15:21:56
264
转载 Vue 爬坑之路（六）—— 使用 Vuex + axios 发送请求
Vue 原本有一个官方推荐的 ajax 插件 vue-resource，但是自从 Vue 更新到 2.0 之后，官方就不再更新 vue-resource目前主流的 Vue 项目，都选择 axios 来完成 ajax 请求，而大型项目都会使用 Vuex 来管理数据，所以这篇博客将结合两者来发送请求 前言： Vuex 的安装将不再赘述，可以参考之前的博客 Vue 爬坑之路（四）—— 与...
2018-12-14 15:21:39
118
转载 Vue 爬坑之路（八）—— 使用 Echarts 创建图表
在后台管理系统中，图表是一个很普遍的元素。目前常用的图标插件有 charts, Echarts, highcharts。这次将介绍 Echarts 在 Vue 项目中的应用。 一、安装插件使用 cnpm 安装 Echartscnpm install echarts -S和之前介绍的 axios 类似，echarts 也不能通过 Vue.use() 进行全局调用通常是在需...
2018-12-13 14:53:53
123
转载 Vue 爬坑之路（七）—— 监听滚动事件 实现动态锚点
前几天做项目的时候，需要实现一个动态锚点的效果如果是传统项目，这个效果就非常简单。但是放到 Vue 中，就有两大难题：1. 在没有 jQuery 的 animate() 方法的情况下，如何实现平滑滚动？2. 如何监听页面滚动事件？在浏览了大量文章、进行多次尝试之后，终于解决了这些问题期间主要涉及到了 setTimeout 的递归用法，和 Vue 生命周期中的 mounted...
2018-12-13 14:37:19
619
转载 Vue 爬坑之路（五）—— 组件进阶
组件（Component）是 Vue.js 最强大的功能之一，之前的文章都只是用到了基本的封装功能，这次将介绍一些更强大的扩展。 一、基本用法在使用 vue-cli 创建的项目中，组件的创建非常方便，只需要新建一个 .vue 文件，然后在 <template> 中写好 HTML 代码，一个简单的组件就完成了 一个完整的组件，除了 <template> 以...
2018-12-13 14:32:26
107
转载 Vue 爬坑之路（四）—— 与 Vuex 的第一次接触
在 Vue.js 的项目中，如果项目结构简单， 父子组件之间的数据传递可以使用 props 或者 $emit 等方式 http://www.cnblogs.com/wisewrong/p/6266038.html但是如果是大型项目，很多时候都需要在子组件之间传递数据，使用之前的方式就不太方便。Vue 的状态管理工具 Vuex 完美的解决了这个问题。 一、安装并引入 Vuex项目结...
2018-12-13 14:30:47
95
转载 Vue 爬坑之路（三）—— 使用 vue-router 跳转页面
使用 Vue.js 做项目的时候，一个页面是由多个组件构成的，所以在跳转页面的时候，并不适合用传统的 href，于是 vue-router 应运而生。官方文档： https://router.vuejs.org/zh-cn/essentials/getting-started.html 有很多朋友找我要 demo，但是博客中的这个案例被我删掉了，我只好随手写了一个超简单的 demo，希...
2018-12-13 14:27:06
210
转载 Vue 爬坑之路（二）—— 组件之间的数据传递
Vue 的组件作用域都是孤立的，不允许在子组件的模板内直接引用父组件的数据。必须使用特定的方法才能实现组件之间的数据传递。首先用 vue-cli 创建一个项目，其中 App.vue 是父组件，components 文件夹下都是子组件。 一、父组件向子组件传递数据在 Vue 中，可以使用 props 向子组件传递数据。 子组件部分：这是 header.vue 的 ...
2018-12-13 14:25:35
117
转载 Vue 爬坑之路（一）—— 使用 vue-cli 搭建项目
vue-cli 是一个官方发布 vue.js 项目脚手架，使用 vue-cli 可以快速创建 vue 项目，GitHub地址是：https://github.com/vuejs/vue-cli vue/cli 3.x 已经发布，如果使用 3.x 构建项目，请参考《Vue 爬坑之路（十二）—— vue-cli 3.x 搭建项目》 一、 安装 node.js首先需要安装node环...
2018-12-13 14:22:33
110
转载 Vue 爬坑之路（九）—— 用正确的姿势封装组件
迄今为止做的最大的 Vue 项目终于提交测试，天天加班的日子终于告一段落。。。在开发过程中，结合 Vue 组件化的特性，开发通用组件是很基础且重要的工作通用组件必须具备高性能、低耦合的特性为了满足这些特性，开发的时候有很多需要注意的地方，这里我和大家分享一下我的心得 一、数据从父组件传入为了解耦，子组件本身就不能生成数据。即使生成了，也只能在组件内部运作，不能传递出去...
2018-12-13 14:19:33
122
转载 如何实现github提交代码
1、环境准备 安装git 申请github账号2、设置 ssh key 安装好环境，屏幕空白处点击右键，点击git bash here 打开命令 输入ssh-keygen -t rsa -C "xxxx@xxx.com" 生成秘钥，将公钥复制到github上去 将红框文件内容，复制到github上github存放公钥位置： 创...
2018-12-13 14:10:17
78
转载 Markdown基本语法
Markdown是一种纯文本格式的标记语言。通过简单的标记语法，它可以使普通文本内容具有一定的格式。相比WYSIWYG编辑器优点：1、因为是纯文本，所以只要支持Markdown的地方都能获得一样的编辑效果，可以让作者摆脱排版的困扰，专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题，先选中内容，再点击导航栏的标题按钮，选择几级标题。要三个步骤。而Markdown只需要在标题内...
2018-12-13 10:31:00
100
原创 git使用详细教程
看到一篇关于git使用的详细教程，收藏了！！！https://www.cnblogs.com/seven-ahz/p/7712125.html
2018-12-07 10:48:11
157
转载 前端框架Vue——vue-i18n ，vue项目中如何实现国际化，$t的用法
一、demo 场景需求分析需求很简单，左上角 ‘’网易云音乐‘’就是一个中英文切换的按钮，点击弹出提示框，确认切换语言后，实现英文版本。切换成英文版本：二、实现国际化 首先，我开发是以 vue 为技术栈，所以如题用的国际化插件是 vue-i18n，附上 github 传送门。1、我们得先有开发环境，先有项目跑起来，我推荐如果是喜欢用 vue 的小伙伴，可以尝试 v...
2018-12-07 10:39:33
5370
2
转载 ES6学习这些就够用了
刚开始用vue或者react，很多时候我们都会把ES6这位大兄dei加入我们的技术栈中。但是ES6那么多那么多特性，我们真的需要全部都掌握吗？秉着二八原则，掌握好常用的、有用的这个可以让我们的开发快速起飞。接下来我们就聊聊ES6那些可爱的新特性吧。1.变量声明const和let在ES6之前，我们都是用var关键字声明变量。无论声明在何处，都会被视为声明在函数的最顶部(不在函数内即在全局...
2018-12-06 14:36:24
1205
转载 http-server安装及运行
既然你知道http-server那么node和npm的安装我就不说了,当然你也可以实用Yarn安装.重点:请实用管理员权限安装 server .npm install http-server -g pm i http-serveryarn -g http-server以上命令安装启用就非常简单了找到你的文件夹,在当前文件夹下打开命令行,输入http-server,默认启...
2018-10-28 12:15:22
212
转载 Visual Studio 常用快捷键
一、基础快捷键1.回到上一个光标位置/前进到下一个光标位置 1)回到上一个光标位置：使用组合键“Ctrl + -”; 2)前进到下一个光标位置：“Ctrl + Shift + - ”。2.复制/剪切/删除整行代码 1)如果你想复制一整行代码，只需将光标移至该行，再使用组合键“Ctrl+C”来完成复制操作，而无需选择整行。 2)如果你想剪切一整行代码，只需将光标移至...
2018-10-21 15:29:06
189
转载 CSS 都有哪些选择器？
CSS的选择器1、根据HTML的标记来修饰，<style> p{ color:#FFOOFF; text-decoration:underline; font-size:25px; font-weight:bold } h1{ color:red; font-size:30px;}</style>所有的p标签按st...
2018-10-18 22:08:17
170
原创 get和post请求的区别
get和post都是http协议中的一种请求方式，不同的请求方式有不同的特点，工作模式也不一样 get请求没有请求正文部分，而post有，所以get方式不能使用正文提交数据，但是可以使用queryString的方式来提交，注意：queryString是url的一部分，和请求方式无关，所以不论是什么请求方式都是可以有queryString的，需要再次注意的是，queryString的长...
2018-10-18 20:33:56
133
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人