摘要：
最近这几天在了解typescript，typescript官网上说Visual Studio 2017和Visual Studio 2015 Update 3默认包含了TypeScript，网上也有很多前辈推荐vscode。但是自己习惯上用sublime，本着编辑器能不换就不换的原则（懒人原则），还 阅读全文
posted @ 2023-09-23 18:53
{前端开发}
阅读(485)
评论(0)
推荐(0)
摘要：
变异方法 push() 接收任意数量的参数，把它们逐个添加到数组末尾，并返回修改后数组的长度pop() 从数组末尾移除最后一项，减少数组的length值，然后返回移除的项shift() 移除数组中的第一个项并返回该项，同时数组的长度减1unshift() 在数组前端添加任意个项并返回新数组长度spl 阅读全文
posted @ 2023-09-21 11:20
{前端开发}
阅读(183)
评论(0)
推荐(0)
摘要：
filter、map、forEach filter filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素。 注意： filter() 不会对空数组进行检测。 注意： filter() 不会改变原始数组。 语法：array.filter(function(cur 阅读全文
posted @ 2023-09-21 11:18
{前端开发}
阅读(124)
评论(0)
推荐(0)
摘要：
- 为什么用 Seaborn - Seaborn 是基于 Python 且非常受欢迎的图形可视化库，在 Matplotlib 的基础上，进行了更高级的封装，使得作图更加方便快捷。即便是没有什么基础的人，也能通过极简的代码，做出具有分析价值而又十分美观的图形。 Seaborn 可以实现 Python 阅读全文
posted @ 2023-06-03 20:04
{前端开发}
阅读(682)
评论(0)
推荐(0)
摘要：
v-model的基本使用 表单提交是开发中非常常见的功能，也是和用户交互的重要手段： 比如用户在登录、注册时需要提交账号密码； 比如用户在检索、创建、更新信息时，需要提交一些数据； 这些都要求我们可以在代码逻辑中获取到用户提交的数据，我们通常会使用v-model指令来完成： v-model指令可以在 阅读全文
posted @ 2022-06-24 11:55
{前端开发}
阅读(1595)
评论(0)
推荐(0)
摘要：
1、前言 本篇是Vue中最常用到的API之一computed属性，转载信息如下： 作者：gunelark链接：https://www.cnblogs.com/gunelark/p/8492468.html 2、正文 看了网上很多资料，对vue的computed讲解自己看的都不是很清晰，今天忙里抽闲， 阅读全文
posted @ 2022-05-23 11:55
{前端开发}
阅读(1035)
评论(0)
推荐(0)
摘要：
结论 配置demo： location xxx { root yyy } 浏览器访问 xxx，实际访问的是 yyy/xxx浏览器访问 xxx/abc.html，实际访问的是 yyy/xxx/abc.html浏览器访问 xxx/ccc/abc.html，实际访问的是 yyy/xxx/ccc/abc.h 阅读全文
posted @ 2021-06-23 20:29
{前端开发}
阅读(159)
评论(0)
推荐(0)
摘要：
Puppeteer 是 Chrome 开发团队在 2017 年发布的一个 Node.js 包，用来模拟 Chrome 浏览器的运行。我们团队从 Puppeteer 刚发布出来就开始成为忠实用户了（主要是因为 PhantomJs 坑太多了），本文主要在介绍 Puppeteer 的同时，结合我们平时的实 阅读全文
posted @ 2021-03-30 16:10
{前端开发}
阅读(1007)
评论(0)
推荐(0)
摘要：
本文要点详细介绍谷歌浏览器 performance 选项卡的各个指标，让你知道如何查看网页性能。 谷歌浏览器版本为：79.0.3945.117（正式版本） （64 位）。 性能分析操作流程在谷歌浏览器调式模式下，切换到 performance 选项卡。点击刷新图标（或者Ctrl+Shift+E快捷键 阅读全文
posted @ 2021-03-14 13:19
{前端开发}
阅读(910)
评论(0)
推荐(0)
摘要：
前言 最近在研究网站测速相关的主题，接触到一个概念：First Meaningful Paint，简称 FMP，中文译名：首次有效绘制时间。今天我们来讲讲这个概念的来龙去脉。 衡量页面打开速度是一件复杂的事情 First Meaningful Paint（以下简称 FMP），是谷歌创造的一个概念，用 阅读全文
posted @ 2021-03-11 17:04
{前端开发}
阅读(827)
评论(0)
推荐(0)
摘要：
转自：大转转FE 狸猫换太子 北宋真宗时，有李妃和刘妃两位小主都有了龙种，谁生了儿子，谁就能豪横。谁曾想刘妃不是个善茬，把剥了皮的狸猫换了李妃刚生完的孩子。天可怜见，执行任务的宫女人性未泯，将孩子送往八贤王处抚养，这才引出后来，包拯陈州放粮救李妃，仁宗认母家团圆。那位说了，好好的谈装饰器模式这怎么说 阅读全文
posted @ 2021-03-02 16:02
{前端开发}
阅读(168)
评论(0)
推荐(0)
摘要：
HTTP 请求的头信息里面，Referer 是一个常见字段，提供访问来源的信息。 很多开发者知道这个字段，但是说不清它的具体细节。本文详细介绍该字段。 一、Referer 的含义 现实生活中，购买服务或加入会员的时候，往往要求提供信息："你从哪里知道了我们？" 这叫做引荐人（referrer），谁引 阅读全文
posted @ 2021-02-23 16:33
{前端开发}
阅读(1157)
评论(0)
推荐(0)
摘要：
HTTP/2 是 HTTP 协议自 1999 年 HTTP 1.1 发布后的首个更新，主要基于 SPDY 协议。由互联网工程任务组（IETF）的 Hypertext Transfer Protocol Bis（httpbis）工作小组进行开发。该组织于2014年12月将HTTP/2标准提议递交至IE 阅读全文
posted @ 2021-02-20 14:41
{前端开发}
阅读(187)
评论(0)
推荐(0)
摘要：
每个前端在第一次写一个完整功能的页面，都可能会是这个样子滴~ <html> <head> <link rel="stylesheet" href="test.css"> </head> <body> <div id="app"></div> <script src="test.js"></scrip 阅读全文
posted @ 2021-01-04 17:36
{前端开发}
阅读(877)
评论(0)
推荐(1)
摘要：
浏览器如何渲染网页 要了解浏览器渲染页面的过程，首先得知道一个名词——关键渲染路径。关键渲染路径是指浏览器从最初接收请求来的HTML、CSS、javascript等资源，然后解析、构建树、渲染布局、绘制，最后呈现给用户能看到的界面这整个过程。 用户看到页面实际上可以分为两个阶段：页面内容加载完成和页 阅读全文
posted @ 2021-01-04 17:24
{前端开发}
阅读(318)
评论(0)
推荐(0)
摘要：
一、浏览器渲染 开篇，我们还是不厌其烦的回顾一下浏览器的渲染过程，先上图： 正如上图所展示的，我们浏览器渲染过程分为了两条主线：其一，html Parser 生成的 DOM 树；其二，CSS Parser 生成的 Style Rules ； 在这之后，DOM 树与 Style Rules 会生成一个 阅读全文
posted @ 2021-01-04 16:22
{前端开发}
阅读(368)
评论(0)
推荐(0)
摘要：
整理目前所用过的数组方法，学习了新增的es6方法。 1 arr.push() 从后面添加元素，返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] 2 阅读全文
posted @ 2020-12-11 14:00
{前端开发}
阅读(124)
评论(0)
推荐(1)
摘要：
对于现在的前端项目而言，编译发布几乎是必需操作，有的编译只需要几秒钟，快如闪电，有的却需要10分钟，甚至更多，慢如蜗牛。特别是线上热修复时，分秒必争，响应速度直接影响了用户体验，用户不会有耐心等那么长时间，让你慢慢编译；如果涉及到支付操作，产品损失更是以秒计，每提前哪怕一秒钟发布，在腾讯海量用户面前 阅读全文
posted @ 2020-11-10 10:28
{前端开发}
阅读(218)
评论(0)
推荐(0)
摘要：
推荐先阅读 webpack 入门教程之后再来阅读本文。 Webpack 4 和单页应用入门 手摸手，带你用合理的姿势使用 webpack4 （上） 本文为手摸手使用 webpack4（下），主要分为两部分： 怎么合理的运用浏览器缓存 怎么构建可靠的持久化缓存 #默认分包策略 webpack 4 最大 阅读全文
posted @ 2020-11-07 18:09
{前端开发}
阅读(880)
评论(0)
推荐(0)
摘要：
利用 Webpack 来优化 Web 性能属于加载性能优化 的一部分： ☛ Web Performance Optimization with webpack 本文目录： 减少前端资源体积 使用长期缓存 监控和分析应用程序 总结 一、减少前端资源体积 1、webpack 4 开启 productio 阅读全文
posted @ 2020-11-07 18:03
{前端开发}
阅读(281)
评论(0)
推荐(0)
摘要：
默认值 开箱即用的 SplitChunksPlugin 应该对大多数用户都很好用。 默认情况下，它只影响随需应变的块，因为更改初始块会影响运行项目时包含的应有脚本标记 HTML 文件。 webpack 将根据以下条件自动分割块: 新块可被共享的，或者来自 node_modules 文件夹 新块将大于 阅读全文
posted @ 2020-11-07 13:56
{前端开发}
阅读(654)
评论(0)
推荐(0)
摘要：
之前接手的一个旧项目，使用的是roadhog + dva + antd等技术，里面大概有上百个路由文件，其他model、组件等文件也不少，导致整个项目的模块文件非常多，热更新和打包都速度都比较慢，输出代码体积也很大。基于这个问题，本文整理webpack常用的一些优化手段。 <!--more--> 参 阅读全文
posted @ 2020-11-07 13:50
{前端开发}
阅读(675)
评论(0)
推荐(0)
摘要：
近来厂里的项目越来越多，代码共享必不可少。我现在采取的方案是： 把公共组件拿出来，开一个新仓库 使用 webpack 进行打包编译，libraryTarget: 'umd' 将打包编译的代码一起提交到仓库 使用 npm i <owner>/<repo> -S 安装依赖，因为我厂的仓库均为私有，所以不 阅读全文
posted @ 2020-11-07 12:16
{前端开发}
阅读(1299)
评论(0)
推荐(0)
摘要：
提取公共js代码 前言 项目中我们常遇到项目中有多个入口文件的情况，这时候如果有两个入口文件引用了相同的模块，这时候如果我们没有做任何处理的话，在打包时就会把这个相同的模块打包两次，这样既影响了性能，又降低了我们的代码质量，本文就介绍一种解决该现象的插件，来提取公共的js代码。 条件 该方法只适用于 阅读全文
posted @ 2020-11-06 13:36
{前端开发}
阅读(622)
评论(0)
推荐(0)
摘要：
babel 官方在 2018-08-27 发布了文章，babel 7 正式发布，距离 babel 6 相隔3年。 包含内容（官网cp）： upgrade tool JavaScript 配置文件 babel.config.js 选择性的配置 overrides TC39 提案 支持 @babel/p 阅读全文
posted @ 2020-10-16 14:06
{前端开发}
阅读(657)
评论(0)
推荐(0)
摘要：
前言 由于各大浏览器并对es6的并没有完成支持，我们开发前端项目时需要使用Babel来将ES6代码编译为ES5。 配置.babelrc文件时一般配置为如下： { "presets": [ "es2015"， "react", "stage-0" ], "plugins": [] } 这个配置文件的意 阅读全文
posted @ 2020-10-16 13:56
{前端开发}
阅读(424)
评论(0)
推荐(0)
摘要：
前言 前端页面性能是一个非常核心的用户体验指标。本文介绍 岳鹰全景监控平台 如何设计一个通用、低侵入性、自动上报的页面性能监控方案。主要采用的是 Navigation Timing API 以及 sendBeacon 等方法。 为什么要监控页面性能？ 一个页面性能差的话会大大影响用户体验。用户打开页 阅读全文
posted @ 2020-09-24 12:07
{前端开发}
阅读(1255)
评论(0)
推荐(0)
摘要：
17年1月微信小程序正式上线，18年小程序火爆了起来。2020年，短视频兴起，小程序风口已过，但小程序作为挖掘私域流量的重要流量入口，以流量大、开发门槛低、生态成熟的特点，仍然是许多ToC，ToG产品部署的首选容器。作为产品经理，对技术实现的方式不必深究，但了解微信小程序的生态和技术边界，会有助于产 阅读全文
posted @ 2020-09-23 10:30
{前端开发}
阅读(1654)
评论(0)
推荐(0)
摘要：
订阅 小程序的触达方式都有什么？ 我的产品和服务适合用小程序吗？ 小程序用户量涨不起来，怎么办？ …… 对于想开发小程序的服务商来说，这或许是最迫切想要了解的问题了。 1N多种触达方式，你用上了吗？ 怎么做好小程序？其实小程序代表一个时代的连接器。 我们发现，APP只能够在系统桌面上点开。H5比AP 阅读全文
posted @ 2020-09-07 15:05
{前端开发}
阅读(1704)
评论(0)
推荐(0)
摘要：
一、前言 之前一直也没有研究过webpack4是基于怎样的规则去拆分模块的，现在正好有时间打算好好了解一下，看了官方文档也陆陆续续的看了看网上别人写的文章，感觉大部分都是将官方文档翻译了一遍，很多问题都没有解释清楚，无奈只好自己写demo去通过实际编译结果来理解，经过一天多的不断调试和百度，基本弄清 阅读全文
posted @ 2020-08-18 15:25
{前端开发}
阅读(271)
评论(0)
推荐(1)
摘要：
所谓软件架构风格，是指描述某个特定应用领域中系统组织方式的惯用模式。架构风格定义一个词汇表和一组约束，词汇表中包含一些组件及连接器，约束则指出系统如何将构建和连接器组合起来。软件架构风格反映了领域中众多系统所共有的结构和语义特性，并指导如何将系统中的各个模块和子系统有机的结合为一个完整的系统 没多少 阅读全文
posted @ 2020-08-17 11:31
{前端开发}
阅读(612)
评论(0)
推荐(0)
摘要：
一、概述 async 函数是 Generator 函数的语法糖 使用Generator 函数，依次读取两个文件代码如下 var fs = require('fs'); var readFile = function (fileName) { return new Promise(function ( 阅读全文
posted @ 2020-08-05 15:42
{前端开发}
阅读(432)
评论(0)
推荐(0)
摘要：
通信方式： > props（常用） > props和$emit（常用） > .sync（语法糖） > model（单选框和复选框场景可以使用） > $attr和$listeners（组件封装用的比较多） > provide和inject（高阶组件/组件库使用比较多） > eventBus（小项目中使 阅读全文
posted @ 2020-06-09 16:09
{前端开发}
阅读(1006)
评论(0)
推荐(0)
摘要：
浏览器兼容性是前端常见问题，经常有人会问：我的代码在xx浏览器上可以用，为什么在HBuilder真机运行或打包的就有问题？ 先说iOS。 iOS的webview有uiwebview和wkwebview的区别 从iOS8起，Apple推出了wkwebview，Safari默认使用wkwebview。由 阅读全文
posted @ 2020-05-10 23:57
{前端开发}
阅读(8392)
评论(0)
推荐(1)
摘要：
1、log_format 普通格式 log_format main '$remote_addr - $remote_user [$time_local] $request ' '"$status" $body_bytes_sent "$http_referer" ' '"$http_user_age 阅读全文
posted @ 2020-05-05 20:14
{前端开发}
阅读(1472)
评论(0)
推荐(0)
摘要：
1）if判断指令 语法为if(condition){…} #对给定的条件condition进行判断。如果为真，大括号内的rewrite指令将被执行，if条件(conditon)可以是如下任何内容： a:当表达式只是一个变量时，如果值为空或任何以0开头的字符串都会当做false，其他情况为true。 阅读全文
posted @ 2020-05-04 23:09
{前端开发}
阅读(1671)
评论(0)
推荐(0)
摘要：
体验地址： https://www.chaogula.com/m/calculator?channelId=cnblog 技术栈： vue + nodejs 波浪计算器功能包括： W底、M头、C浪下跌、盘整、黄金分割比例（0.382、0.5、0.618、1.618） 通过波浪理论，我们可以预知股价见 阅读全文
posted @ 2020-05-04 18:37
{前端开发}
阅读(3601)
评论(0)
推荐(0)
摘要：
随着前端变革，Nginx也成为了前端开发工程师必不可少应该具备的一项技能了，那nginx到底起的是吗作用？ 其实Nginx一直跟我们息息相关，它既可以作为 Web 服务器，也可以作为负载均衡服务器，具备高性能、高并发连接等 1.负载均衡 当一个应用单位时间内访问量激增，服务器的带宽及性能受到影响，影 阅读全文
posted @ 2020-04-28 16:34
{前端开发}
阅读(300)
评论(0)
推荐(0)
摘要：
文件内容 导入数据 db.order.insert({"order_id":"1","uid":10,"trade_no":"111","all_price":100,"all_num":2}) db.order.insert({"order_id":"2","uid":7,"trade_no":" 阅读全文
posted @ 2020-04-05 22:52
{前端开发}
阅读(858)
评论(0)
推荐(0)
摘要：
MongoDB是文档型数据库，所以它没有关系型数据库joins 特性。但是mongoose也有自己的方法来解决两个表之间的关联问题，Mongoose就是通过populate来解决这个问题的。接下来分享一下populate的方法。 populate的用法一 创建两个model var personSc 阅读全文
posted @ 2020-04-05 22:30
{前端开发}
阅读(2030)
评论(0)
推荐(0)
浙公网安备 33010602011771号