create-react-app添加对TypeScript支持

背景 最近一直在重构react项目,由于项目历史原因,将之前parcel打包工具换成了webpack,并选择了使用create-react-app作为项目开发脚手架。 接着就是把项目中flow类型检查工具移除掉了,替换成typescript。 相关文档 https://www.html.cn/cre ... »

Javascript Object常用方法总结

Object.keys方法 Object.keys方法是JavaScript中用于遍历对象属性的一个方法 。它传入的参数是一个对象,返回的是一个数组,数组中包含的是该对象所有的属性名。 如: 这里有一道关于Object.keys的题目 输出对象中值大于2的key的数组 期待输出:[“c”,”d”] ... »

基于vuecli3构建一个快速开发h5 APP的模板

基于vuecli3构建的一个快速开发h5 APP的模板,集成了高德地图、mint ui,以及antv f2可视化框架 vue cli3安装 1. 查看vue cli版本 vue version 2. 要求nodejs版本8.9以上 3. 如安装了旧版,使用npm uninstall vue cli ... »

小程序开发笔记-查询用户参与活动列表 left join on的用法

今天在做一个用户活动查询功能的时候,查询参与的活动。正常,使用egg mysql查询数据一般会这么写 但因为涉及到两张表,也不知道egg mysql是否支持表关联查询 ,如果按照上面这种方式的话 ,实现步骤就是,先遍历查询活动报名表,拿到用户参与报名的活动id,然后在根据 活动id去遍历活动表查询到 ... »

mysql数据插入前判断是否存在

今天在对一些抓取到的数据做插入的时候,因为使用了定时器,每间隔几分钟会抓取一次,导致很多数据插入的是重复数据,为了解决这个问题, 一般是在插入之前先通过一个标识去查询表数据看是否已经有了,没有再执行插入操作 一开始我的做法是,执行两次sql语句操作,先select,再insert 以上做法,虽然能实 ... »

Mac下charles安装及配置

一、下载地址 https://www.charlesproxy.com/download/ 激活码 Registered Name: https://zhile.io License Key: 48891cf209c6d32bf4 二、配置 证书安装 Help ssl proxying 依次 1、C ... »

mpvue微信小程序多列选择器用法:实现省份城市选择

前言 微信小程序默认给我们提供了一个省市区的picker选择器,只需将mode设置为region即可 因为小程序默认提供的省市区选择器只能保存名称,不能保存id,而且我也不需要选择三级城市,所以这里打算通过mode="multiSelector"来实现省份城市的选择 城市数据json格式 关于省份城 ... »

一个emoji引发的一条血案:mysql存储emoji表情字符时报错解决

以下是我插入一条带表情的数据到mysql后出现错误 报错原因: mysql的utf8编码的一个字符最多3个字节,但是一个emoji表情为4个字节,所以utf8不支持存储emoji表情。但是utf8的超集utf8mb4一个字符最多能有4字节,所以能支持emoji表情的存储 解决办法: 解决方式有2种: ... »

关于微信小程序textarea层级过高问题解决

一、前言 相信做过微信小程序开发的人应该都碰到过这个问题,因为这个需求实在太常见了 由于textarea是属于原生组件,层级最高,不管在页面中我们设置z index值多少都会被textarea组件遮挡住,很影响用户体验, 目前官方对该问题还没有修复,当然官方也给出了解决该问题的其他方案,使用cove ... »

一篇文章彻底搞懂es6 Promise

前言 Promise,用于解决回调地狱带来的问题,将异步操作以同步的操作编程表达出来,避免了层层嵌套的回调函数。 既然是用来解决回调地狱的问题,那首先来看下什么是回调地狱 看上面这段代码,假如我们需要对输出内容的顺序进行调整,例如依次打印xiaomi apple huawei ,那么我们之前的做法是 ... »

es6涉及的那点东西

前言 ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准。因为当前版本的ES6是在2015年发布的,所以又称ECMAScript 2015。 也就是说,ES6就是ES2015。 目前并不是所有浏览器都能兼容ES6全部特性,我们可以使用Babel工具来转换成es5 Bab ... »

scss预处理器的使用总结

变量 、嵌套、Mixin混合、function函数、插值 变量及文件导入 通过$定义变量 变量引用 通常我们会单独创建一个局部scss文件来定义这些变量 例如 _varables.scss varables前面的下划线用来区分这是局部文件,不会生成对应的css文件,通过@import方式在其他文件中 ... »

react入门学习及总结

前言 不知不觉一年又过去了,新的一年又到来,2019应该要好好思考,好好学点有用的东西,规划下自己今后的学习方向,不要再像以前那样感觉很迷茫。 react简单介绍 官网及中文文档 https://reactjs.org https://github.com/facebook/react https: ... »

谈谈前端模块化的演变历程

前言 Javascript不是一种模块化编程语言,它不支持"类"(class),更遑论"模块"(module)了,随着前端发展对 模块需求越来越大,模块也是经历了从最初的简单模块写法到AMD和CMD规范的出现,再到ES6发布,目前已经可以 很方便的在Javascript中使用"类"和"模块"了。 一 ... »

koa2入门使用总结

koa2的介绍 Koa 是一个新的 web 框架,由 Express 幕后的原班人马打造, 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数,Koa 帮你丢弃回调函数,并有力地增强错误处理。 Koa 并没有捆绑任何中间件, 而是提供了 ... »

git在工作中的用法总结-使用篇

上一篇介绍了git的环境安装配置,本篇对git在工作中常用的用法进行总结,已满足大部分的日常工作需求,对于其他的一些git命令用法在今后使用到时我也会更新上来,文中如有错误,欢迎大家指出来,谢谢~ 一、git本地基础用法 1、创建代码仓库 git init 2、加入所有目录到仓库 git add . ... »

checkbox在vue中的用法总结

前言 关于checkbox多选框是再常见不过的了,几乎很多地方都会用到,这两天在使用vue框架时需要用到checkbox多选功能,实在着实让我头疼,vue和原生checkbox用法不太一样, 之前对于vue中用到过的checkbox也只是别人写好的组件,这次在自己实现时走了很多坑,特意写这篇文章记录 ... »

基于vue2.0实现仿百度前端分页效果(二)

前言 上篇文章中,已经使用vue实现前端分页效果,这篇文章我们单独将分页抽离出来实现一个分页组件 先看实现效果图 代码实现 按照惯例,我们在冻手实现的时候还是先想一想vue实现组件的思路 1、需要提前设定哪些参数需要暴露出来给父组件传递 2、再一个就是涉及到的父子组件通信 这里主要通过props向子 ... »

使用shell脚本来自动化处理我们的工作,解放双手

Shell脚本介绍 1、Shell脚本,就是利用Shell的命令解释的功能,对一个纯文本的文件进行解析,然后执行这些功能,也可以说Shell脚本就是一系列命令的集合。 2、Shell可以直接使用在win/Unix/Linux上面,并且可以调用大量系统内部的功能来解释执行程序,如果熟练掌握Shell脚 ... »