5 Tommy·Yang

尚未进行身份认证

我要认证

No matter how hard the past is , you can always begin again.

等级
TA的排名 7w+

vscode中配置eslint 和 prettier-eslint自动修复

1.首先先下载两个扩展Eslint和prettier Eslint2. 如图所示,将下面的这句话复制到vscode 的中settings.json "editor.codeActionsOnSave": { "source.fixAll": true }3.测试eslint自动修复有没有生效(项目中首先要安装eslint, npm i eslint)很简单在自己的项目中配置.eslintrc.js .prettierrc.js 然后保存试一下就行了..

2020-09-13 18:25:27

手把手教你构建vue项目(微信h5以及hybrid混合开发)(七)——项目的优化

一般项目比较大的时候,这个时候如果不优化项目,h5项目就会加载很慢。这里提供一些优化技巧,其实一般项目都可以这样做,引入cdn,压缩代码,图片懒加载,splitChunk分割代码,去掉console.log下面代码示例。1.使用cdnvue.config.jsconst isProduction = process.env.NODE_ENV !== 'development' // 开发和测...

2020-04-16 00:04:09

手把手教你构建vue项目(微信h5以及hybrid混合开发)(六)——eslint和prettier相结合

前面一开始的时候我并没有在项目中增加eslint代码规范,eslint对于协同工作和代码规范都是很重要的工具,那么现在就在已有的项目上配置eslint。1.通过vue add eslint命令官网配置地址命令安装相关依赖之后,会弹出相关的配置选项1) Pick an ESLint config,选择Prettier2) Pick additional lint features: ...

2020-04-07 23:49:16

手把手教你构建vue项目(微信h5以及hybrid混合开发)(五)——路由权限配置,微信登录授权的设计思路以及测试微信登录授权的小技巧

这一章主要是讲路由权限配置,微信登录授权的设计思路以及测试微信登录授权的小技巧1.路由权限1)首先我们得在src目录新建一个setting.js文件setting.jsmodule.exports = { title: '', // 设置页面的过渡效果 needPageTrans: true, wxConfig: { appId: '0000', appSe...

2020-04-04 17:14:58

手把手教你构建vue项目(微信h5以及hybrid混合开发)(四)——指令、过滤器、路由、Store的配置、axios的二次封装以及使用

这一篇主要是指令、过滤器、路由、Store的配置、axios的二次封装以及使用1.过滤器的配置1)在filters目录新建filters/index.js,目录结构如下:└─src │ filters │ index.jsfilters/index.js/** * @description 过滤时间格式,传入时间戳, 根据参数返回不同格式 */// 过...

2020-03-29 23:54:51

手把手教你构建vue项目(微信h5以及hybrid混合开发)(三)——vue.config.js的配置和开发、生产、测试环境的全局变量配置以及使用

这一章主要是有关vue.config.js的配置和开发、生产、测试环境的全局变量配置以及使用

2020-03-26 16:16:53

手把手教你构建vue项目(微信h5以及hybrid混合开发)(二)——安装移动端常用ui和全局公共样式以及适配的设置

这一篇主要是安装和配置

2020-03-05 00:03:18

手把手教你构建vue项目(微信h5以及hybrid混合开发)(一)——项目目录结构

一、项目描述刚开始的时候,为了快速开发原生app以及微信h5网页。公司决定采用一套代码来解决,即用微信h5网页的代码,嵌套到原生端(ios和android)。这样开发起来原生端就方便快捷写,主要商品详情以及支付的逻辑都可以由微信h5这边来解决,只不过要对原生端进行兼容处理。那直接从项目结构说起吧。二、项目目录我这次主要用vue-cli4.0构建的项目,大家升级脚手架的时候可以参考其他的文章升...

2020-03-01 22:46:57

vue中使用WX-JSSDK的两种方法

公司最近有微信公众号的需求,那么微信登录授权和如何使用WX-JSSDk实现分享等等肯定是最头疼的问题。本人也是第一次开发微信公众号,在网上看了很多篇博客,最终选定了两种方法,并且亲测有效。一、通过全局,在router.afterEach中定义1.首先通过yarn add weixin-js-sdk/ npm i weixin-js-sdk2.将微信jsdk挂载到全局上在utils目录下新建...

2020-01-17 16:17:10

vue中使用指令解决iphonex底部的适配问题

vue中使用指令解决iphonex底部的适配问题在网上也看了很多的博客,怎么去解决iphoneX底部自适配的,最通用还是去用css的env(safe-area-inset-bottom)样式去解决,具体的用法我就不多说了,大家可以看下csdn env...

2019-12-14 18:58:05

本地搭建easymock(自动化启动服务redis和mongodb)

    前端肯定需要做mock数据,然后根据mock数据去画页面,easymock是一个非常好用的工具,这里我根据网上的一些方法做些总结。要本地搭建easymock的原因,是因为easymock的官网太多人用,经常会蹦。一、安装redis下载地址,安装稳定版就可以了https://redis.io/download安装的时候直接下一步下一步,自定义...

2019-12-02 12:57:47

对组件中的v-model的理解

1.作用:v-model用于父子组件之间相互通信的一种方法 ,如果用传统的通过在子组件中的this.$emit通知父组件去$on去监听这个事件会很麻烦,v-model相对于更便捷一些2.使用:我们想在子组件中更改checked属性并且通知父组件中checked发生改变,我们可以将{{checked}}展示在页面中父组件<template> <div class="h...

2019-08-06 23:46:12

webpack入门基础

在webpack中一切皆模块,它做的主要事情是,分析你的项目结构,找到javascript模块以及其他的一些浏览器不能直接运行的拓展语言(scss,ts等等),并将其打包为合适的格式供浏览器识别。它能做哪些事:代码转化文件优化代码分割模块合并自动刷新代码校验自动发布它的核心就是loaders,plugins,module三大部分。可以参考我的github有关webpack...

2019-03-26 10:46:07

sticky-footer固定底部布局

我们在开发的过程中会碰到内容很少,然后底部没有固定到底部的问题,因此,sticky-footer很关键。在这里我推荐两种方法方法1:使用flex布局,具体的可以看该目录下的demo1,其主要原理就是利用改变flex主轴方向为纵轴,内容部分设为flex:1,就是占主轴方向的剩下部分,即100vh-footer的高度(100vh相当于视图高度,1vh=1%*视图的高度),示例请看demo1.html...

2019-01-17 18:22:51

Javascript this的简单理解

首先写这篇博客是为了整理我自己有关于this关键字的一些基本理解,让自己的关于this理解更深刻些,后面会把它整理的更加完善。javascript中this一直困扰着我,一下es5中的this,一下es6中的this,有时候自己容易晕,近期自己特意去看有关this的博客和文章,进一步加深了我对this的理解。JS中的this,在function内部创建。指向启用该函数的对象。this不...

2018-12-26 20:33:37

MySQL入门总结和学习笔记

这段时间终于把mysql入门的一些基础知识和语法看完了,我看的是MySQL从入门到精通,仅仅只是把入门看了而已,推荐大家一本书,MySQL5.7从入门到精通,里面包含了基础理论和实战也就是操作数据库的方面的习题,边学边上手,可以说是对于刚接触数据库的人来说非常方便。大家可以下载下来看看,链接如下https://download.csdn.net/download/qq_29329037/10871...

2018-12-24 11:44:27

vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法

问题描述:vue是单页面应用。导致路由切换之后,之前的滚动距离会一直存在,页面没有到顶部。网上大部分的解决方案是利用路由的afterEach方法解决,如下所示,router.afterEach((to,from,next) => { window.scrollTo(0,0);});这样解决有如下几个问题1.scrollTo方法部分在手机上的部分浏览器不支持,也就是不兼容...

2018-11-12 10:29:33

thirdScriptError sdk 报错、小程序遇到的各种报错提醒以及使用wepy框架中出现的问题小程序遇到的各种报错提醒以及使用wepy框架中出现的问题

      最近一直在写我们公司的小程序,已经到了快完工的阶段(准备提交审核),在这个过程中遇到了很多bug以及小程序wepy框架的问题。下面我就简单的罗列出来一些bug和解决方案,后期如果遇到新的问题或者报错提醒,我会持续更新的。 &a

2018-08-23 19:15:12

小程序wepy踩坑之旅(五)----- 购物车的实现

首先大家可以看下演示效果 我先把封装的几个组件代码放到前面。1.购物车数量加减cart-count.wpy组件<template> <view class="cart-count"> <view class="decrease" @tap.stop="decrease">-</view>

2018-06-05 10:02:44

小程序wepy踩坑之旅(四)----- 简单的动画

大家可以先看下官网小程序apianimation:https://developers.weixin.qq.com/miniprogram/dev/api/api-animation.html,看完之后推荐看一下http://www.jb51.net/article/102263.htm讲animation的文章,上面写的很详细源码如下:(直接复制到一个wepy文件中就可以使用了)...

2018-05-31 14:05:04

查看更多

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