y_programmer_ape-CSDN博客

原创 object.defineproperty数据劫持

object.defineproperty()1.定义：该方法是在对象上定义一个新属性，或者修改一个对象的现有属性，并返回此对象。监听对象下的某一个属性，做数据劫持处理。2.语法：Object.defineProperty(obj, prop, descriptor)（1）参一：要定义属性的对象。（2）参二：要定义或修改的属性的名称或 Symbol （被监听的属性）。（3）参三：要定义或修改的属性描述符（存取描述符：options{getter,setter}）。（4）返回值：被传递给函

2020-10-15 16:42:34 969

原创微前端

微前端的优点增量升级对于许多团队而言，这是开始微前端之旅的首要原因。技术债阻碍了项目的发展，只能重写。为了避免完全重写的风险，我们更希望逐个替换旧的模块。简单、解耦的代码库每个单独的微型前端应用的源代码都将比单个整体前端应用的源代码少得多。这些较小的代码库对于开发人员来说更容易维护。尤其是我们避免了组件间耦合所导致的复杂性。独立部署就像微服务一样，微前端的独立部署能力是关键。部署范围的减小，带来了风险的降低。每个微前端应用都应具有自己的持续交付途径，不停地构建、测试、部署。团队自治每个团队

2020-10-15 16:41:33 2458

原创 mysql数据库常用增删改查命令

常见数据类型1.int：整形2.float：浮点型3. varchar/char/text：字符型(1) varchar(n)：n：字符最大长度【必须给字符最大长度，长度为字节数，字节数等于2倍字符数】用途：用户名、密码、身份证号码。(2) char：不需要指定长度，用途：商品描述、歌词等(3) text：长度不限4.data/timestamp：日期类型一 . 常用mysql命令行命令1 .启动MYSQL服务： net start mysql停止MYSQL服务：net stop

2020-10-15 16:38:05 1432

原创如何制作属于自己的脚手架——一看就会系列

如何制作属于自己的脚手架——一看就会系列需要一些辅助网站，网址如下：yeoman：https://yeoman.io/一、全局安装命令工具：yo 用于制作脚手架cmd打开命令行：安装命令：npm install -g yo【检测版本号：yo --version】同样是在cmd命令行安装命令：npm install -g generator-generator二、安装生成脚手架工具新建一个文件夹，命名为 generator，在VScode中运行这个文件夹，并在终端中打开在终端运行以

2020-09-04 22:13:23 1238

原创 vue中如何利用token做权限控制

要想彻底理解token，就必须弄清楚以下几个问题：1.token是什么？2.token的作用是什么？3.token该怎么用？一、token的概念当客户端频繁的向服务端发送请求时，服务端就会相应频繁的向数据库查询用户名和密码然后进行对比，最后返回结果。此时token产生了，在用户第一次登录之后，服务器就会获得一个独一无二的标识返回给客户端，这个标识就是token，当客户端再次发送请求时只需要将token带上，这样服务端就不用一次次向数据库对比用户名和密码。总的来说：token就是客户端和服务端统一

2020-08-26 22:22:22 2184

原创常用JS鼠标事件总结

1. 鼠标事件在DOM3级事件中定义了9个鼠标事件：click：在用户单击主鼠标按钮（一般是左边的按钮）或按下回车键时触发dbclick：在用户双击主鼠标按钮时触发mousedown：在用户按下了任意鼠标按钮时触发mouseenter：在护镖光标从元素外部首次移动到元素范围之内时触发，这个事件不冒泡，而且在鼠标移动到后代元素上也不会触发mouseleave：在位于元素上方的鼠标光标移动到元素范围之外时触发。这个事件不冒泡，而且在鼠标移动到后代元素上也不会触发mousemove：当鼠标指针在元素

2020-07-13 23:15:46 509

原创浏览器性能优化，这一篇就够了

浏览器性能优化关于浏览器性能优化这方面，也是web开发一个不可避免地重点。下面就分别从几个方面谈一谈如何提高浏览器性能。一、网络加载类1.首屏数据请求提前，避免 JavaScript 文件加载后才请求数据为了进一步提升页面加载速度，可以考虑将页面的数据请求尽可能提前，避免在 JavaScript 加载完成后才去请求数据。通常数据请求是页面内容渲染中关键路径最长的部分，而且不能并行，所以如果能将数据请求提前，可以极大程度上缩短页面内容的渲染完成时间。那怎么将请求数据提前呢？建议采用首屏数据渐进式预加载

2020-07-13 08:48:14 4429 1

原创隐秘的角落之BFC

神奇的BFC1.BFC的概念我们先了解一个名词：BFC（block formatting context），中文为“块级格式化上下文”。块级格式化上下文，是一个独立的渲染区域，让处于 BFC 内部的元素与外部的元素相互隔离，使内外元素的定位不会相互影响。原则：如果一个元素具有BFC,那么内部元素不会影响外面的元素。所以，BFC元素是不可能发生margin重叠的，因为margin重叠会影响外面的元素的；BFC元素也可以用来清除浮动带来的影响，因为如果不清除，子元素浮动则会造成父元素高度塌陷，必然会影

2020-07-09 23:23:30 138

原创 js中令人头疼的this指向

深度理解this指向在《JavaScript深入之执行上下文栈》中讲到，当JavaScript代码执行一段可执行代码(executable code)时，会创建对应的执行上下文(execution context)。对于每个执行上下文，都有三个重要属性变量对象(Variable object，VO)作用域链(Scope chain)this今天重点讲讲 this，然而不好讲。……因为我们要从 ECMASciript5 规范开始讲起。先奉上 ECMAScript 5.1 规范地址：英文版：

2020-07-09 23:00:56 236

原创 JS作用域及作用域链

JS作用域及作用域链1.作用域作用域就是变量的执行环境，作用域规定了如何查找变量，也就是确定当前执行代码对变量的访问权限。作用域又分为静态作用域和动态作用域。静态作用域：函数作用域在定义的时候就确定了。动态作用域：函数作用域在调用时才决定。在JavaScript中，作用域分为全局作用域和局部(函数)作用域.全局作用域代码在程序的任何地方都能被访问，window 对象的内置属性都拥有全局作用域。函数作用域一般情况下，变量只有在该作用域下才能被访问。作用域有上下级关系，上下级关系的确定就看

2020-07-09 22:34:53 151

原创 DOM以及DOM的基本操作

DOM以及一些基本操作DOM简介：Document Object Model文档对象模型1.文档：document一个网页就是一个文档2.对象：Object对象：网页中的每一个部分都转换成了对象3.模型：Model使用模型来表示对象之间的关系，这样方便我们获取对象模型能很清楚的显示节点与节点之间的关系。Node节点是构成我们网页最基本组成部分，网页中的每一个部分都可以称为一个节点。eg：html标签、属性、文本、注释、整个文档等都是一个节点。虽然都是节点，但实际上他们的具体类型不同，

2020-07-09 22:28:47 375

原创你不知道的JS原型、原型链以及继承

内存与闭包

2020-07-09 22:26:11 139

原创闭包以及它的亲戚们

闭包闭包：是指那些能够访问自由变量的函数。自由变量：是指在函数中使用的，但既不是函数参数也不是函数的局部变量的变量。即闭包共有两部分组成：闭包 = 函数 + 函数能够访问的自由变量如下例子：var a = 1;function foo() { console.log(a);}foo();foo 函数可以访问变量 a，但是 a 既不是 foo 函数的局部变量，也不是 foo 函数的参数，所以 a 就是自由变量。这样看来数 foo + foo 函数访问的自由变量 a 就是构成了

2020-07-03 23:33:32 88

原创 JavaScript中的字符串与数组方法大全

JavaScript中的字符串与数组方法大全字符串与数组算是JavaScript基础中的一大难点，同样也是重点，今天就总结一下常用的字符串与数组方法。字符串的大部分方法都不会对原字符串产生影响属性，而是返回一个新值。...

2020-06-22 20:01:04 2974

原创详解JS中的隐式类型转换

JS中隐式类型转换JS中的数据类型JS中的数据类型分为两大类：1.基本数据类型：1.String 字符串表示一段文本，例如：人的姓名、地址等2.Number 数值3.Boolean 布尔值4.Null 空值表示“没有对象”，即：此处不应该有值5.Undefined 未定义表示“缺少值”，即：此处应该有值，但还没有定义2.引用数据类型：1.Object 对象2.array 数组3.function 函数类型转换主要指将其他的数据类型转换成String、Number、Boolea

2020-06-18 19:53:45 1451 2

原创 GitHub版本仓库的创建及使用详细步骤

1.GitHub是什么？GitHub是分布式版本控制系统。与分布式版本控制系统相对的是集中式版本控制系统。两者的区别在于，集中式版本控制系统是将版本库存放在中央服务器的，而它最大的弊端就是必须联网使用，且对带宽要求较高。分布式最大的好处是每一台电脑都可以是一个完整的版本库，工作时不需要联网，还可以实现多人协作，与集中式相比，分布式版本控制系统安全性很高。git操作流程图开发人员先在工作区workspace编写代码，再通过add将文件放到暂存区index。最后通过暂存区将文件提交到本地仓库reposi

2020-06-17 20:38:46 1012

原创 UI app界面的尺寸规范

ios基本尺寸规范尺寸规范、字体规范、iOS人机交互、Android和iOS的差异一、尺寸规范1.界面名词解释：PPI：（ios特有）像素密度，所表示的是每英寸所拥有的像素数量PPI数值越高，即代表显示屏越能够以高的密度显示图像。显示密度越高，显示器显示就越清晰、越真实。视网膜屏幕：分辨率超过人眼识别极限的高分辨率屏幕PPI计算公式：画布尺寸设备尺寸开发中以iPhone6为基础（2倍图）背景：颜色：#f5f5f5、#eeeeee、#efeff4分割线：1px 不透明度10%

2020-06-14 17:58:43 14265 1

原创如何使用git创建一个版本仓库

如何使用git创建一个版本仓库git的作用：git是版本管理工具，管理diamagnetic1.本地仓库2.远程仓库一、本地仓库1.配置git1.配置身份：git config --global user.name xxxgit config --global user.email xxxxx@xxx.com2.在某个文件夹中初始化创建仓库git init3.将文件夹添加到工作区git add 文件名字git add * 添加所有的文件4.将add的文件提交到本地仓库git

2020-06-11 19:36:00 242

原创 UI组件库的使用以及组建

UI组件库傻瓜式使用方法1.导入资源文件，css文件和js文件2.对比官网，知道每个类名是什么作用3.需要什么找什么当UI组件库的样式不能完全满足需求的时候：1.没有样式：自己写2.有样式，只能满足一部分，自己修改2.1找到内部到底是哪一个类名的样式2.2自己写一个选择用权重，覆盖样式2.3不到万不得已不要改源码3.bootstrap里的样式不是全部清空，是按需清空4.bootstrap栅格系统默认将每一个容器等分为12份 col-xx 区分显示器

2020-06-10 22:35:51 1269

原创 UI界面的尺寸规范

一、名词解释1.DPI (Dots Per Inch): 点数密度。所表示的是每英寸所拥有的点数量。Android特有单位DPI数值越高，即代表显示屏能够以越高的密度显示图像，从而得出，显示的密度越高，显示器显示的就越真实、越清晰2.PPI（Pixels Per Inch）像素密度，所表示的是每英寸所拥有的像素数量，iOS特有单位PPI数值越高，即代表显示屏能够以越高的密度显示图像。从而得出，显示的密度越高，显示器显示的就越真实、越清晰举例说明：同样尺寸大小的屏幕，点数密度越高的成像就越清晰，

2020-06-10 22:30:55 6211 3

原创 rem移动端设计方案

rem设计方案原理和思路一套代码一个布局适应所有移动端<meta name = "viewport" content = "width=device-width, initial-scale = 1.0,minimum-scale = 1.0,maximum-scale = 1.0,user-scalable = no">//user-scalable = no 禁止用户手指头放大缩小以一个简单iPhoneX移动端界面为例下面是需要注意的几点 1.以最大像素为基础，7

2020-06-09 21:09:27 269 1

原创 iPhoneX CSS 网页适配

iPhoneX CSS 网页适配iPhoneX 取消了物理按键，改成底部小黑条，这一改动导致网页出现了比较尴尬的屏幕适配问题。对于网页而言，顶部（刘海部位）的适配问题浏览器已经做了处理，所以我们只需要关注底部与小黑条的适配问题即可（即常见的吸底导航、返回顶部等各种相对底部 fixed 定位的元素）。以下几点是在适配时需要先了解到的知识点1.安全区域安全区域指的是一个可视窗口范围，处于安全区域的内容不受圆角（corners）、齐刘海（sensor housing）、小黑条（Home Indicato

2020-06-08 20:07:12 608 1

y_programmer_ape的博客