![](https://img-blog.csdnimg.cn/20200513135750186.jpg?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端奇淫技巧
文章平均质量分 86
每周更新一篇前端技术博客
优惠券已抵扣
余额抵扣
还需支付
¥99.00
购买须知?
本专栏为图文内容,最终完结不会低于15篇文章。
订阅专栏,享有专栏所有文章阅读权限。
本专栏为虚拟商品,基于网络商品和虚拟商品的性质和特征,专栏一经购买无正当理由不予退款,不支持升级,敬请谅解。
weixin_42140041
这个作者很懒,什么都没留下…
展开
-
快速配置一台前端的Macbook
一、关于配置和教育优惠因为之前用的Thinkpad实在是撑不住了,决定入手一个Mac book。关于Air或者pro,如果处理日常办公Air应该就足够了,又轻薄又好看,有编程需求还是推荐pro。当前市场上主要是20款和21款的pro,20款的M1芯片21款M1 pro,用官网的话说M1是快,M1 pro是超快,20款9999起,21款14999起,这个看个人。我选择是的21款的pro,感觉16英寸的太大了,所以选择的是14英寸的。关于教育优惠,21款14英寸的官网价格是14999,使用教育优惠的价格原创 2022-02-25 10:48:29 · 413 阅读 · 0 评论 -
webpack5(Module Federation)+vue3.0实现微前端
项目源码地址:https://github.com/wuxiaohuaer/webpack5-vue-admin一、什么是微前端微前端是一个比较宏观的概念,他的核心就是独立,开发独立、部署独立,比较适合大的团队来进行重量级项目开发。从Micro Frontends 官网可以了解到,微前端概念是从微服务概念扩展而来的,摒弃大型单体方式,将前端整体分解为小而简单的块,这些块可以独立开发、测试和部署,同时仍然聚合为一个产品出现在客户面前。可以理解微前端是一种将多个可独立交付的小型前端应用聚合为一个整体的原创 2021-05-17 10:31:21 · 1233 阅读 · 1 评论 -
flutter开发系列(搭建基础的flutter环境)
关于APP开发,一直以来有非常多的方案。不管是安卓和iOS的原生开发、还是所谓的套壳开发,还有近几年比较火的react-native以及uni-app。从开发效率和用户体验上综合考虑,都各有利弊。19年开始flutter作为一种解决方案渐渐地进入大家的视野,2020年flutter的star量成倍的上涨,说明这个方案正在越来越被大家所接受。对这个新生事物非常的有兴趣,最近也是刚好借了一个契机,花了不到两周的时间,学语法、搭环境,使用flutter + H5的方式实现了一个比较基础的APP架构,最后完美运原创 2021-03-24 10:42:21 · 139 阅读 · 0 评论 -
vue项目中实用的自定义指令
在我们开发过程中,有些处理起来非常麻烦的小功能,用自定义指令可能非常简单就能实现。首先看下vue官网关于自定义指令的介绍:简介除了核心功能默认内置的指令 (v-model 和 v-show),Vue 也允许注册自定义指令。注意,在 Vue2.0 中,代码复用和抽象的主要形式是组件。然而,有的情况下,你仍然需要对普通 DOM 元素进行底层操作,这时候就会用到自定义指令。举个聚焦输入框的例子。当页面加载时,该元素将获得焦点。只要你在打开这个页面后还没点击过任何内容,这个输入框就应当还是处于聚焦状态。现在让原创 2021-02-22 14:10:44 · 374 阅读 · 0 评论 -
一小时上手webpack(基础使用指南含demo)
一、什么是webpack官方定义:webpack is a module bundler lets you write any module format(mixed also), compiles then for the browser. And it supports static async bundling.简单的说webpack是一个构建工具,什么是构建工具呢,我们在开发环境的代码,是为了方便阅读与开发,生产环境的代码则是为了代码更好的运行。开发环境的代码,要进行压缩编译以后,才能放在线上原创 2021-01-11 10:49:16 · 97 阅读 · 0 评论 -
nodejs搭建本地服务器来访问本地文件
有时候会有这么一个需求,本地写了一个demo需要同局域网的同事看一下,或者写了一个移动端的demo需要手机上进行调试,或者demo里要使用es6的语法,网页打开HTML文件就无法实现,需要在本地起一个node环境,具体的步骤如下:1、npm init这个时候文件夹下会出现一个package.json文件2、npm install3、安装http-server和anywherenpm install http-server -gnpm install -g anywhere安装完输入anyw原创 2020-12-23 15:09:43 · 721 阅读 · 0 评论 -
前端模块化发展历史(commonJS、AMD、CMD、UMD、ES6不含webpack)
写在前面JavaScript发展之初,只是为了解决基础的表单验证问题,以及基础的页面交互,代码非常简单,不存在模块化的概念和问题。但是随着ajax的发展,web进入2.0时代,JavaScript成为一门应用非常广泛的语言。这个时候js作为一门嵌入型语言,劣势就展示出来了,没有一个权威的规范,问题总是要解决,在前端发展的这几十年,也就顺势而为的产生了很多的js规范。前端模块化一、函数在最早的js中,想要实现分模块开发,最简单的就是函数,因为函数能形成一个相对封闭的空间,通过函数来实现简单的模块化也原创 2020-12-18 18:15:04 · 162 阅读 · 1 评论 -
一节课彻底弄懂promise、async、await
刚接触js的时候,对于es6的promise、async、await简直怕的要死,甚至有段时间非常害怕promise这个词,随着后面慢慢的接触,觉得这个东西并非那么难理解,主要还是需要弄懂js的一些基础知识。那么接下来,跟上我的思路,一起彻底弄懂promise、async、await。关于这个系列一共三个比较重要的知识点:1、关于什么同步、异步,其中涉及了一些堆栈和消息队列、事件轮询的知识;2、关于异步编程的几个解决方案,主要是回调函数和promise;3、关于异步编程的终极解决方案Genera原创 2020-11-18 13:58:52 · 224 阅读 · 0 评论 -
类似商品筛选的插件vue-screening-drawer
vue-screening-drawerA Vue mobile plugin开发背景项目当中需要一个右侧弹出的筛选框,有点类似于京东的商品筛选框H5项目使用的UI框架是滴滴开源的mand-mobile,框架里面没有这种功能的筛选框找了很多框架,没有遇到完全合适的,于是决定自己封装一个最后的效果是这样的使用手册安装npm install vue-screening-drawer --save-dev引入import screeningDrawer from ‘vue-scree原创 2020-11-18 10:14:14 · 301 阅读 · 0 评论 -
04 js高阶函数(惰性函数、柯里化函数、compose函数)和单例设计模式
高阶函数的定义在《javascript设计模式和开发实践》中是这样定义的。函数可以作为参数被传递;函数可以作为返回值输出。结合这两个特点,首先想到的肯定是回调函数,回调函数也是高阶函数的一种,除了回调函数,还有很多的高阶函数,这篇文章主要是惰性函数、柯里化函数、compose函数这三种。一、惰性函数概念懒,执行过一遍的东西,如果第二遍执行还是一样的效果,则我们就不想让其重复执行第二遍了栗子我们要封装一个获取元素属性的方法,因为低版本的ie浏览器不支持getComputedStyle方法原创 2020-07-23 16:24:31 · 237 阅读 · 0 评论 -
重学原生js之变量提升
变量声明是所有的编程语言中最基础部分之一。然而,JavaScript 有一个怪异点,称之为变量提升(hositing),这个能够让一个看上去无关紧要的声明变成一个小bug。一、变量提升在当前上下文遇到一个变量,如果不是私有的,则向上级上下文中查找一直找到全局上下文为止, 如果全局上下文中也没有:如果是获取变量的值,则直接报错2. 如果是设置变量的值,则相当于给window(GO)设置一个属性二、window全局对象和全局变量的关系1、两者关系两者之间存在映射关系(创建一个全局变量,也相原创 2020-07-17 15:04:16 · 96 阅读 · 0 评论 -
由一道面试题来深入理解闭包
有这么一道不太难的面试题,做出这道题应该是轻轻松松,但是想要了解这道题本身考察的知识点,就需要仔细的研究一下:let x = 1;function A(y){ let x = 2; function B(z){ console.log(x+y+z); } return B;}let C = A(2);C(3);按照闭包的概念,上面的例子中,函数套函数,子级函数里面用了父级函数的变量,这种情况就属于闭包打印结果是71、let C = A(2)调原创 2020-07-14 18:15:37 · 158 阅读 · 0 评论 -
vue项目中pdf.js实战,含水印、电子签章解决方案
项目涉及到移动端查看电子合同的问题,前前后后试了三种方案,真是一步一个坑,三种方案各有各的优点,不水,直接上代码,按照自己的需求选择。一、pdf-vue直接使用vue-pdf插件,核心的代码是pdf.js,只不过就是自己封装了一下,优点是方便快捷,缺点是无法加载电子签章。github地址: https://github.com/FranckFreiburger/vue-pdf#readme1、npm install pdf-vue --save2、template代码<template&g原创 2020-07-08 10:28:54 · 4604 阅读 · 2 评论 -
node+express+mysql入门指南
前端进阶路上node是躲不过去的技术栈,对于大部分前端来说,都或多或少的写过一些node代码或者demo,接下来就一步一步构建属于自己的node后台接口。技术栈:node.js、express框架、mysql、pm2写在前面这篇博客适合有一定前端开发经验、学习过一点node.js的同学,因为项目当中使用了非常多的es6语法,所以最好对es6也有一定的了解。一、express1、新建一个js文件(index.js)2、全局安装:npm install express --save3、js文件原创 2020-06-09 14:24:38 · 161 阅读 · 0 评论 -
动态路由前端控制还是后端控制?(附代码)
关于后台管理系统的路由,想花一点时间,彻底的整理一份实现动态路由的点点滴滴。首先声明,这篇文章是基于花裤衩大神的《手摸手,带你用vue撸后台》,在他项目的基础上,帮助想要实现动态路由的小伙伴,来写的一篇使用笔记。https://segmentfault.com/a/1190000009506097#item-3为什么要实现动态路由?我们在开发后台管理系统的过程中,会有不同的人来操作系统,有admin(管理员)、superAdmin(超管),还会有各种运营人员、财务人员。为了区别这些人员,我们会给原创 2020-05-13 13:49:25 · 1900 阅读 · 1 评论 -
在vue项目中使用stylus变量
在vue项目中使用stylus变量具体可看:https://wuxiaohuaer.github.io/stylus和less、sass一样都是css预编译工具,在项目中使用stylus,是我们的css更加灵活。具体的安装步骤比较简单,在这儿就不表了,主要说一下怎么使用变量及书写逻辑。一、创建全局stylus变量新建一个.styl后缀的文件,在文件里面新建需要的变量// 背景颜色变量...原创 2019-10-18 17:38:04 · 1117 阅读 · 0 评论