慢慢找工作
关注
分享
扫一扫
慢慢学编程
这个作者很懒，什么都没留下…
展开
-
浙江浙大中控技术前端面经
春招第一面，凉凉一面是主管面自我介绍问了超基础的技术问题，略过加班，略过还有什么想问我的，接下来是正式的技术面试时间二面是技术面，问的很基础，但是还是有没有的打上来的，凉1.vue的双向绑定2.拆分组件的依据3.scoped的使用方法4.常用的组件库5.父子组件传值6.refs的用法7.computed和watch的区别8.router的用法9.路由守卫10.vue...原创 2020-03-11 15:38:13 · 1784 阅读 · 1 评论 -
rem实现响应式布局
rem单位是相对于根元素html的font-size来决定的，根元素的font-size相当于提供了一个基准，当页面的size发生变化时，只需要改变font-size的值，那么以rem为固定的元素的大小也会发生响应式的变化，因此，如果通过rem来实现响应式布局，只需要根据视图容器的大小，动态的改变font-size的值即可；<style> html { fon...原创 2020-03-11 11:44:18 · 973 阅读 · 0 评论 -
JavaScript——归并排序
//归并排序 function merge(left, right) { let result = []; while (left.length && right.length) { if (left[0] < right[0]) { result.push(left.shift(...原创 2020-03-07 17:51:38 · 120 阅读 · 0 评论 -
Javascript——void函数
JavaScript中的void是一个操作符，该操作符要指定一个表达式但不返回值。void有以下两种方法。void（expression）void expression<a href="Javascript:void(0)">单击链接</a><a href="Javascript:void(showData())">单击链接</a><...原创 2020-03-07 16:47:00 · 2291 阅读 · 0 评论 -
JavaScript——翻转链表
**定义一个函数，输入一个链表的头节点，反转该链表并输出反转后链表的头节点。示例:输入: 1->2->3->4->5->NULL输出: 5->4->3->2->1->NULL** /*** Definition for singly-linked list. * function ListNode(val) { * ...原创 2020-02-18 22:26:49 · 158 阅读 · 0 评论 -
JavaScript——连续正整数序列的和
输入一个正整数 target ，输出所有和为 target 的连续正整数序列（至少含有两个数）。序列内的数字由小到大排列，不同序列按照首个数字从小到大排列。示例 1：输入：target = 9输出：[[2,3,4],[4,5]]示例 2：输入：target = 15输出：[[1,2,3,4,5],[4,5,6],[7,8]]var findContinuousSequence = ...原创 2020-02-18 21:50:06 · 628 阅读 · 0 评论 -
JavaScript——栈的压入、弹出序列
输入两个整数序列，第一个序列表示栈的压入顺序，请判断第二个序列是否为该栈的弹出顺序。假设压入栈的所有数字均不相等。例如，序列 {1,2,3,4,5} 是某栈的压栈序列，序列 {4,5,3,2,1} 是该压栈序列对应的一个弹出序列，但 {4,3,5,1,2} 就不可能是该压栈序列的弹出序列。// let pushed = [1, 2, 3, 4, 5],// popped = [4, 5...原创 2020-02-18 21:24:26 · 385 阅读 · 0 评论 -
JavaScript——替换字符串中的空格
let s = "We are happy." var replaceSpace = function(s) { let ret = ''; for (let item of s) { if (item == " ") { ret += "%20"; ...原创 2020-02-18 18:01:18 · 342 阅读 · 0 评论 -
JavaScript——斐波那契数列
var fib = function(n) { if (n == 0) return 0; if (n == 1) return 1; if (n >= 2) { let a = 0, b = 1, temp;...原创 2020-02-18 17:56:32 · 161 阅读 · 0 评论 -
JavaScript——丑数
输入: n = 10输出: 12解释: 1, 2, 3, 4, 5, 6, 8, 9, 10, 12 是前 10 个丑数。我们把只包含因子 2、3 和 5 的数称作丑数（Ugly Number）。求按从小到大的顺序的第 n 个丑数。首先我们来看一下如何判断一个数是否为丑数我们用该数连续除2除3除5，如最后结果为1，那么这个数就是丑数；也就是说丑数可以被拆解成 ：2a x 3b ...原创 2020-02-17 16:37:28 · 576 阅读 · 0 评论 -
Javascript——对象模式
对象模式1》工厂模式 a)现实中的工厂差不多 b)在函数内部创建了一个新的空对象，最后返回这个对象 c)缺点：虽然new的是共同的一个函数,但是其中的方法做对比，返回false,也就意思说，new的函数，中的方法，不是共享（不是同一个地址）. //工厂模式 function HotPotFactory() { var obj = { ...原创 2020-02-05 00:16:58 · 145 阅读 · 0 评论 -
JavaScript——实现reduce乘法
function multiple(num1, num2) { return num1 * num2; } var arr = [1, 2, 3, 4, 5]; function Reduce(arr, num, fn) { arr.forEach(element => { num = fn(num, ...原创 2020-02-04 15:15:26 · 321 阅读 · 0 评论 -
JavaScript——正则提取URL参数
function fn(str) { var str = "https://www.baidu.com/s?wd=%E7%BD%91%E6%98%93%E4%BA%91%E8%AF%BE%E5%A0%82&rsv_spt=1&rsv_iqid=0x80f9b42000b29443&issp=1&f=8&rsv_bp=1&rsv...原创 2020-02-02 10:18:19 · 382 阅读 · 0 评论 -
Javascript——正则表达式限定符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-01 23:04:54 · 361 阅读 · 0 评论 -
Javascript——正则表达式元字符
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-01 23:03:56 · 192 阅读 · 0 评论 -
Javascript——飞机大战之飞机
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-...原创 2020-02-01 15:55:44 · 223 阅读 · 0 评论 -
JavaScript——实现放大镜效果
* { margin: 0; padding: 0; } body { background: #000; } #box { width: 900px; height: 400px; border: 1px solid #000; ...原创 2020-02-01 15:09:53 · 153 阅读 · 0 评论 -
Javascripte——实现拖拽
body { background: yellowgreen; } * { margin: 0; padding: 0; } #box1 { position: relative; width: 200px; height: 200px; ...原创 2020-02-01 15:07:28 · 170 阅读 · 0 评论 -
JavaScript——实现getElementsByClassName()兼容IE8
<body> <ul> <li class="lis">1</li> <li>2</li> <li>3</li> <li>4</li> <li class="lis">5<...原创 2020-01-31 14:06:42 · 170 阅读 · 0 评论 -
Javascript——给Array对象增加一个原型方法实现数组去重
var arr = [5, '5', 5, 2, "2", 2, 1, 3]; //Array.prototype.数组方法 = function(){} Array.prototype.unique = function() { var obj = {} var newarr = [] for (var i = 0; i ...原创 2020-01-10 18:28:58 · 693 阅读 · 0 评论 -
Javascript——获取指定元素下的所有节点
使用getElementsByTagName(’*’)即可<body> <div id="box"> <ul> <li>1</li> <li>2</li> <li>3</li> ...原创 2020-01-10 18:11:56 · 1215 阅读 · 0 评论 -
JavaScript——将一个函数的arguments转换为真正的数组
借助Es6的Array.from()方法即可 function transform() { console.log(arguments); var arr = Array.from(arguments); console.log(typeof arguments); // console.log(arr instanceof ...原创 2020-01-10 18:06:34 · 350 阅读 · 0 评论 -
JavaScript——描述cookie，localStorage和SessionStorage的区别
1.存储大小不同cookie：4klocalStorage和SessionStorage：5M或者更多2.有效期不同：cookie：有效期之前一直有效localStorage:删除之前一直有效SessionStorage：关闭浏览器之前有效3.作用域不同SessionStorage：只在当前页面有效cookie和localStorage：不同页面也会存在...原创 2020-01-10 17:58:05 · 163 阅读 · 0 评论 -
Javascript——数据类型隐式转化
1.字符串是mvp，他遇见谁最后都会变成字符串2.boolean遇见数值，boolean会转换为数值3.undefined遇见数值，会转换为NaN4.null的类型是object console.log('manman' + 233, " 类型：" + typeof('manman' + 233)); console.log(undefined + 1, "类型： " + t...原创 2020-01-10 17:40:05 · 104 阅读 · 0 评论 -
JavaScript——const和let的区别
1.const声明必须赋值2.const是不可变化的量（常量）反证法：现在我们首先来看是是否可以只声明但是不赋值 let name; console.log(name);运行结果：undefined但是 const name; console.log(name);运行结果：Uncaught SyntaxError: Missing initializer in co...原创 2020-01-10 17:15:48 · 309 阅读 · 0 评论 -
JavaScript——写出至少两种继承的方法
如何创造一只会叫并且会吃饭的狗子方法1. function animal() { this.eat = "我会吃"; } function dog() { this.bark = "我会叫"; } dog.prototype = new animal(); var dog = new dog(); con...原创 2020-01-10 17:00:29 · 123 阅读 · 0 评论 -
JavaScript——事件委托
把事情交给别人来做，有点像找人帮忙拿快递，法律上的委托人。举例，现在一个 ul 有三个 li,点击按钮可以增加一个li，点击li可以给li增加背景颜色。代码如下：<body> <button>增加li</button> <ul id="uls"> <li>1</li> <...原创 2020-01-10 16:02:56 · 109 阅读 · 0 评论 -
JavaScript——对象踩坑key
即使key值不同，对象赋值会被覆盖 var a = { key: "key1" } var b = { key: 'key2' } var c = {} c[a] = 'key1' c[b] = 'key2' console.log(c[a], c[b]);...原创 2020-01-10 15:24:50 · 285 阅读 · 0 评论 -
JavaScript——判断图片是否加载完毕
<body> <img src="1.jpg"></body><script> var img = document.querySelector('img'); var timer = setInterval(function() { if (img.complete) { clea...原创 2020-01-10 15:06:10 · 222 阅读 · 0 评论 -
JavaScript——创建对象的四种方法
var obj1 = {} var obj2 = new Object(); function fn() { } var obj3 = new fn(); var obj4 = Object.create(Array.prototype); console.log(obj1, obj2, obj3, obj4);原创 2020-01-10 14:55:43 · 101 阅读 · 0 评论 -
Javascript——字符出现的次数
var str = 'qweqeqeqeqwedfds f'; function countChar(str) { var ret = {}; for (var i = 0; i < str.length; i++) { if (ret[str.charAt(i)]) { ret[str...原创 2020-01-10 14:39:45 · 139 阅读 · 0 评论 -
JavaScript——解析url
var url = 'https://www.baidu.com/s?wd=%E8%AE%B8%E5%B5%A9&rsv_spt=1&rsv_iqid=0xb257eeb40005747f&issp=1' function querySringPara(url) { var ret = {}; let temp1 = url...原创 2020-01-10 14:20:14 · 208 阅读 · 0 评论 -
JavaScript——编写一个b继承a的方法
function a() { this.run = function() { console.log("我是run方法"); } } function b() { } b.prototype = new a(); var nb = new b(); nb.run();...原创 2020-01-10 12:38:36 · 583 阅读 · 0 评论 -
JavaScript——冒泡排序和插入排序
var arr = [2, 4, 32, 1, 45]; // 冒泡排序 var maopao = function(arr) { for (var i = 0; i < arr.length; i++) { for (var j = 0; j < arr.length; j++) { if ...原创 2020-01-10 01:15:26 · 253 阅读 · 0 评论 -
JavaScript——大数乘法
给定两个以字符串形式表示的非负整数 num1 和 num2，返回 num1 和 num2 的乘积，它们的乘积也表示为字符串形式。示例 1:输入: num1 = “2”, num2 = “3”输出: “6”示例 2:输入: num1 = “123”, num2 = “456”输出: “56088”说明：num1 和 num2 的长度小于110。num1 和 num2 只包含数字 0...原创 2020-01-09 22:25:56 · 1187 阅读 · 0 评论 -
JavaScript——严格模式
是什么？解决了js中一些奇怪的问题比如：arguments 可以被赋值等好处代码更加严谨压缩的时候节约文件更小坏处阻塞后面代码的运行压缩的时候回出现错误...原创 2019-12-29 13:37:39 · 118 阅读 · 0 评论 -
JavaScript——延迟加载的方式
1.async<script src = 'a.js' async></script>2.defer<script src = 'a.js' defer='defer'></script>3.setTimeout4.使用dom新建元素原创 2019-12-29 13:32:57 · 103 阅读 · 0 评论 -
JavaScript面试——new操作都发生了什么
举例function Fun(){ this.name = "张三"}Fun.prototype.run = function(){ return 'run方法'}var obj = new Fun()新建了一个对象var obj= new Object();给该对象赋值obj.__proto__ = Fun.prototype;改变this的指向Fun...原创 2019-12-29 13:28:54 · 142 阅读 · 0 评论 -
JavaScript——取消默认事件
*举例：取消a链接跳转<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>取消默认事件</title></head><style> .div1 { width: 300...原创 2019-12-28 22:52:49 · 266 阅读 · 0 评论 -
JavaScript——取消冒泡事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>取消冒泡事件</title></head><style> .div1 { width: 300px; ...原创 2019-12-28 22:47:54 · 127 阅读 · 0 评论