xliang111的博客

原创 Linux常用命令

Linux常用命令

原创 函数式编程——为什么现在主流的前端框架都开始使用函数式编程

为什么现在主流的前端框架都开始使用函数式编程

原创 代码性能指标

一、健壮性1、保持健壮性的好处a、避免和程序无关的因素，导致代码报错b、快速给出问题反馈c、不至于因为非必要性bug，而导致程序执行中断2、如何保障健壮性a、参数做好默认值，做好检测b、程序做好意外情况的处理二、可读性1、典型的丑陋结构a、if-else分支过长-策略模式，状态b、分支套分支-联合逻辑表达式c、回调地狱-promise，asnyc2、遵循命名规范a、常量全大写b、类名大驼峰c、普通变量和方法小驼峰d、局部变量下划线开头e、遵循语义化（先自己想好中文描述，.

原创 30-seconds-of-code

30-seconds-of-code今天在github，发现了超好的资源库，30秒写出质量的代码。下面是我从库里抄来的一个方法，大家先睹为快~title: allEqualtags: array,beginner检查数组中的所有元素是否相等。使用 Array.prototype.every() 检查数组的所有元素是否与第一个元素相同。数组中的元素使用严格比较运算符进行比较，它不考虑’ NaN '自不等式。const allEqual = arr => arr.every(val =

原创 npm yarn cnpm 打包区别

最近入职了新公司，刚接手了新项目，由于没看README.md（这错不应该罚），习惯性的用了npm安装依赖。相同的代码，我打的包上测试环境会报错，同事打的生产包却能正常运行。跟据报错，找到了对应的代码，发现原来代码里的语法确实存问题，但为什么我报错，同事的就不报错。突然灵光一闪，想起以前同事用cnpm安的依赖能正常跑，我npm装的依赖报错。同时又想起自己没看README.md，马上点开README.md，如然没用不是用npm安装依赖，用的是yarn。然后，自己用yarn重新打了个包，发现也

原创 前端-CSS思维导图

原创 flex布局 justify-content 新属性值 space-evenly

今天在整理css的思维导图时，出现了一个justify-content的好用的新属性值，特意查了下几个文档型网站，以及大量的flex文章，发现还没被收入，所以就有了这篇分享。父容器属性：justify-content : 设置子项目在主轴方向上的对齐方式（效果与主轴方向有关，下面假设从左到右） flex-start：默认值，左对齐 flex-end：右对齐 center：中间 space-between：两端对齐，项目之间的间隔相等，两侧贴边 space-around：每个项目两侧间隔相等，项

原创 前端-HTML5思维导图

这是本系列的第二篇文章

原创 前端-HTML思维导图

前端 html 思维导图

原创 Vue源码学习：手写Vue（四）—— compile

1、实现comile类，用与编译html模板class Compile { constructor(el, vm) { this.$vm = vm this.$el = document.querySelector(el) if (this.$el) { this.$fragment = this.node2Fragment(this.$el) // 编译模板内容，同时进行依赖收集 this.compile(this.$fragment)

原创 Vue源码学习：手写Vue（三）—— proxy

我们希望能通过hvue的实例访问我$data中的属性（如：this.message），这时我们可以通知代码现实。1、为HVue类添加proxyData方法// hvue.jsclass HVue { proxyData(key) { Object.defineProperty(this, key, { get() { return this.$data[key]; }, set(newVal) { this.$data[k

原创 Vue源码学习：手写Vue（二）—— Dep & Watcher

本章要实现依赖收集0.先看看下面案例，理一下思路 const app = new HVue({ template: ` <div> <span>{{msg1}}<span> <span>{{msg2}}<span> <span>{{msg3}}<span> </div> `,

原创 Vue源码学习：手写Vue（一）—— observe

自己想写实现一个有Vue核心功能的迷你库，记录一下实现过程。0.我希望的我实例是这么创建 new HVue(options)new HVue({ data: { message: 'hvue' }})1.在项目根目录创建一个vue.jsclass HVue { constructor(options) { this.$options = options this.$data = options.data this.observe(this.$data

原创 nuxt代理解决跨域问题

1、npm i @nuxtjs/axios @nuxtjs/proxy -D2、在 nuxt.config.js 最后面添加：module.exports = { modules: [ '@nuxtjs/axios', '@nuxtjs/proxy' ], axios: { proxy: true, prefix: '/api/', cred...

转载 mac charles抓包工具Map local使用教程

至于环境配置和基本的用法，可以百度一下，教程很多。本文主要讲述模拟接口返回数据的方法。首先说一下接口本身可以调通，能正常返回数据的情况...

原创 iframe显示微信公众号文章

iframe显示微信公众号文章vue + axios 解决微信图文防盗链方案 let showSrc = 'https://cors-anywhere.herokuapp.com/'+微信公众号地址; //协议名根据实际情况决定 this.$http.get( showSrc ).then((response)=&amp;amp;gt;{ let html = response.data; ht...