04 2020 档案

async 与await 解析
摘要：async与await 是promise的语法糖，是把promise的异步写成像同步的写法。 语法： 1、async 后面接一个自定义函数 2、await 只能放在async 后面的函数里，且await后面接一个会 ruturn new Promise 的函数，等到异步完成就继续往下执行 funct 阅读全文
posted @ 2020-04-28 19:46 只争朝夕，不负韶华 阅读(1569) 评论(0) 推荐(0)
Promise 详解
摘要：在JavaScript的世界中，所有代码都是单线程执行的。由于这个“缺陷”，导致JavaScript的所有网络操作，浏览器事件，都必须是异步执行。原来异步执行都用回调函数实现，现在可以使用Promise来实现异步。 有时在业务中需要执行一层套一层套一层...的异步回调来获取数据，也就是地狱回调， $ 阅读全文
posted @ 2020-04-28 01:16 只争朝夕，不负韶华 阅读(947) 评论(0) 推荐(0)
postcss简介
摘要：https://github.com/postcss/postcss/blob/master/README-cn.md PostCSS 是一个允许使用 JS 插件转换样式的工具。 这些插件可以检查（lint）你的 CSS，支持 CSS Variables 和 Mixins， 编译尚未被浏览器广泛支持 阅读全文
posted @ 2020-04-25 11:01 只争朝夕，不负韶华 阅读(1610) 评论(0) 推荐(0)
在webpack中使用 html-withimg-loader 打包html文件中的图片
摘要：在安装并配置file-loader插件后，在js文件中引入图片使用import导入图片才能被打包，在css或者sass中的背景图片，需要@import css或sass到js文件中才能被打包 对于html中的img的src引入的图片无法正常打包，这时候需要引入一个webpack的插件 html-wi 阅读全文
posted @ 2020-04-24 22:40 只争朝夕，不负韶华 阅读(2197) 评论(0) 推荐(0)
JS中的groupBy方法
摘要：最近工作中需要写一些运营数据报表的页面，后端返回的数据都是未处理过的json，所以，大量的运算任务交给了前端来做，这其中有一个功能就是对数据进行分组，一开始我自己也尝试写了一些，但代码量比较大，显得很繁琐，直到后来在stackoverflow上看到了某位大牛写的方法，非常简洁优雅，自己也进行修改简化 阅读全文
posted @ 2020-04-20 22:43 只争朝夕，不负韶华 阅读(7734) 评论(0) 推荐(0)
vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决
摘要：vue项目中使用了vw适配方案，引入第三方ui框架mint-ui时，适配问题解决 问题分析： 一般第三方ui框架用的都是不同的适配方式，如果我们使用了vw适配，那么在使用mint-ui框架时，就会发现px单位会被转换成vw，从而导致样式变小的问题，如图 解决方案 网上看到了很多种解决方案，这里推荐第 阅读全文
posted @ 2020-04-20 16:37 只争朝夕，不负韶华 阅读(928) 评论(0) 推荐(0)
如何在Vue项目中使用vw实现移动端适配
摘要：https://www.w3cplus.com/mobile/vw-layout-in-vue.html 原文网址 如何在Vue项目中使用vw实现移动端适配 有关于移动端的适配布局一直以来都是众说纷纭，对应的解决方案也是有很多种。在《使用Flexible实现手淘H5页面的终端适配》提出了Flexib 阅读全文
posted @ 2020-04-20 16:27 只争朝夕，不负韶华 阅读(615) 评论(0) 推荐(0)
meta 详解，html5 meta 标签日常设置
摘要：<!DOCTYPE html> <!-- 使用 HTML5 doctype，不区分大小写 --> <html lang="zh-cmn-Hans"> <!-- 更加标准的 lang 属性写法 http://zhi.hu/XyIa --> <head> <!-- 声明文档使用的字符编码 --> <me 阅读全文
posted @ 2020-04-18 11:47 只争朝夕，不负韶华 阅读(399) 评论(0) 推荐(0)
常见的移动端H5页面开发遇到的坑和解决办法
摘要：转过来，平时看看。虽然还有很多问题至今无解。比如：华为麒麟950的P8和meta打开我们的应用首页经常偶发白屏。！！ 1、安卓浏览器看背景图片，有些设备会模糊。 用同等比例的图片在PC机上很清楚，但是手机上很模糊，原因是什么呢？ 经过研究，是devicePixelRatio作怪，因为手机分辨率太小， 阅读全文
posted @ 2020-04-17 16:36 只争朝夕，不负韶华 阅读(1382) 评论(0) 推荐(0)
v-once
摘要：不需要表达式 详细： 只渲染元素和组件一次。随后的重新渲染，元素/组件及其所有的子节点将被视为静态内容并跳过。这可以用于优化更新性能。 <!-- 单个元素 --> <span v-once>This will never change: {{msg}}</span> <!-- 有子元素 --> <d 阅读全文
posted @ 2020-04-04 14:22 只争朝夕，不负韶华 阅读(349) 评论(0) 推荐(0)
Vue之自定义指令
摘要：先了解一下,在 vue 中,有很多内置的指令. 比如: v-for 用于遍历 v-if & v-show 用于隐藏和显示元素(区别在于后者是修改 display:block|none,前者是不创建把元素从dom中删除或者创建. v-bind: 属性绑定,把数据绑定在HTML元素的属性上. v-htm 阅读全文
posted @ 2020-04-03 19:15 只争朝夕，不负韶华 阅读(831) 评论(0) 推荐(0)
vue-router之路由属性配置说明
摘要：export default new Router({ mode: 'history', //路由模式，取值为history与hash base: '/', //打包路径，默认为/，可以修改 routes: [ { path: string, //路径 component: Component; / 阅读全文
posted @ 2020-04-02 19:22 只争朝夕，不负韶华 阅读(5102) 评论(0) 推荐(0)
当路由出现问题时，如何通过路由进入自定义的404页面
摘要：在main.j中使用全局前置守卫 router.beforeEach来检测路由 import router from './router' //.... router.beforeEach((to, from, next) => { if (to.matched.length 0) { next(' 阅读全文
posted @ 2020-04-02 16:54 只争朝夕，不负韶华 阅读(353) 评论(0) 推荐(0)
在vue.js中mixin和页面执行顺序问题
摘要：1. 对于creaetd，mounted 等生命周期函数 mixin中的代码先执行，单文件中的后执行。 // page.vue文件 <template> <div id="app"> <div id="nav"> <button @click="comFun">page和mixin中相同事件执行</ 阅读全文
posted @ 2020-04-02 15:43 只争朝夕，不负韶华 阅读(5530) 评论(1) 推荐(0)
vue父子组件生命周期执行顺序
摘要：加载渲染过程 父beforeCreate->父created->父beforeMount->子beforeCreate->子created->子beforeMount->子mounted->父mounted 子组件更新过程 父beforeUpdate->子beforeUpdate->子updated 阅读全文
posted @ 2020-04-02 02:48 只争朝夕，不负韶华 阅读(261) 评论(0) 推荐(0)