dyy_csdn的博客

原创 项目优化后续 ，手撸一个精简版VUE项目框架！

之前说过项目之前用的vben框架，在优化完性能后打包效果由原来的纯代码96M变成了56M，后续来啦，通过更换框架，代码压缩到了36M撒花~现在就来详细说说是怎么手撸一个框架的！

原创 常规VUE项目优化实践，跟着做就对了！

1、安装 rollup-plugin-visualizer 插件，此插件可以展示构建时长、chunk 数量及大小，目前可以分析为项目内最大占比为静态资源。● LCP (Largest Contentful Paint) 代表的是视窗最大可见图片或者文本块的渲染时间。4、cdn引入的vue, vue-router ,ant-design-vue。2、通过imagemin插件压缩图片并删除无用图上，压缩后的体积减少到50M。● 优化后的首屏加载速度为2s内。● 项目打包为将近97M。● 打包后的体积为46M。

原创 跨域系列问题及解决方案总结

- 什么是跨域？浏览器的非同源为跨域。即两个页面拥有不同的协议（protocol）或端口（port）或主机（host）- 为什么会出现跨域问题？出于浏览器的同源策略限制，浏览器会拒绝跨域请求。*注：严格的说，浏览器并不是拒绝所有的跨域请求，实际上拒绝的是跨域的读操作。浏览器的同源限制策略是这样执行的：通常浏览器允许进行跨域写操作（Cross-origin writes），如链接，重定向；通常浏览器允许跨域资源嵌入（Cross-origin embedding），如 img、script 标签；

原创 vuex的模块化与命名空间

vuex项目是一直在使用，但是当系统业务需求增加，需要维护的状态越来越多时，就会难以管理，这时就考虑将store模块化（module)，每个模块都会拥有自己的 state、mutation、action、getter基本使用1、在项目中的 store 文件夹下新建一个文件夹 modules2、在modules文件夹中先定义两个模块，AModule,BModuleAmodule/index.jsconst AModule = { state: () => ({ use

原创 网页从输入网址到渲染完成经历了哪些过程及相关协议

网页从输入网址到渲染完成经历了哪些过程输入网址域名解析（发送到DNS服务器，并进行查找获取域名对应的web服务器对应的ip地址【包含浏览器缓存，路由器缓存，DNS缓存查找】）建立连接 （与web服务器建立TCP连接）发送请求（浏览器向web服务器发送http请求）响应请求，返回数据（web服务器响应请求，并返回指定url的数据（或错误信息，或重定向的新的url地址））下载数据（浏览器下载web服务器返回的数据及解析html源文件；）解析渲染（生成DOM树，解析css和js，渲染页面，直至显示

原创 （前端基本功）数组、字符串、集合方法总结

文章目录数组方法返回新数组返回字符串返回布尔值返回索引值在原数组上修改/改变原数组返回新的遍历对象字符串方法返回新字符串更改原字符串数组方法返回新数组concat()//连接数组 filter()//过滤数组flat()//转为指定维度数组flatMap()//映射函数并压缩成新数组map()//逐个改变数组为新数组from() // Array.from('foo') of()// Array.of(7) = [7]slice()// 返回原数组的浅拷贝，切片返回字符串join(

原创 正则表达式最详细总结（精华）

正则表达式创建方式字面量创建构造函数创建正则表达式下的方法testexecsplitsearchmatchreplace元字符字符相关\w：数字，字母，下划线\W：非数字，字母，下划线s：匹配空格S：非空格.：非\n,\r,\u2028,\u2029数量相关{} ? + *？：让贪婪模式变成惰性模式位置相关^表示开始，$表示结尾 \b:边界符 \B非边界符括号相关() 分组，提取值[]:字符集合匹配模式g:全局匹配i：忽略大小写m: 多行模式s:让“.”匹配换行u：匹配unicode编码y:粘性模式

原创 CSS单位px,em,rem,vh,vw,vmin,vmax的区别

px：绝对单位，页面按精确像素展示em：相对单位，以你节点字体的大小为基准，如果自身定义了font-size按自身来算（浏览器默认字体为16px），1em不是一个固定值a、em指字体高度：浏览器默认 1em = 16px，所以0.75em = 12px;i、页面上的根元素font-size:62.5%;此时em为16px*62.5 = 10em;这是显示在页面的字体大小为10pxii、这样，12px = 1.2em,10px = 1em,只需要将原来的px值除以10，换上em为单位即可 b、e.

原创 面试常问的状态码

没有耐心的同学可以先看总结：常见状态码：200 – 服务器成功返回网页304 – 客户端有缓存情况下服务端的一种响应404 – 请求的网页不存在503 – 服务器超时，服务不可用状态代码有三位数字组成，第一个数字定义了响应的类别，有五种可能1xx（临时响应） 表示临时响应并需要请求者继续执行操作的状态代码。100 （继续） 请求者应当继续提出请求。服务器返回此代码表示已收到请...

原创 原型及原型链详解

每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。这就是所谓的原型链的基本概念。——摘自《javascript高级程序设计》

原创 基本git操作指南

一、在Windows上安装Git从Git官网直接下载安装程序，（网速较慢可去腾讯软件中心下载）然后按默认选项安装即可。安装完成后，回到桌面右击在开始菜单里找到“Git”->“Git Bash”，蹦出一个类似命令行窗口的东西，就说明Git安装成功！在命令行设置$ git config --global user.name "Your Name"$ git config --glo...

原创 Warning: name can no longer contain capital letters

用脚手架新建项目的时候发现这个问题，可能之前没有注意到，记录一下。原因也很简单，就是不能包含大写字母，改小写就好啦。另外有一点，在创建文件的时候，文件名也最好小写，因为mac系统不识别大小写...

原创 面试问题小结

面试题小结部分问题汇总问题解答部分问题汇总string = "176532897651"降序排序var let const 区别const 可以更改对象的属性吗箭头函数的优势ES5,ES6新特性网址到页面渲染过程页面优化方法如何减少http请求H5新特性Canvaslink , import 区别问题解答string = "176532897651"降序排序...

原创 一、Python概述

原创 动脑学院Python从入门到精通系列快速入门（0）

写在前面的话“动脑学院”的Python系列课程，学习记录整理在这里，方便日后不断温习。课程分为四个阶段，如图。我也在慢慢学习，尽量每次学习完都整理笔记，并且！最重要的是！！保持学习！！！下面这个图就是动脑学院课程介绍，不知道怎么设置大小，就酱紫吧~先更新第一阶段！目录如下：Python概述Python基本数据类型Python字符串的使用list和tupleset 和 dict...

原创 解决码云出现[email protected]: Permission denied (publickey).

很久之前好像改了ssh的一些配置，导致现在对git进行一些操作时，就会出现 当时就去百度，结果很多都是一些不太对应的解决方法，反正也没有解决，今天偶然看码云的文档才突然解决。 官方解决文档： http://git.mydoc.io/?t=1547121）、重新生成ssh ssh-keygen -t rsa -C “[email protected]” 2）、查看你的 public ...

原创 Numpy的简明安装

1）、安装Python3.4版本以上，因为这样会自带pip（包管理器的安装） 检查Python版本。 打开cmd，输入Python 现在我们可以知道Python的版本与位数，比如我的就是Python3.7，64位。 2）、去 https://www.lfd.uci.edu/~gohlke/pythonlibs/#numpy 下载numpy， 这里要看下载的版本，37即版本3...

原创 潮汐客流交通管理

背景城市中心区域逐步衍变为工作圈，城市外围区域逐步衍变为生活圈，进而使早晚高峰时段交通流呈现出早高峰进城车流量大、晚高峰出城车流量大的潮汐式交通流特点。城市范围的不断扩展和新功能区域的增加，使新、老城区的功能分化更加明显，在连接新、老城区的城市干道上也存在着固定高峰时段的潮汐式交通流现象。我国大中城市主要道路中普遍存在着由潮汐式车流引发的拥堵问题。介绍城市轨道客流潮汐现象是由职住分...

原创 百度地图行车轨迹调整速度后小车鬼畜跑动的问题解决

问题情景描述： 在运用百度地图的基础上，获取后台传输过来的所有点。在地图上绘制小车轨迹后，点击播放，小车可以正常按照轨迹行驶，但是如果调速之后，小车在行驶中就会间歇性出现抖动，来回跑的画面。 知道鬼畜的问题，首先要知道实现原理， 实现原理： 每当代码循环遍历经纬度点集合开始移动小车图标的时候，会设置那个进度条（SeekBar）进度，但是 进度条还有一个监听，就是手动改变进度条的时候，也需要...

原创 Scratch 2.0的构建与二次开发手册

0、准备 1）、下载Scratch2.0源码、 Scratch2.0开发版源码下载地址：https://github.com/LLK/scratch-flash 2）、安装开发工具Adobe Flash Builder4.7 3）、下载flex SDK 4.61. Flash Builder 4.7 开发环境配置 1）、新建flex项目，项目地址指向源码的根目录（不是src）,应用程...

原创 面向对象的五大设计原则

最近一直在忙着复习考研，也没怎么更新博客，只是看到一篇很好的文章，分享一下。

原创 Fragment用app包还是v4包解析

fragment用app还是v4解析

原创 Android的事件分发

Android的事件分发

原创 设计模式之责任链

学习设计模式之责任链

原创 Markdown基本用法示例

Markdown基本用法示例