2019年12月_Corner1990_CSDN博客

Corner1990

码龄9年

个人简介：以为自己什么都有，仔细想想什么都没有！

IP 属地：广东省

查看详细资料

个人成就

获得82次点赞
内容获得42次评论
获得397次收藏
代码片获得194次分享

TA的专栏

兴趣领域设置

后端

node.js
移动开发

flutter
微软技术

typescript
学习和成长

面试

搜TA的内容

前端实现分页打印(二)

关于分页计算，分页统计的代码篇

发布博客 2022.12.16 ·

前端实现分页打印(一)

实现页面为结算单，也页面由固定头部，订单信息，产品列表，金额汇总，订单明细其中产品列表需要动态计算分压，订单明细由于存在多个子单，订单收费项目可配置化，导致也存在多个分页需要处理

发布博客 2022.12.16 ·

微信h5调试环境搭建

微信h5调试环境搭建VConsole手机网页的前端开发者调试面板, vConsole 传送门安装$ npm install vconsoleor$ yarn add vconsole使用vue react 项目可以直接在入口文件引入，然后创建实例import VConsole from 'vconsole';const vConsole = new VConsole();// 或者使用 options 选项初始化const vConsole = new VCon

发布博客 2021.08.07 ·

vue配置webpack素自动转为 rem

安装amfe-flexible（用于设置 rem 基准值）yarn add amfe-flexibleor npm i -S amfe-flexible使用amfe-flexible// src/main.js 中引入 amfe-flexibleimport 'amfe-flexible'安装 postcss-pxtorem（postcss-pxtorem是一款 postcss 插件，用于将单位转化为 rem）注意版本太高会报错，需要安装指定版本npm install postc

发布博客 2021.07.28 ·

vue cli Mock的使用

mock模拟接口，使用默认的devserve 完成，考虑到这边有后台提供的模拟数据，随不需要自己随机生成数据，如果说有需要自己随机生成数据，可以使用[mockjs](Mock.js (mockjs.com))写mock接口在src/目录下新建mock目录，存放所有的mock文件在src/mock/目录下新建home.jshome.js mock 文件内容/** * @desc 处理返回banner 数据 * @param { object } request express 请.

发布博客 2021.07.21 ·

vue cli 生成vue项目

Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，官网 [vue cli ](介绍 | Vue CLI (vuejs.org))安装vue clinpm install -g @vue/cli-service-global创建项目# 创建项目vue create project name# 选择默认选项完成安装# 进入项目目录cd project name# 启动项目npm run serve or yarn serve路由配置在scr目录下创建如.

发布博客 2021.07.21 ·

基于qiankunjs的微前端搭建

什么是qiankunqiankun: 一个基于 single-spa 的微前端实现库，旨在帮助大家能更简单、无痛的构建一个生产可用微前端架构系统。孵化自蚂蚁金融科技基于微前端架构的云产品统一接入平台微前端基本架构#mermaid-svg-IHseDMMMqVX3w5Iq .label{font-family:'trebuchet ms', verdana, arial;font-family:var(--mermaid-font-family);fill:#333;color:#333}#merm

发布博客 2020.12.15 ·

什么是微前端

将多个独立的系统，通过统一的入口提供给用户使用的聚合系统。而开发，测试，上线，都是子系统自行研发，测试，上线。微前端的特点代码库更小，可以将系统拆分成多个子系统。独立部署，子系统堵路部署，没有技术栈限制无需重新开发当前项目，可以直接集成微前端的不足开发中需要运行多个子系统才能开发和调试(至少是base系统和业务系统)多个系统之间的约定，已经架构设计性能问题（单页面系统=>ios，微架构=> Android）生产环境多个系统之间的版本控制(业务流程可能.

发布博客 2020.12.15 ·

JS优化之回收机制理解

回忆这几年，经常使用的技术栈从jq，bootstarp，cmd, 到MVVM(vue, react, angular). 我们的js从最开始的几百K到现在动辄几兆，处理对的数据也越来越复杂，随之而来的就是对性能的优化。围绕着优化，肯定要不开内存占用的问题。。。首先如下：科普一下简单的技术概念JS中的栈（stack）栈的特点是**“LIFO，即后进先出（Last in, first out）”**。数据存储时只能从顶部逐个存入，取出时也需从顶部逐个取出。打个比喻，当我们洗盘子得时候，会边洗边摞一起.

发布博客 2020.12.09 ·

设计模式之-组合模式

组合模式-> 又称部分模式将对象和恒树行结构以表示部分-整体的层次结构使用者可以使用统一的方式对待组合对象和叶子对象优点高层模块化调用简单节点自由增加缺点在使用组合模式是，其叶子和树枝的声明都是实现类，而不是接口，违反了依赖倒置使用场景部分，整体场景, 如树形菜单。文件，文件夹。实现虚拟dom案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-.

发布博客 2020.11.27 ·

设计模式之策略模式

类的行为或其算法可以在运行时更改。这种类型的设计模式属于行为型模式策略模式中, 创建表示各种策略的对象和一个行为随着策略对象改变而改变的 context 对象。策略对象改变 context 对象的执行算法策略模式的优点算法(功能)可以自由切换避免使用多重条件判断扩展性好策略模式的缺点策略类会增多所有的策略都会暴露在外部代码这里是按照超市支付的角色为模型创建，有四个策略，普通顾客，熟客，会员，老板等，在支付的时候使用不同的策略策略内置实现class Customer.

发布博客 2020.11.19 ·

状态模式

对象类的行为是根据他的状态改变的。这种类型的设计模式称为设计模式我们通常创建各种状态的抽象对象和一个行为随着状态的改变而改变context对象主要作用解决对象行为过于依赖他的状态(属性)，并需要根据不同的状态触发不同的行为使用场景大量的对象状态需要管理的时候，通过对具体状态的抽象，封装，实现解耦核心实现思想创建不同的状态类，进行上下文的状态切换，已经该状态下的行为创建上下文对象，更具不同的状态调用对应的状态类状态模式的优点：封装了转.

发布博客 2020.11.19 ·

设计模式之外观模式

外观模式(Facade Pattern)又叫门面模式，定义一个将子系统的一组接口集成在一起的高层接口，以提供一个一致的外观外观模式让外界减少与子系统内多个模块的直接交互，从而减少耦合，让外界可以更轻松地使用子系统外观模式的组成门面角色：外观模式的核心。它被客户角色调用,它熟悉子系统的功能。内部根据客户角色的需求预定了几种功能的组合子系统角色:实现了子系统的功能。它对客户角色和Facade是未知的客户角色:通过调用Facede来完成要实现的功能代码实现// 定义求和方法class Su.

发布博客 2020.11.11 ·

GIT合并指定commit到当前分支

最近因为偷懒，没有重新拉建立分支，导致在发布测试的时候有问题，多个任务的代码揉到了一起，而我这次是希望发布部分代码. 所以就有了下边的命令git cherry-pick基本用法`git cherry-pick` 的作用，就是将指定的提交合并到其他分支$ git cherry-pick <commit hash># 将指定的提交，合并到当前分支，并且会产生一个新的提交及记录<commit hash># 将提交 xxx 应用到 dev分支$ git checkout.

发布博客 2020.11.06 ·

video 播放视频被x5内核浏览器劫持时的处理记录

因为业务关系，最近一直做微信相关的东西。一直被教育，过了一段时间，我已经我我已经成成长了，成长到足够可以处理日常事务，可是，可是我还是太年轻了。。。查询资料要做视频播放发现视频在播放的时候调用Android原生的视频播放器导致界面布局失效，网页无法继续糙操作。。。。然后我找了好久好久。。。网上各种解决方案，。。。无效到目前为止之确定了只有x5内核会有此问题此时已过去了半天的时间，翻遍了百度。google，没有办法，只有放大招了，查看官方文档腾讯x5官方文档https://x5..

发布博客 2020.09.25 ·

微信小程序h5页面分享设置

前言(废话): 最近开发新项目，因为公司希望能在开发完h5后顺便吧微信小程序也上了，但是人力有限，只能做到h5，开发小程序压根做不到，只能投机了，我真是个机灵鬼。。。然后我就看API，咦，贼拉简单，一。使用web-view标签嵌入网页，后台配置合法域名，二，使用postmessage通信，然后保存地址就好了。。。代码如下：<template> <div class="index"> <web-view :src="path" @message="messa.

发布博客 2020.07.02 ·

微信支付又一次成功的教我做人

时间过得飞快，转眼间从业前端已经有些年头了，见了太多的场景，意想不到的的错误，以为自己足够成熟和冷静的时候，支付再一次教了我一回，怎么做一个人。。。事情的经过大致是这样子的，公司有一个h5新项目，然后再开发的时候需要对接支付。经过调研，后来只打算上微信支付和支付宝支付，在这里首先对支付宝支付api的开发者表示致敬，真心好用。然后再说会微信。。。。有h5支付，公众号支付，还有小程序支付。。。。在这里奉劝大家，如果是真的设计多方登录，支付的时候，还是使用微信开放平台把，毕竟找个属于少生优生，幸福一生的选择，.

发布博客 2020.06.10 ·

vue 图片上传，图片预览

因为项目是vue+vant，这里图片预览直接使用vant的组件，不做多余的封装html 结构主要选择图片按钮，图片预览区，选择图片的input<div class="img-upload"> <ul class="preview-list" > <li class="img-item" v-for="...

发布博客 2020.04.16 ·

es6 之 new Function

恩么么，有一种这样的场景，随着开发的场景越来越多，我们很多时候需要动态几算，以前只要把函数封装好就可以用了，有没有考虑过讲方法也动态封装呢。。。怎么说呢，大神就是大神，很多我还没用到的东西别人已经实现了，最近刚好用到…new Function语法let func = new Function ([arg1, arg2, ...argN], functionBody);// 上边的...

发布博客 2019.12.16 ·

git 合并指定文件到当前分支

前言，最近接到领导通知，说要将上一周完成的功能代码合并到另外一个分支上。然后我就切换目标分支，发现代码的提交记录已经滞后了很多，又不能将代码全部合并过来，就只能研究如何将部分代码合并过来。话不多说，撸起袖子加油干…操作git checkout 目标分支git checkout --patch 文件所在分支文件物理路径/文件名然后会出现提示Apply this hunk to...

发布博客 2019.11.26 ·