5 mytac

尚未进行身份认证

hello,这里小白一枚,请多多指教~~

等级
TA的排名 12w+

viewport动态适配移动设备任意宽度

应用此段代码需注意x5内核浏览器,比如微信内要再写一套,详见这里:JS 控制VIEWPORT在微信上正常显示viewport只在移动端设备生效,所以不适配pc原理viewport里的缩放比例:initial-scale。也就是ui稿大小/设备屏幕宽度,再按照比例缩放。...

2020-03-03 18:44:37

消除ul ol前面的间距

通用方案 ul,ol { padding-inline-start: 0;-webkit-padding-start: 0;}某些手机浏览器内核没有更新,加了上面的代码可能还不生效,直接拿手机连chrome调试看看吧 chrome://inspect/#devices...

2020-02-13 16:01:11

vscode所有插件失效解决log

症状更换开发环境,下的2020最新版本,v1.41。安装所有插件都不生效,suggestion也不显示,就甭提别的了。怀疑是自己配置有毛病,copy原来机子上的setting.json也不行,怀疑是插件之间有冲突,最后删的就剩react snippets也没有suggestion。google各种也不行,折腾了两天搞这个问题。解决方法看了github issue发现新版本存在这个问题。遂卸载...

2020-01-12 15:55:14

ES6 标签模板字面量

前言最近在读《你不知道的js》下册,看到了关于标签模板字面量的内容,之前没遇见过,所以不懂就要写博客记录下来啊~基础示例function foo(strings,...values){ console.log(strings) console.log(values)}const desc='awesome'foo`Everything is ${desc}...

2020-01-12 15:46:38

Taro生成二维码及保存失败问题记录

生成使用weapp-qrcode库,调用方法:<Canvas style='width: 200px; height: 200px;' canvasId='myQrcode' />import { qrcode as drawQrcode } from '../../utils'drawQrcode({ width: 200, height: 200, canvasId: '...

2019-02-14 10:28:16

关于prototype你需要知道的几个问题

为了良好的代码高亮阅读体验,建议您查看github原文。前言prototype是js面向对象的一个重要机制,于是总结了以下几个问题,理解起来会比较有针对性。1. prototype 和 __proto__ 的关系是什么?prototype是只有函数才会有的属性;而__proto__是所有对象都有的属性。几乎所有的函数都有一个prototype属性,prototype上挂...

2018-08-03 11:37:24

es6超好用的语法糖Decorator

Decorator(修饰器/装饰器)是es6提出的语法糖,用于修改类的行为。不过目前主流浏览器都没有很好的支持,我们需要用babel来转换为浏览器能识别的语言。在这篇文章中将介绍decorator的基础用法和一些应用实例。1.修饰类(1) 基础用法@testableclass MyClass{}function testable(target){ target...

2018-07-29 17:09:28

超经典面试题:用多种方法实现圣杯布局和双飞翼布局

0. 开始正文之前的自我吐槽圣杯布局和双飞翼布局一直是前端面试的高频考点,然而本人对布局和css这方面实在不擅长==,每次被面试官问到css相关的问题,都含含糊糊;到了后面自己闲麻烦直接说"我不太懂css!"。然而总被强硬的怼回来,“你不会css你还是前端吗!”。 然而程序员的世界中“懂”的意思不是等于“精通”吗?=。=好了正文开始。。1. 圣杯布局1.简单介绍...

2018-07-18 15:15:06

taro初探:使用taro构建微信小程序基础教程

前言由于微信小程序在开发上不能安装npm依赖,和开发流程上也饱受诟病;Taro 是由京东·凹凸实验室(aotu.io)倾力打造的 多端开发解决方案,在本篇文章中主要介绍了使用taro搭建微信小程序的一些步骤和一个简单demo的实现。安装先全局安装@tarojs/cli$ npm install -g @tarojs/cli$ yarn global add @tarojs...

2018-07-17 17:13:28

论git commit工作流程的标准姿势

前言之前我写过一篇有关于git提交的文档《用gitmoji来提交你的git commit吧》,然而在实际上应用并不是很方便,大多情况得翻阅gitmoji对照表来写commit,且并不规范,仅仅适用于自己开发的项目,放到团队上commit可读性不高。最近翻阅了一篇文章《你可能会忽略的 Git 提交规范》,才知道自己之前写的commit非常随意,在项目初期,写的还蛮正规的:然而之后懒了,前...

2018-07-12 22:37:30

node检测端口是否被占用

需求检查服务端口是否被占用,占用则递归查找未被占用的端口号,找到返回端口号。node apinet.Server 类net.createServer([options][, connectionListener])创建一个新的TCP或IPC服务。server.close([callback])停止 server接受建立新的connections并保持已经...

2018-07-05 14:55:21

在react中如何实现扫码枪输入

触发原理原理就是监听键盘输入,比如扫一个为6970596130126的69条形码,用扫码枪扫一下会在光标位置依次输出:697059613026但这不是完整的,所以需要写一个函数scanEvent来整理收集到的每个编号。let code = '';let lastTime, nextTime, lastCode, nextCod...

2018-07-03 14:03:07

2018年6月前端必须star的github项目

这里面图片有的上传会失败,为了良好的阅读体验,移步到本人的github地址查看原文文件处理ReLaXed – 使用web技术创建PDF文档ReLaXed是一种使用HTML或Pug(HTML的简写)交互式创建PDF文档的工具。它允许使用CSS和JavaScript定义复杂的布局,同时将内容写入接近Markdown或LaTeX的友好,最简单的语法中。vivid – 一个JavaScri...

2018-07-02 09:38:44

解决使用axios发送json后台接收不到的问题

问题描述按照axios官网例子发起请求传递json,后台接受到的数据为空,一直卡在options阶段。尝试的方法开始以为是接口有问题,使用postman测试下,一切正常,百思不得其解,看了好多issue也解决不了,加了headers:{'content-type':'application/json'}也没用。官网上是说,传json就按application/json进行处理,...

2018-06-26 15:14:33

react如何将组件内部的方法暴露给外部

最近在项目中遇到一个问题,就是需要在类的外部调用操作类内部的方法。举个例子,我有一个Toast组件,在外部需要调用它的show方法来控制他的显隐状态。 之前我的写法是写一个静态类方法,然后在constructor中去修改它的作用域,代码如下:// @flowimport React from 'react';import './style.less';type Props={...

2018-06-26 11:49:18

eslint中添加flow 报错 "Cannot read property 'type' of undefined" 解决方法

配置安装 eslint-plugin-flowtypenpm install eslint --save-devnpm install babel-eslint --save-devnpm install eslint-plugin-flowtype --save-dev配置.eslintrc{ "parser": "babel-eslint", "plugins"...

2018-06-12 15:30:40

详解generator(三)——处理thunk

thunkjs中的thunk是指一个用于调用另外一个函数的函数,没有任何参数。也可以说,使用一个函数定义封装函数调用,包括需要的任何参数,来定义这个调用的执行,那么这个封装函数就是一个thunk。如:function foo(x,y){ return x+y}function bar(){ foo(1,2)}console.log(bar()) // 3...

2018-05-09 09:01:18

详解generator(二)——异步、委托和并发

异步迭代生成器先看一个例子,用于控制异步流程的暂停阻塞function foo(url){ ajax(`api/${url}`,(err,data)=>{ if(err){ it.throw(err) // 抛出一个错误 }else{ it.next(data) // 得到了data再恢复*m...

2018-05-08 08:58:00

2018年4月前端必须star的github项目

CLI相关ink – 把react应用于命令行应用程序consola – 优雅的控制台记录器hyper – 在web上显示终端官网const consola = require('consola')// See types section for all available typesconsola.start('Starting build')consola.su...

2018-05-03 09:24:52

【总结】Cookie、session和localStorage、以及sessionStorage之间的区别

Cookiecookie是由服务器发送到浏览器的小量信息,浏览器会将cookie保存下来,下次请求同一网站时会将cookie发送给服务器。sessionsession是指一个用户与交互进行通信的时间间隔,比如登录到登出的这一过程所需要的时间。具体到web中就是用户浏览某个网站时,从进入网站到关闭浏览器所经过的这段时间。注意!!session是一个时间概念,并非客观存在的东西。当...

2018-04-23 14:41:50

查看更多

勋章 我的勋章
  • GitHub
    GitHub
    绑定GitHub第三方账户获取
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv1
    勤写标兵Lv1
    授予每个自然周发布1篇到3篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。