Codingwithlife-CSDN博客

原创 typescript中this报错

export class AppComponent { title = 'myapp'; count=1; clickme=function(){ this.count++; }在上述代码中,使用this报错:'this' implicitly has type 'any' because it does not have a type annotation.function处报错:An outer value of 'this' is shadowed by t...

2020-11-18 10:09:29 7897 2

原创两年前的自己和现在有哪些不同？

这是自己两年前在简书写的一篇文章，现在的苦难都是以后的荣光这里引用胡适先生给北大学子说的话，自勉：要鼓起坚强的信心，天下没有白费的努力，成功不必在我，而功力必不唐捐。

2020-11-13 14:33:51 439

原创 flex布局与响应式适配

弹性容器：设置为弹性容器的方法：display：flex；里面的子元素会按照弹性布局弹性子元素：弹性容器里的直接子元素（第一层子元素，后代元素不算）；子元素：默认排列成一行，不会换行，如果父元素宽度不够，会发生按比例压缩如果父元素高度不够，子元素高度会溢出弹性布局属性：主轴：flex-direction: ; 设置主轴方向row; 默认值，按行排列，从左到右row-reverse;column; 按列排列从上到下主轴上元素的对齐方式justify-content:start;

2020-11-03 21:14:07 993

转载对称加密与非对称加密

https://segmentfault.com/a/1190000019687184

2020-10-31 19:31:00 135

原创 js事件流

捕获目标冒泡首先是事件捕获：当鼠标点击或触发dom事件时，被触发的这个dom元素称为事件源，浏览器会从根节点到事件源（从外到内）进行事件传播；目标：在目标节点上触发；事件冒泡：事件源->根节点（由内到外）进行事件传播。事件代理利用事件冒泡的机制，把里层需要的事件绑定到了外层，在父元素上做子元素节点上的事件处理。可以减少dom操作和事件注册的次数，从而降低内存使用。...

2020-10-31 17:33:08 137

原创 img和background引入图片的区别

1. 是否占位background-image是背景图片，是css的一个样式，不占位；<img />是dom元素，它是一个图片，是html的一个标签，占位；2.是否会被搜索引擎识别img会被搜索引擎识别，background不会。所以一些重要的图片内容建议使用img标签引用，一些修饰性的建议使用背景属性引用；3.加载顺序问题在网页加载的过程中，以css背景图存在的图片background-image会等到结构加载完成（网页的内容全部显示以后）才开始加载，而html中的标签im

2020-10-28 19:40:01 697

原创 CSS中可以和不可以继承的属性

一、无继承性的属性1、display：规定元素应该生成的框的类型2、文本属性：vertical-align：垂直文本对齐text-decoration：规定添加到文本的装饰text-shadow：文本阴影效果white-space：空白符的处理unicode-bidi：设置文本的方向3、盒子模型的属性：width、height、margin 、margin-top、margin-right、margin-bottom、margin-left、border、border-sty

2020-10-26 15:06:00 95

原创 vue中mapGetters函数前面的三个点是什么意思？

今天视频面试时，被问到了，vue中mapState和mapGetter函数前面的三个点是什么意思？今天看到了对这个问题的解答：mapState 函数返回的是一个对象。我们如何将它与局部计算属性混合使用呢？通常，我们需要使用一个工具函数将多个对象合并为一个，以使我们可以将最终对象传给 computed 属性。但是自从有了对象展开运算符（现处于 ECMASCript 提案 stage-3 阶段），我们可以极大地简化写法：computed: { localComputed () { .

2020-10-24 09:32:56 2803

原创 git 提交代码到 gitHub 的操作步骤

1、创建版本库如果有项目地址通过 git clone ＋（地址）命令 //克隆代码 git init 命令 //创建版本库2、cd 文件中 //进入到创建的文件里面 ls 查看当前文件夹下面的文件 ll 查看文件夹下面详细的文件信息3、提交git add -A 或者 git add . 或者 git add *git add -A 提交所有变化git add -u 提交被修改(modified)和被删除(deleted)文件，不包括新

2020-10-20 15:43:55 101

原创前端开发牛客网刷题核心知识点积累

Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback：ExternalInterface.addCallback("在js里可调用的flash方法名",flash内方法) //在flash中通过这个方法公开在js中可调用的flash内的方法; ExternalInterface.call("js方法",传给js的参数) //在flash里调用js里的方法只有在缺少DOCTYPE（..

2020-10-15 16:41:22 355

原创电商项目中浮点数精度不准确解决

(1条消息) 【JS】关于js浮点数计算精度不准确问题的解决办法_qing_小诺的博客-CSDN博客 https://blog.csdn.net/qq_33237207/article/details/82109352在项目中计算商品价格的时候再次遇到js浮点数计算出现误差的问题，以前一碰到这个问题就用tofixed方法进行处理一下，这对于一个实际项目来说是及其不严谨的。js 浮点数在用toFixed()方法时精度会丢失。解决办法：var floatObj = function () {...

2020-10-14 21:23:52 491

原创 for循环和foreach循环的比较

1.在固定长度或者长度不需要计算的时候for循环效率高于foreach，foreach在循环次数未知或者计算起来较复杂有损性能的情况下效率比for循环高。2.foreach适用于只是进行集合或数组遍历，for则在较复杂的循环中效率更高。什么是复杂环境呢？就是要对原数组进行修改时。3.foreach与for循环的明显差别在于foreach循环时循环对象（数组、集合）被锁定，不能对循环对象中的内容进行增删改操作，不能通过下标访问循环对象各项的值。4.forEach相比普通的for循环的优势在于对稀疏

2020-10-14 14:29:00 2806

原创兼容html5新标签

不能识别HTML5新标签而不能使用，解决办法有两种：1)方法1：实现标签被识别IE8/IE7/IE6 支持通过 document.createElement（tagName）方法产生的标签，可以利用这一特性让这些浏览器支持 HTML5 新标签；浏览器支持新标签后，还需要添加标签默认的样式2)方法2：当然最好的方式是直接使用成熟的框架、使用最多的是 html5shim框架）：Github:https://github.com/afarkas/html5shiv/用到条件注释加 JS .

2020-10-14 14:02:15 185

原创 img标签的一些问题

1 img标签空白像素问题实际上，这其实是inline元素搞的鬼。在html5和css3中，图片文字等内联元素，它默认对齐方式都是和它的父级的 baseline 去进行对齐的，但是你对齐的是 baseline，撑开高度的却是元素整体的高度（bottom line），这样肯定就会造成一定的间隙，也就是我们上文出现的问题了。第一种解决方案：把img变成块元素：display：block；第二种解决方案：修改一下它的垂直对齐方式：vertical-align：middle、top、bottom；..

2020-10-10 16:10:38 1027

转载什么是BFC？看这一篇就够了

这篇文章，作者把BFC讲得很清楚，推荐阅读...

2020-10-06 19:56:33 78

原创 reflow(回流)和repaint(重绘)

reflow(回流)和repaint(重绘)简要：整个在浏览器的渲染过程中（页面初始化，用户行为改变界面样式，动画改变界面样式等）reflow(回流)和repaint(重绘) 会大大影响web性能，尤其是手机页面。因此我们在页面设计的时候要尽量减少reflow和repaint。什么是reflow和repaint（原文链接：http://www.cnblogs.com/Peng2014/p/4687218.html）reflow：例如某个子元素样式发生改变，直接影响到了其父元素以及往上追溯很多祖先元素（

2020-10-06 15:27:00 175

原创 flash和js交互

Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback：ExternalInterface.addCallback("在js里可调用的flash方法名",flash内方法) //在flash中通过这个方法公开在js中可调用的flash内的方法; ExternalInterface.call("js方法",传给js的参数) //在flash里调用js里的方法...

2020-10-03 16:44:37 288

原创 JS中构造函数、实例对象和原型对象三者之间的关系

今天在看检测对象私有属性时，有这样一个题let arr=new Array();arr.a=1;arr._proto_.b=2;arr.hasOwnProperty("a") //truearr.hasOwnProperty("b") //false这个题出现了_proto_,我就想起来自己原型链，尤其是构造函数、实例对象和原型对象三者之间的关系不是很懂，就写下这篇文章。我们首先要知道：一个需要共享并且通过实例对象调用的方法，是在构造函数的原型对象中的。（实例对象原型__pro

2020-09-27 18:17:12 323

原创 new的实现原理

目录1.new的四个步骤2.new的实现过程3.例子 1.new的四个步骤创建一个空对象→这个新对象继承原函数的原型→更改this指向，为对象设置属性→返回新对象1.创建一个空对象varobj={}2.这个新对象继承原构造函数的原型obj._proto_=Constructor.prototype3.更改this指向，为对象设置属性letresult=Constructor.apply(...

2020-09-27 17:40:14 2569

原创 CDN内容分发网络

https://mp.weixin.qq.com/s?src=11&timestamp=1601170202&ver=2609&signature=nR717SwfIPvqw2WTG5-NqKur3MGwRHfOCmltnfXEgf3l8pdldOLD*4MGcotztRXQ75d7y0vFHA271nuFY5zANMOtEADC62vS9mSfwvxrXhRTCPi3LOtV20jfoCO9ce67&new=1

2020-09-27 09:59:26 116

原创 Cookie、sessionStorage、localStorage的区别

一、localStorage（本地存储）永久存储localStorage用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去删除。最大可以存储5MB 将第一次请求的数据直接存储到本地，相当于一个5M大小的针对于前端页面的数据库只支持string类型的存储局限：1、浏览器的大小不统一，并且在IE8以上的IE版本才支持localStorage这个属性。（IE8以下不兼容）2、目前所有的浏览器中都会把l...

2020-09-26 20:20:04 98 1

原创 git生成并添加SSH key

git生成并添加SSH key一、生成ssh1、安装Git Bash https://git-scm.com/downloads2、鼠标右键git bash here3、执行以下命令：① cd ~/.ssh/ ② git config --global user.name "你的github用户名"③ git config --global user.email "你的github邮箱"④ ssh-keygen -t rsa -C "你的github邮箱...

2020-09-23 11:53:06 251

原创 vue各种报错及其原因

错误提示npm ERR! code ENOSELFnpm ERR! Refusing to install package with name "vuex" under a packagenpm ERR! also called "vuex". Did you name your project the samenpm ERR! as the dependency you're installing?npm ERR!npm ERR! For more information, see:np

2020-09-21 17:49:20 1014

原创 Vue动态路由步骤

Path和component的匹配关系就称为动态路由

2020-09-16 19:37:40 509 1

原创 div获取焦点的方法

div元素能实现获取焦点的方法：给div元素添加一个 tabindex属性，这个属性的取值范围为≥0的整数。tabindex属性值越小（最小为0）其所在的标签越先得到焦点 <style> div{ width: 100px; height: 100px; outline:none; background-color: #f00; } </..

2020-09-04 15:58:24 1803

原创很简单的判断JavaScript数据类型方法

代码：function type(data) { let value = /\[object (\w+)]/.exec( Object.prototype.toString.call(data) ); return value ? value[1].toLowerCase() : '';}执行结果：解释：（1）/\[object (\w+)]/.exec正则表达式的匹配，其中前中括号[:表示中括号表达式的开始，属于特殊字符，要匹配...

2020-09-04 10:46:31 179 1

原创永远谦卑，永远明媚

每个人都有自己的生活节奏，没有快慢之分，我们要做的就是使自己忙碌起来。人生没有一本书是白读的，年轻时就应该勇于尝试，敢于犯错。最近其实也一直在学习，想着是打算系统学习完之后，复杂总结的时候再记录笔记。最后：愿自己，永远谦卑，永远明媚。...

2020-08-31 11:01:04 153

原创 jQuery基础学习

jQuery是javascript的一个库，包含多个可重用的函数，用来辅助我们简化javascript开发。这篇笔记写了jQuery的基本使用和选择器。

2020-08-22 17:51:40 407

原创 jquery基础学习

1 jQuery是什么2 jQuery作用3 jQuery使用4入口函数5 事件处理程序6 jQuery变量7 jQuery选择器

2020-08-19 18:03:58 178

转载 es6变量的解构赋值

本文转载自阮一峰《ECMAScript 6入门》之变量的解构赋值 - ECMAScript 6入门数组的解构赋值对象的解构赋值字符串的解构赋值数值和布尔值的解构赋值函数参数的解构赋值圆括号问题用途...

2020-08-18 14:06:00 97

原创 es6 新增let 、const与块级作用域

一、块级作用域（1）什么是块级作用域（2）为什么需要块级作用域二、let与const（1）let与const特性（2）几种声明变量方法的区别三、扩展--顶层对象的属性变化四、练习

2020-08-18 13:18:54 422

原创 js基础面试考点：null和undefined

null表示"没有对象"，即该处不应该有值。undefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。null表示"没有对象"，即该处不应该有值。典型用法是：（1）作为函数的参数，表示该函数的参数不是对象。（2）作为对象原型链的终点。Object.getPrototypeOf(Object.prototype)// nullundefined表示"缺少值"，就是此处应该有一个值，但是还没有定义。典型用法是：（1）变量被声明了，但没有赋值时，就等

2020-08-18 11:40:18 490

原创深度理解this和改变this指向

this指向（this指针对象）https://www.cnblogs.com/pssp/p/5216085.htmlthis的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定this到底指向谁，实际上this的最终指向的是那个调用它的对象。在全局中this指向的是window（在JS中没有global这个全局对象，而JS的全局对象是window）；在函数中this指向的是这个函数执行所操作的当前对象。this在函...

2020-08-17 20:17:53 312

原创使用节点添加实现表格查询和添加

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> select{ width: ...

2020-08-17 15:16:21 177

原创 js动态生成表格案例（使用事件委托）

目录1 案例效果2 案例思路3 案例源码1 案例效果2 案例思路第一步：静态页面布局 <input type="text" id="row" placeholder="请输入行数"> <input type="text" id="col" placeholder="请输入列数"> <input type="button" id="btn" value="生成"> <table b...

2020-08-17 12:08:51 625