yahaha~-CSDN博客

原创 less和sass语法

less和sass语法1.嵌套注意点，&链接.a { foo: bar;}.a:hover { foo:bar;}==============.a { foo:bar; &:hover { foo:bar; }}2.变量===sass===$foo: red;$bar: 10px;.a { color: $foo; font-size: $bar;}===less===@foo:

2020-07-28 22:35:40 501

原创 2020-3月份前端面试总结——前端性能优化相关

前端性能优化备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到1.整个前端性能提升大致分为几类网络性能运行性能（1.js css 2.图片 3.缓存预加载 4.SSR 5.多域名加载 6.负载均衡）2.为什么把<scrpit>放<body>后面+这里是浏览器加载一个有 <script> 标签的网站发生的事情:拉取 HTM...

2020-03-20 18:08:07 687

原创 2020-3月份前端面试总结——计算机网络相关

跨域问题备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到1.跨域处理 +1. 后端设置cors2. jsonp3. 也可以使用服务器端代理（后端代理）将请求发给我方服务器，我方服务器去目标服务器拿去数据，再将拿到的数据发回给前端页面2.JSONP实现原理+ 动态插入script标签，通过script标签引入一个js文件，这个js文件载入成功后会执行我们在url参...

2020-03-20 18:06:06 328

原创 2020-3月份前端面试总结——HTML/CSS相关

HTML方面备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到1.HTML5 有哪些新元素？常用的如header、footer、main、nav和新的音频元素audio、video图像元素canvas、svg等2.HTML开头的DOCTYPE有什么用告诉浏览器以何种模式来渲染文档，如果不写会以混乱模式解析css方面1.自适应布局的方法+ rem/calc/...

2020-03-20 18:03:40 226 1

原创 2020-3月份前端面试总结——react框架相关

react框架相关备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到生命周期+++1.组件第一次被创建渲染老版本constructor() //调用构造函数componentWillMount() //以后要废弃render()componentDidMount()新版本constructor() //调用构造函数static getDerivedS...

2020-03-20 17:59:52 1164

原创 2020-3月份前端面试总结——js/es6相关

JS方面备注： + 代表被问到的次数，没有 + 代表自己整理了，但没被问到1.js继承的方式+原型链继承借用构造函数继承（通过call()实现）组合继承(原型+借用构造)通过ES6中class的extends关键字实现继承2.NEW操作符做了那些事情+创建一个新对象；将构造函数的作用域赋给新对象（因此this就指向了这个新对象）；执行构造函数中的代码（为这个新对象添加属性...

2020-03-20 17:57:23 895

原创 leetcode-242题，判断2个字符串中字母数量是否相等。

示例输入: s = "anagram", t = "nagaram"输出: true输入: s = "rat", t = "car"输出: false使用映射var isAnagram = function(s, t) { var obj = {} var num = 0 for(var i = 0; i < s.length; i++) { ...

2020-03-20 17:55:00 140

原创 leetcode-349题，两个数组的交集（去重版）

示例输入: nums1 = [1,2,2,1], nums2 = [2,2]输出: [2]使用映射var intersection = function(nums1, nums2) { var obj = {} var result = [] for(var i = 0; i &lt; nums1.length; i++) { if(nums1[i...

2020-03-20 17:54:48 82

原创 leetcode-350题，两个数组的交集（未去重版）

示例输入: nums1 = [1,2,2,1], nums2 = [2,2]输出: [2,2]使用映射var intersect = function(nums1, nums2) { var obj = {} var result = [] for(var i = 0; i &lt; nums1.length; i++) { if(nums1[i]...

2020-03-20 17:54:34 76

原创 leetcode-876题，链表的中间节点

示例输入：[1,2,3,4,5]输出：此列表中的结点 3 (序列化形式：[3,4,5])返回的结点值为 3 。 (测评系统对该结点序列化表述是 [3,4,5])。注意，我们返回了一个 ListNode 类型的对象 ans，这样：ans.val = 3, ans.next.val = 4, ans.next.next.val = 5, 以及 ans.next.next.next = NUL...

2020-03-20 17:54:21 86

原创 js中如何删除一个对象的某个属性

使用delete操作符var foo = {bar : 1, baz : 2}delete foo.barconsole.log(foo) // {baz : 2}

2020-03-20 17:54:00 178

原创 js中如何检查一个对象内是否存在某个属性

第一种：使用in关键字var foo = {bar : 1}'bar' in foo //true第二种：使用对象的hasOwnProperty()方法var foo = {bar : 1}foo.hasOwnProperty('bar') //true第三种：使用undefined判断，但这种方法在bar的属性值为unedfined是不可用。var foo = {bar...

2020-03-20 17:52:51 111

原创 js判断数据类型的3种方法

js判断数据类型的3种方法var a = {} //对象var b = [] //数组var c = 1 //数字var d = 'foo' //字符串var e = true //布尔值var f = function(){} //函数var g = null //nullvar h = undefined //未定义类型// 1. typeoftypeo...

2019-04-06 20:07:11 581

原创 Vue 生名周期总结

Vue 生名周期总结详细：new Vue初始化Vue, 将Vue变为事件发生触发器// beforeCreate 函数 //将data，computed等，里的字段变为getter/setter// created 函数 //看有没有el有，看有没有template如果有，就用template里的内容当模板如果没有，用el所选的outerHTML为模板// beforeMo...

2019-04-06 15:46:45 317

原创 flex布局总结

flex布局总结以下6属性设置在容器上：1. flex-direction 决定主轴方向2. flex-warp 决定一排放不下，如何换行3. flex-flaw 1和2两属性的合并写法4. justify-content 定义项目在主轴上的对齐方式 5. align-items 定义项目在交叉轴的对齐方式6. align-content 定义了多根轴的对齐方式。...

2019-04-06 10:57:46 157

原创 js中如何将字母转换为base64编码，及base64编码如何转换为对应的字母

将字母转换为base64编码 'a'.charCodeAt() ---------------- => 97将base64编码转换为字母 String.fromCharCode(97) ----------------------- => 'a'

2019-02-11 22:02:22 632

原创使用js实现链表的翻转，和链表的合并。

链表翻转,循环版：function reverseList(head) { if(!head) { return head } if(!head.next) { return head } var p1 = null var p2 = null var p3 = head while(p3) {...

2018-12-01 23:10:38 574

原创使用js实现链表的基础函数，如链表的增删改查等。

给链表头部添加一个节点：function prepend(head, value) { return { value: value, next: head }}取出链表第n个节点的值：function nth(head, n) { var count = 0 var p = head while (count &l...

2018-12-01 15:17:29 773

原创使用js实现将数组转为链表，及将链表转为数组。

数组转链表，易懂版function array2list(ary) { if(ary.length === 0) { return null } var nodes = [] for(var i = 0; i < ary.length; i++) { var node = {} node.value ...

2018-12-01 14:24:31 9282

原创使用js实现插入排序，并分析优化点。

原始版,无优化。function insertSort(ary) { for(var i = 1; i&amp;amp;lt; ary.length; i++) { //要排序的数 for(var j = 0; j &amp;amp;lt; i; j++) { //查找要放在那个位置 if(ary[i] &amp;amp;lt;= ary[j]) { var t...

2018-11-30 22:48:39 534

原创使用js实现选择排序。

选择排序function selectSort(ary) { for(var i = 0; i &lt; ary.length - 1; i++) { var minIndex = i for(var j = i; j &lt; ary.length; j++) { if(ary[j] &lt; ary[minIndex]) { ...

2018-11-30 21:37:02 307

原创使用js实现冒泡排序，并优化。

原始版，无忧化function sort(ary) { var l = ary.length for(var i = 0; i &amp;amp;lt; l; i++) { for(var j = 0; j &amp;amp;lt; l; j++) { if(ary[j] &amp;amp;gt; ary[j + 1]) { var tmp = ary[...

2018-11-30 20:53:22 300

yahaha~的博客