11 2019 档案

Vue 生命周期详解
摘要：vue实例有一个完整的生命周期，也就是说从开始创建、初始化数据、编译模板、挂在DOM、渲染-更新-渲染、卸载等一系列过程，我们成为Vue 实例的生命周期，钩子就是在某个阶段给你一个做某些处... 阅读全文
posted @ 2019-11-24 19:06 青梅煮码 阅读(129) 评论(0) 推荐(0)
Vue 全家桶介绍
摘要：Vue全家桶，包含了vue-router，vuex， vue-resource。再加上构建工具vue-cli，sass样式,就是一个完整的vue项目的核心构成。概括起来就是：1.项目构建工... 阅读全文
posted @ 2019-11-24 18:50 青梅煮码 阅读(414) 评论(0) 推荐(0)
vue中v-if和v-show的区别
摘要：首先我们可以来看一下Vue中文社区说明文档的介绍:1、实现方式v-if是根据后面数据的真假值判断直接从Dom树上删除或重建元素节点；v-show只是在修改元素的css样式，也就是displ... 阅读全文
posted @ 2019-11-24 17:25 青梅煮码 阅读(123) 评论(0) 推荐(0)
vue-router 用法详解
摘要：将组件(components)映射到路由(routes)，然后告诉 vue-router 在哪里渲染它们。基本例子：# HTML Hello App! 默认会被渲染成一个 `` 标... 阅读全文
posted @ 2019-11-21 11:05 青梅煮码 阅读(1249) 评论(0) 推荐(0)
ES6新增特性
摘要：ECMAScript 6(ES6) 目前基本成为业界标准，它的普及速度比 ES5 要快很多，主要原因是现代浏览器对 ES6 的支持相当迅速，尤其是 Chrome 和 Firefox 浏览器... 阅读全文
posted @ 2019-11-21 09:58 青梅煮码 阅读(151) 评论(0) 推荐(0)
Vue.js中 watch 的使用方法
摘要：Vue.js中 watch 的高级用法假设有如下代码： FullName: {{fullName}} FirstName: new Vue({ el: '#root', data: { f... 阅读全文
posted @ 2019-11-21 08:08 青梅煮码 阅读(1245) 评论(0) 推荐(0)
vue 路由 按需 keep-alive
摘要：vue 路由 按需 keep-alivesituation一个常见的的场景，主页 -->前进 列表页-->前进 详情页，详情页 -->返回 主页 -->返回 列表页我们希望，从 详情页 -... 阅读全文
posted @ 2019-11-21 05:26 青梅煮码 阅读(187) 评论(0) 推荐(0)
快速上手 Vuex
摘要：Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官... 阅读全文
posted @ 2019-11-21 03:54 青梅煮码 阅读(75) 评论(0) 推荐(0)
CSS垂直居中的七个方法
摘要：七种垂直居中的方法设定行高（line-height）添加伪元素calc动态计算使用表格或假装表格转变绝对定位使用Flexbox1.设定行高（line-height）设定行高是垂直居中最简单... 阅读全文
posted @ 2019-11-21 03:53 青梅煮码 阅读(1627) 评论(0) 推荐(0)
Vue3.0即将到来，你准备好了么？
摘要：前言Vue.js作者尤雨溪就在VueConf 上海2019后发表了关于「Vue Function-based API RFC」，那你知道什么是Function-base吗？这不是跟Reac... 阅读全文
posted @ 2019-11-21 01:34 青梅煮码 阅读(124) 评论(0) 推荐(0)
form表单中的enctype属性
摘要：一、form表单的作用1、表单标签使用在一个网页中数据提交标签，这就不用多说了2、form表单在提交时：1）、先把form表单里的表单元素的name属性和value属性进行收集。2）、按照... 阅读全文
posted @ 2019-11-15 18:53 青梅煮码 阅读(167) 评论(0) 推荐(0)
GitHub 2019 年度报告解读：开源生态和技术趋势
摘要：GitHub 最近发布了 2019 年度报告。一年以来，GitHub 用户增长十分迅猛，新增了一千万用户，现在总共有超过四千万用户。在过去一年，GitHub 用户新建了四千四百多万仓库，合... 阅读全文
posted @ 2019-11-15 13:11 青梅煮码 阅读(104) 评论(0) 推荐(0)
程序猿的 45 个瞬间
摘要：1.三次握手2.咱们不仅要当一个懂浪漫的程序员，而且要懂得幽默的程序猿。3.第一次用 CSS 的时候4.别和我提代码，我都懂！5.双核CPU的真相6.真实写照7.实习生改bug8.当我以为... 阅读全文
posted @ 2019-11-15 08:07 青梅煮码 阅读(80) 评论(0) 推荐(0)
14 个拷贝数组的 JS 技巧
摘要：技巧 1 - 使用Array.slice方法const numbers = [1, 2, 3, 4, 5]const copy = numbers.slice()copy.push(6) ... 阅读全文
posted @ 2019-11-15 04:01 青梅煮码 阅读(150) 评论(0) 推荐(0)
Webpack优化 将你的构建效率提速翻倍
摘要：背景随着构建体系不断完善、构建体验不断优化，webpack 已经逐渐成为了前端构建体系的一大霸主，对于工作中的真正意义上的前端工程项目，webpack 已经成为了我们前端构建技术选型的不二... 阅读全文
posted @ 2019-11-11 18:34 青梅煮码 阅读(172) 评论(0) 推荐(0)
Vue组件数据通信方案总结
摘要：背景初识Vue.js，了解到组件是Vue的主要构成部分，但组件内部的作用域是相对独立的部分，组件之间的关系一般如下图：组件A与组件B，C之间是父子组件，组件B，C之间是兄弟组件，而组件A，... 阅读全文
posted @ 2019-11-11 14:46 青梅煮码 阅读(129) 评论(0) 推荐(0)
前端基础篇css
摘要：一、web标准web标准是网页制作的标准，它不是一个标准，而是由一系列标准组成。web标准包含了三个方面：结构（html）,表现(css),行为(javascript或js)注：a）W3C... 阅读全文
posted @ 2019-11-11 12:27 青梅煮码 阅读(128) 评论(0) 推荐(0)
JavaScript 工具函数大全
摘要：目录：第一部分：数组第二部分：函数第三部分：字符串第四部分：对象第五部分：数字第六部分：浏览器操作及其它1. 第一部分：数组1. `all`：布尔全等判断const all = (arr,... 阅读全文
posted @ 2019-11-11 02:47 青梅煮码 阅读(239) 评论(0) 推荐(0)
axios 是如何封装 HTTP 请求的
摘要：概述前端开发中，经常会遇到发送异步请求的场景。一个功能齐全的 HTTP 请求库可以大大降低我们的开发成本，提高开发效率。axios 就是这样一个 HTTP 请求库，近年来非常热门。目前，它... 阅读全文
posted @ 2019-11-11 00:13 青梅煮码 阅读(170) 评论(0) 推荐(0)
Ajax 如何解决跨域问题
摘要：在 Web 开发过程中经常使用 Ajax 来异步的获取数据，尤其是在前后端分离的架构中基本上都是通过 Ajax 获取数据，渲染页面都由前端浏览器来完成。通常这种前后端分离的架构，对于前端开... 阅读全文
posted @ 2019-11-10 12:14 青梅煮码 阅读(118) 评论(0) 推荐(0)
html5视频背景插件vidbacking
摘要：vidbacking是一款响应式的，跨平台的html5视频背景插件。该视频背景插件允许你在页面中的某个div后整个页面中使用HTML5视频作为背景。如果浏览器不支持HTML5视频，插件会自... 阅读全文
posted @ 2019-11-09 22:56 青梅煮码 阅读(122) 评论(0) 推荐(0)
H5移动端适配IphoneX等机型
摘要：上图中，Iphonex机型在头部和底部新增了这两个区域，所以我们需要针对这类机型做些适配，方便我们的webapp的展示h5做成的移动端页面，常见布局为头部+躯干+底部三栏模式，头部和顶部都... 阅读全文
posted @ 2019-11-09 08:53 青梅煮码 阅读(186) 评论(0) 推荐(0)
移动端样式问题汇总
摘要：1，去掉移动端苹果手机点击时阴影div {-webkit-tap-highlight-color：rgba（0，0，0，0）;}2，输入去掉边框，单击阴影，下划线输入{边界：0;大纲：无；... 阅读全文
posted @ 2019-11-09 08:26 青梅煮码 阅读(104) 评论(0) 推荐(0)