前端
weixin_Da冰
这个作者很懒,什么都没留下…
展开
-
marked在vue项目中改变超链接跳转方式和图片放大预览
这里我是另起一个js文件对marked的配置做了修改,参考如下。然后在vue文件中进行进行该文件的引用。最后格式化markdown文本。原创 2023-08-22 22:55:45 · 1068 阅读 · 0 评论 -
JS创建对象的方法
创建单个对象我们经常使用Object构造函数或对象字面量来进行创建,但这些方式有个明显的缺点:使用同一个接口创建很多对象,会产生大量的重复的代码。并且在没有类的情况下,可以采用下列模式创建对象:一、工厂模式使用简单的函数创建对象,为对象添加属性和方法,然后返回对象。// 1、工厂模式function createPerson(name, age, job){ var o = new Object(); o.name = name; o.age = age; o.j原创 2021-09-06 20:44:04 · 96 阅读 · 0 评论 -
深拷贝和浅拷贝
浅拷贝只是拷贝一层,更深层次对象的级别只拷贝引用,当修改深层次的对象的属性值时,原来的对象的属性值也会改变浅拷贝实现:1、ES5实现方法:var obj = { id:1, name:'andy', msg:{ age:18 }}var o = {}for(var k in obj){ o[k] = obj[k];}console.log(o);2、ES6实现方法:Object.assign(o, obj);深拷贝是会进行每一原创 2021-09-04 20:52:50 · 90 阅读 · 0 评论 -
数组中迭代的方法
在JavaScript中为数组提供了5个迭代的方法:every()、filter()、forEach()、map()、some();传入的这些方法中的函数都会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身every():传入的函数的每一项都返回true,这个方法才会返回true;否则,它就返回false。some():只要数组中的某一项返回true,就会返回true。filter():返回true的项组成的数组,适用于查询符合某些条件的所有数组项。map():返回每次函数调用的结果组成原创 2021-09-02 22:04:35 · 102 阅读 · 0 评论 -
为什么<script>标签最好不要放在头部
我们在开发时会发现我们一般都会把相关的JavaScript相关的文件或代码放在内容的后面,那么是为什么呢?在文档的<head>元素中包含所有JavaScript文件,意味着必须等到全部的JavaScript代码都被下载、解析和执行完成以后,才能开始呈现页面(因为JavaScript代码是从上至下依次执行的,在解析器对<script>元素内部的所有代码求值完毕以前,页面中的其余内容都不会被浏览器加载或显示,并且浏览器在遇到<body>标签时才开始呈现内容),对于那些需要原创 2021-09-02 21:40:14 · 227 阅读 · 0 评论 -
TCP三次握手和四次挥手
TCP三次握手假定A是客户程序,B是服务器程序。一开始两端都处于CLOSED(关闭状态的),此时如果A向B发送请求,A会主动打开连接,B是被动打开连接。第一次握手:A向B发出连接请求报文段,此时报文段的首部中同部位SYN=1,初始序列号seq=x;此时TCP客户进程进入SYN-SEND(同步位已发送状态)第二次握手:B向A发送确认,此时报文段中包含对A报文段中的消息确认并发送自己的数据,此时报文段中应把SYN=1,ACK=1,确认号ack=x+1,告诉A客户机下次发送消息从x+1开始,并选择自己的序原创 2021-08-15 16:48:34 · 71 阅读 · 0 评论 -
Webpack生产环境CSS优化
Webpack生产环境CSS优化提取CSS成单独文件//引入path来解决output参数绝对路径的配置const { resolve } = require('path');//引入入html-webpack-plugin插件,下载指令:npm i html-webpack-plugin[@指定版本号] -Dconst HtmlWebpackPlugin = require('html-webpack-plugin');//引入mini-css-extract-plgin插件,下载指令: np原创 2021-08-05 08:40:10 · 101 阅读 · 0 评论 -
Webpack各项资源的简单配置
Webpack简单资源配置安装Webpack 1、进行全局安装:npm install webpack@4.41.6(版本号) webpack-cli@3.3.11 -g 2、进行局部安装:npm install webpack@4.41.6 webpack-cli@3.3.11Webpack项目的初始化 1、进行开发依赖:npm install webpack@4.41.6 webpack-cli@3.3.11 -D 2、初始化:npm init 3、在文件项目下新建src(项目源原创 2021-08-05 07:51:25 · 168 阅读 · 0 评论 -
git推送项目到github
一、基本配置1、去官网进行git软件下载,进行安装,然后点击鼠标右键,打开Git Bash2、设置用户信息git config --global user.name"用户名(可以随便起)" git config --global user.email"邮箱(可以随便起,不存在也没关系)" 查看配置信息git config --global user.name git config --global user.email3、切换到你想要推送的项目或者文件目录下,然后进行以下命令进原创 2021-07-21 17:08:59 · 184 阅读 · 0 评论 -
MVVM模型
MVVM模型1、M:模型(Model):对应data中的数据2、V:师徒(View):模板3、VM:视图模型(ViewModel):Vue实例对象原创 2021-07-18 22:08:24 · 48 阅读 · 0 评论 -
v-model的原理
Vue中使用v-model指令来实现表单元素和数据的双向绑定原理V-model其实是一个语法糖,它背后本质是包含两个操作: 1、v-bind绑定一个value属性 2、v-on指令给当前元素绑定input事件<input type="text" v-model="message"/>等同于<input type="text" v-bind:value="message" v-on:input="message = $event.target.value">.原创 2021-07-18 20:47:09 · 72 阅读 · 0 评论 -
原型链的认识
原型链我们所创建的每一个函数,解析器都会向函数中添加一个属性prototype,这个属性对应着一个对象,这个对象就是我们所说的原型对象。1、如果函数作为普通函数调用prototype没有任何作用2、当函数以构造函数形式调用时,它所创建的对象中都会有一个隐含的属性,指向该构造函数的原型对象,我们可以通过__proto__来访问属性3、原型对象就相当于一个公共区域,所有同一个类的实例都可以访问到这个原型对象,我们可以将对象中共有的内容,统一设置到原型对象中;当我们访问对象的一个属性或方法时,它会先在对象原创 2021-07-03 20:08:24 · 70 阅读 · 0 评论 -
基本数据类型和引用数据类型的区别
基本数据类型和引用数据类型的区别基本数据类型有:String、Number、Null、Undefined引用数据类型:Object区别:1、JS中的变量都是保存在栈内存中的,基本数据类型的值直接在栈内存中存储,值与值之前都是独立存在,修改一个变量不会影响其他值,像图上面那样,对a++ 变成了124,但是b的值还是1232、对象是保存到堆内存中的,每创建一个新的对象,就会在堆内存中开辟出一个新的空间,而变量中保存的是对象的内存地址(对象的引用),如果两个变量保存的是同一个对象引用,当原创 2021-07-02 22:53:04 · 277 阅读 · 0 评论 -
CSS3两种三角形写法
CSS3两种三角形写法<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <原创 2021-06-29 21:10:29 · 71 阅读 · 0 评论 -
相等运算符之间的差异
相等运算符之间的差异1、使用 == 来做相等运算 相等运算符用来比较两个值是否相等,如果相等会返回true,否则返回false 当使用 == 来比较两个值时,如果值的类型不同,则会自动进行类型转换,将其转化为相同的类型,然后再比较2、不相等 != 不相等用来判断两个值是否不相等,如果不相等返回true,否则返回false 不相等也会对变量进行自动的类型转换,如果转换后相等也会返回false3、全等 === 用来判断两个值是否全等,它和相等类似,不同的是它不会做自动的类型转换,如果两原创 2021-06-26 00:48:34 · 98 阅读 · 0 评论 -
自增和自减
自增和自减 一、自增 ++ 通过自增可以使变量在自身的基础上增加1,对于一个变量自增以后,原变量的值会立即自增1。 自增分成两种:后++(a++)和 前++(++a);无论是a++ 还是 ++a,都会立即使原变量的自增1;不同的是a++ 和 ++a 的值不同: a++ 的值等于原变量的值(自增前的值);++a 的值等于新值(自增后的值)var d = 20;console.log(d++); //20console.log(++d); //21// 20 + 22 + 22原创 2021-06-25 16:51:06 · 1463 阅读 · 0 评论 -
Position定位布局
Position定位布局相对定位:当元素的position属性值设置为relative时则开启了元素的相对定位相对定位的特点:1、元素开启相对定位以后,如果不设置偏移量元素不会发生任何的变化2、相对定位是参照于元素在文档流中的位置进行定位的3、相对定位会提升元素的层级4、相对定位不会使元素脱离文档流5、相对定位不会改变元素的性质块还是块,行内还是行内绝对定位当元素的position属性值设置为absolute原创 2021-06-22 15:56:27 · 137 阅读 · 0 评论 -
解决高度塌陷问题
解决高度塌陷问题在浮动布局中,父元素的高度默认是被子元素撑开的,当子元素浮动后,其子元素会完全脱离文档流,子元素从文档流中脱离将会无法撑起父元素的高度,导致父元素的高度丢失;父元素高度丢失以后,其下的元素会自动上移,导致页面布局混乱。解决方法BFC(Block Formatting Context)块级格式化环境:BFC是一个CSS中的一个隐含属性,可以为一个元素开启BFC,开启BFC元素会变成一个独立的布局区域。元素开启BFC后的特点:元素不会被浮动元素所覆盖元素子元素和父元素外边距不会原创 2021-06-22 15:51:26 · 83 阅读 · 0 评论