阿门阿前下的蜗牛-CSDN博客

原创挖个刷题坑

题目必考题目js部分：dom的操作，删除，移动，复制，插入，前插后插，指定插一类。事件的处理，兼容性写法，参数作用，扑获冒泡，委派代理。ie下的一些兼容性问题，js的，举例。动画方面，加速度，重力模拟实现。正则，基本的用法和相关函数作用考查。闭包，原型链，作用域，变量引用，类继承方法。内存泄露的原因和场景。h5里一些新增api的了解。性能优化和重构知识。一,数据结构与算法1.二叉树的遍历改非递归2. 排序[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(im

2021-04-03 19:15:09 141

原创 HTML/CSS/JS基础大复习

HTML/CSS/JS基础大复习文章目录HTML/CSS/JS基础大复习一, 浏览器1. 什么是内核2. 常见内核二, 网页1. 什么是网页2. 什么是HTML3. 网页请求与显示( 输入网址到网页显示的整个流程)4. Web标准Web标准的构成标准化组织三, 协议1. TCP连接的三次握手四次挥手2. 网页用什么协议传输3. HTTP协议简介4. https与http区别, 加密的原理是什么5. 页面当中怎么强制使用https6. http状态码四, HTML1. 视口标签viewport里面都是什么1

2021-04-01 14:22:33 308

原创 cpp学习记录1-面向对象/类

cpp学习日报从零开始学习cpp文章目录12月11日今日进展一：配置g++环境。二,学习：面向对象的几大原则12月12日今日进展工作一：cpp的类怎么写工作2: 类, 为什么声明写在.h, 定义写在.cpp内; 而不像js一样,写在一个.js文件,然后export出来就行?工作3: 成员变量12月11日今日进展列举今日主要工作任务的进展情况一：配置g++环境。目前能在以下几种情况下运行cpp文件linux系统或vscode终端可以直接用命令跑，优点是轻便：vi hello.cp

2021-12-13 21:10:24 822

原创 this判断+异步任务执行顺序-闭包/Promise复习

1.闭包var result = [];var a = 3;let total = 0;function foo(a) { var i = 0; for (; i < 3; i++) { console.log('i', i); //都是同步, 所以会输出0,1,2 result[i] = function() { //一直到赋值语句都是同步的,所以result[0,1,2]都被赋值成功,但执行时内部i是闭包 total += i * a; c

2021-09-20 20:24:36 191

原创手动搭建Vue CLI(用webpack 配置vue项目)---练习使用webpack打包

Vue CLI安装过程(用webpack 配置vue项目的安装过程)—1. 练习使用webpack打包文章目录1. Node环境2. 安装并使用webpack2.1 webpack的全局安装2.2 练习webpack使用2.3配置webpack文件以简化命令2.4 package.json映射到npm run指令2.5 局部安装webpack1. Node环境webpack基于node环境, 所以先在官网下载安装node; 一路点确定即可;打开终端:win+R; 然后输入cmd确认node已经

2021-06-13 16:39:19 304 1

原创 webpack的Error记录

package.json参考输入webpack后无法打包:ERROR in Entry module not found: SyntaxError:\webpack_try\package.json (directory description file): SyntaxError: Unexpected end of JSON input在子目录下添加空白的json配置文件是会出现报错，其原因是因为文件内容空白...

2021-06-13 14:05:39 521

原创 vue父子组件通信练习

达成效果:在子组件里触发input时, 父组件里的data会改变改变父组件data时,子组件里面data和input.value也会改变<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" ..

2021-06-10 17:20:40 141

原创 Vue组件记录, 待看源码解决/补充

[ 1 ] Vue对象的component方法,为什么不能用如下方法注册组件? const app = new Vue({ el: '#app', data: { }, }); app.prototype.component('my-cpn', cpnC);

2021-06-08 17:08:05 114

原创数组常用方法总结:filter/map/reduce/...

这里写目录标题a.强大的reduce1.常用来求和/求积:2. 数组去重3.数组扁平化4.对象属性求和b. mapc. filtera.强大的reducedetail:浅谈JS中 reduce() 的用法JS数组reduce()方法详解及高级技巧arr.reduce(callback,[initialValue])callback （执行数组中每个值的函数，包含四个参数） 1、previousValue （上一次调用回调返回的值，或者是提供的初始值（initialValue））

2021-06-08 13:46:53 315

原创 Vue里的methods怎么写(未解决)

previously: 写methods时没按照官方格式来写，结果居然没报错？但是为什么不会报错还没弄懂，到时候看源码再回头解决吧代码大概是这样： methods: { getFinalPrice1: function(price) { return '$' + price.toFixed(2); }, getFinalPrice2: function abcd(price) { return '$'.

2021-06-07 17:20:21 553

原创 rest运算符和扩展运算符的区别

rest运算符和Array扩展运算符的区别文章目录rest运算符和Array扩展运算符的区别扩展运算符:[...]rest运算符 […arguments]这里用的是哪种运算符？得到什么？扩展运算符:[…]将数组转换为逗号分隔的[参数序列]常见用途:1.数组合并2.数组克隆注意克隆时候是浅拷贝3.将伪数组转为真正的数组比如,document.querySelectorAll(‘div’)是个伪数组:不过有rest存在,所以没什么必要用这个4.字符串转数组以前字符串转数组用s

2021-06-03 15:39:06 211

原创复习3-三栏布局/htttp/判断登录

大复习文章目录大复习三栏布局js获取url中的某个参数值闭包的作用WEB攻击(说了SQL注入，XSS,CSRF 让细讲了CSRF的过程)前端安全这块（问题，防范）事件循环，宏任务微任务http头部信息http状态码TLS握手Async，promise和generatorES6的新特性（说了块级作用域、箭头函数、promise顺便问了事件循环，扩展运算符，Symbol和新增的几个API排序-快排/冒泡/插入CSS的position(重点relative 和absolute的区别)css垂直水平居中ES6中，

2021-05-26 00:06:33 470

原创防抖，节流，柯里化

柯里化 var sum = function() { let arg = Array.prototype.slice.call(arguments); // let total = arg[0]; let inner = function(y) { let total = 0; arg.push(arguments[0]);

2021-05-21 11:01:25 155

原创练习-原生js写的颜色选择器colorpicker

colorpicker需求分析:以下四种方案, 前三种为点击色块选择颜色, 第四种为滑动/拖拽选颜色, 所以分为两种实现类型-色块或者色带, 做出两种colorpicker.第一种方案的颜色选择器: 点击色块选择颜色<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="

2021-05-14 18:00:11 1702

原创 C语言仿真ADC的完整代码,无信道部分,仅发送端接收端

这里写目录标题1. main文件:2. 头文件: const.h3. 头文件:[complex.h和complex.c调用]()4. 发送端transmitter.c5. 过采样oversampling.c6. 接收端remove_GI.c7. 接收端ADC仿真输出结果如下:1. main文件:#include <stdio.h>#include <stdlib.h>#include <time.h>#include <math.h>#includ

2021-05-12 17:20:13 420

原创区别this/event/event.target/event.currentTarget

用闭包打印li时候发现,为什么不利于冒泡实现呢?然后复习一下冒泡时候this/event/event.target/event.currentTarget这几个对象的不同.先不考虑IE兼容, 打印看看. 区别就一目了然了:ul.onclick = function(e) { console.log(this); console.log(e); console.log(e.target); console.l

2021-05-02 16:22:11 111

原创前端性能优化

前端性能优化一,加快通信(请求)速度二,加快数据处理速度渲染方式、数据处理，后端、网络通信相关的所有内容；入手：基于http请求响应的这一系列过程，有两个方面入手：一,如何让网络通信更快，发请求更快？尽量用http2不要用http1；首先http2有头部压缩机制，谷歌专门提出一个HPACK压缩算法，传一个索引表（只存常用头信息），辅助哈夫曼编码来encode头id；其次http2真正实现了多路复用（2进制帧传数据）；服务器层面：物理距离无法更改，但是如果有多个服务器，选择近距离的服务

2021-05-01 18:52:12 69

原创箭头函数

箭头函数文章目录箭头函数跟普通函数一样,箭头函数也会被提前声明跟普通函数不一样的地方:1.this静态声明2.箭头函数不是Function对象,没有原型链3.箭头函数无arguments伪数组箭头函数的简写箭头函数常见应用练习跟普通函数一样,箭头函数也会被提前声明console.log(fun(5, 4));function fun(c, d) { return c - d;}let fun = (a, b) => { return a + b;}//Uncaught

2021-04-30 21:31:25 227

原创 C语言-OFDM过采样获得中频IF信号

仿真ADC那里写了过采样的原理: 利用实信号的傅里叶变换是共轭对称, 反之:共轭对称的复信号做反傅里叶变换是实信号这个性质;所以基本过程如下:这样子获取的OFDM信号就是实信号了!!代码如下:#include "const.h"#include "complex.h"//Complex modulated_signal[POINT_N], transmitted_signal[OFDM_N];//POINT_N代表OFDM的subcarriers中,携带data的subcarriers的数

2021-04-29 11:57:24 452

原创 C语言仿真ADC(从发送信号开始)-笔记

C语言仿真ADC(从发送信号开始)-笔记文章目录C语言仿真ADC(从发送信号开始)-笔记基础:基于以上的理论知识,大体的仿真过程如下:难点分析:难点1: 如何把等效低通信号加载到高频并获得IF信号的实部方法1: 时域转换方法2: 过采样实现频域转换难点2: ADC的接收端基础:傅里叶变换(知乎大佬们讲的真好啊):为什么傅里叶变换可以把时域信号变为频域信号？信号中的虚部的物理意义是什么？如何通俗地解释什么是离散傅里叶变换？采样定理，频谱混叠和傅里叶变换深入理解基于以上的理论知识,大体的仿

2021-04-29 11:47:24 640

原创手写深拷贝＞/遍历对象的方法

深拷贝写法>遍历对象的方法手写深拷贝如下:function deepCopy(obj) { //判断是否是简单数据类型， if (typeof obj == "object") { //复杂数据类型 var result = obj.constructor == Array ? [] : {}; //对于数组和对象,result的类型不一样,不过调用方式一样,都是result[i] for (let i in obj)

2021-04-25 16:47:00 280

原创 js牛客网输入输出调试-(leetcode, yes!)

牛客网输入输出调试难搞啊, 5道题写完没有1道通过, 怀疑人生… 感觉有必要专门总结下怎么应付牛客.文章目录牛客网输入输出调试1. 输入已知行数的输入:未知行数的输入:2. 输出首先, 输出的格式也应是字符串格式! '4 6';其次: 不像leetcode只用写函数体不用调用, 牛客里不仅要手动获取输入输出, 还要手动打印, 要么不要封装成函数, 如果封装成了函数一定要手动调用;最后, 牛客的输入不是函数里的return! 而要手动print或者console.log;3. 做道题练习下1. 输入例

2021-04-21 16:13:04 1416

原创剑指1-数组/字符串/链表

剑指offer刷题记录文章目录剑指offer刷题记录一,数组1. 数组中重复的数字-剑指offer面试32.二维数组中的查找-剑指offer面试4二,字符串1. 替换字符串中的空格-剑指offer05三, 链表1. 从尾到头打印链表-剑指offer06一,数组1. 数组中重复的数字-剑指offer面试3找出数组中重复的数字。在一个长度为 n 的数组 nums 里的所有数字都在 0～n-1 的范围内。数组中某些数字是重复的，但不知道有几个数字重复了，也不知道每个数字重复了几次。请找出数组中任意一个重

2021-04-21 11:21:54 155

原创 RegExp类型/正则匹配笔记

RegExp构造函数文章目录RegExp构造函数1. 正则匹配式怎么写2. RegExp实例方法exec()3. RegExp实例属性4. RegExp构造函数属性1. 正则匹配式怎么写//写法1:var expression = / pattern1 / flags ;//写法2: 构造函数实例var expression = new RegExp("pattern2", "flags");注意:由于 RegExp 构造函数的模式参数是字符串，所以在某些情况下要对字符进行双重转义. 基本

2021-04-20 16:41:52 196

原创 js里的所有对象都有原型吗?

不是的, 用Object.create(null)创建的对象没有原型:var emObj = Object.create(null);console.log(emObj);console.log([]);console.log({});打印结果如下:空对象都有原型, 但Object.create(null)没有.因为Object.create(null)没有继承任何原型方法，也就是说它的原型链没有上一层。猜想是堆内存里并没有放内容,而只是在栈内存里放了这个指针, 然后告诉内存分配空间.

2021-04-19 09:19:39 3488

原创空数组的布尔值到底是true还是false/比较符两边

做题碰到一个bug, 用if(arr)判断数组是否为空无效, 即使是空数组也会进入if内层语句:var arr=[];if(arr){ console.log('判定失效了');//总能输出}后来尝试打印了几次,发现问题不简单:console.log(![]); //falseconsole.log(!''); //true按照一般的惯性思路, 空数组就像空字符串, 其Boolean为false, 所以!为true.但上面![]==false, 这跟平时想的不一样. 但难道[]的布尔值

2021-04-19 09:11:38 5572 1

原创 \＜script＞标签的属性async/defer异同

已知js文件最好放在body最后面:在文档的元素中包含所有 JavaScript文件，意味着必须等到全部 JavaScript代码都被下载、解析和执行完成以后，才能开始呈现页面的内容（浏览器在遇到标签时才开始呈现内容）。对于那些需要很多 JavaScript代码的页面来说，这无疑会导致浏览器在呈现页面时出现明显的延迟，而延迟期间的浏览器窗口中将是一片空白。为了避免这个问题，现代Web应用程序一般都把全部 JavaScript引用放在元素中页面内容的后面… …<红宝书第2章>

2021-04-11 11:30:38 112

原创基础复习2

JS基础js的数据类型null/undefined/NaN区别NaN是一种特殊的number, null特殊的object, 未声明或声明未赋值undefinedJS中成员(属性)查找机制原型链查找JS中变量查找机制作用域链查找(左查找/右查找)-- https://www.jianshu.com/p/2f5839edc63fLHS: LHS查询会自动创建未找到的目标变量; RHS查询时，如果在作用域链中都无法找到目标变量，那么，引擎会抛出ReferenceError异常

2021-04-08 20:27:50 110

原创 JS的继承

一，主要是靠原型链继承,像类extend到类,实例对象和类,实例对象和构造函数之间会自动生成原型链; 还可以手动给两个对象(or构造函数)之间添加原型链,但有坑要注意坑1:obj.prototype也是指针,如果son.prototype=obj.prototype直接把父亲的也改了,所以不能直接赋值原型对象,得通过new实例对象来建桥: 让son.prototype = new Father();利用这个Father实例对象的__proto__指向Father.prototype, son实例也能够

2021-04-07 22:46:56 96

原创 web 前端安全

web 前端安全参考:MDN:https://developer.mozilla.org/zh-CN/docs/Web/SecurityCORS:https://developer.mozilla.org/zh-CN/docs/Web/HTTP/CORS博客: https://blog.csdn.net/ppxin/article/details/94717173XMLHttpRequest:文章目录web 前端安全三, 常见攻击类型1.CSRF跨站请求伪造(Cross-site Reque

2021-04-01 21:24:43 202

原创 Vue/axios-基础练习(天气预报/音乐播放器)

Vue/axios-基础练习参考:v-on修饰符axios官网文章目录Vue/axios-基础练习vue基础指令axios基础使用方法axios怎么与vue结合练习1: 点击按钮加减数字练习2: 点击切换显示or隐藏练习3: 点击更改目标的样式练习4: 响应式生成列表练习5: 点击获取一则笑话综合练习练习1: todoList,输入任务回车后,自动添加进列表,可删除练习2: axios+vue实现网络应用: 天气预报练习3: 音乐播放器vue基础指令vue实例的作用范围是什么: el

2021-04-01 01:20:20 574

原创 HTML/CSS/JS基础-容易混淆的属性们

很容易搞混的属性们文章目录很容易搞混的属性们1. mouseenter 和 mouseover2. vertical-align和text-aligna. vertical-align和text-align区别总结b. text-align 属性到底怎么用c. vertical-align属性到底怎么用-设置img3. window.onload和document.addEventListener('DOMContentLoaded', function(){})的区别4. document.body和

2021-03-31 15:46:52 173

原创行高的继承性

特殊的行高淘宝头css文件中写的这一句:body{ font: 12px/1.5 'Microsoft Yahei';}//一般缩写格式:font{ font: 字体大小/行高 '字体形式'}首先, 行高是可继承的属性;其次, 行高可以跟单位也可以不跟单位, 不跟单位时就是指当前元素的字体大小的倍数(12*1.5=18px)什么叫"当前元素的字体", 举个栗子: body时设定了"12px/1.5" 跟写 "12px/18px"是不一样的body{ font: 12px/1.

2021-03-28 21:01:54 734

原创返回页面顶部的方法

1. 用HTML的a标签的锚点链接实现锚点链接: 在目标位置添加一个ID属性; 在之后的链接a中设置href为#id<h1 id="target">目标</h3><a href="#target"> </a>点击a即可实现跳转2. 用JS的window.scroll(0, 0)实现优点: 可以用动画实现缓慢跳转...

2021-03-27 22:57:11 138

原创 JS-WebAPIs-PC端特效练习(拖拽/缓动动画/轮播图/返回顶部)

PC端网页特效练习题文章目录PC端网页特效练习题重点1.重点: 拖拽原理2.重点: 缓动动画注意: 多个目标之间缓速移动实现时候注意取整一, offset系列属性练习1. 拖拽弹出框(模态框)3. 商品放大镜二, scroll属性练习1. 淘宝固定右侧侧边栏注意区分window.pageYOffset和element.scrollTop三, 动画1. 飘动的盒子们2. 轮播图重点1.重点: 拖拽原理2.重点: 缓动动画// 匀速动画就是盒子是当前的位置 + 固定的值 10// 缓动动画就是

2021-03-26 19:01:38 246 2

原创 CSS-父盒子跟子盒子之间的缝隙问题

父盒子跟子盒子之间的缝隙问题Remove single pixel gap between child and parent div即使给父子盒子设置相同大小, 给子盒子填色后会发现随着浏览器窗口缩放, 父子盒子之间有个小缝隙.<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> &

2021-03-23 12:29:19 5386 5

原创 JS-WebAPI-BOM练习题(定时器/页面跳转)

JS-API第5天-BOM练习题文章目录JS-API第5天-BOM练习题一, 定时器练习练习1. 3秒后自动关闭广告练习2. 京东秒杀倒计时牌一, 定时器练习练习1. 3秒后自动关闭广告<body> <img src="images/cj.jpg" alt="" class="ad"> <script> var ad = document.querySelector('.ad'); setTimeout(functi

2021-03-17 18:14:34 496

原创 JS-WebAPIs-事件高级(监听/删除事件/事件对象/冒泡/鼠标键盘事件)

JS-API第3天-事件高级解读参考:pink老师JS基础 JavaScript基础语法-dom/bom-es6-jQuery-数据可视化echarts-包含笔记源码作业黑马程序员pink老师前端入门视频教程（持续更新）文章目录JS-API第3天-事件高级解读一, 注册事件1.1 注册(绑定)事件的方式传统方式: div.onclick = function(){}方法监听: div.addEventListener('click', fnName(){}, true)IE-6-8: div.at

2021-03-16 19:32:46 183

原创 CSS框盒模型＞外边距重叠/BFC

CSS框盒模型>外边距重叠(Mastering margin collapsing)写京东倒计时模块时碰到此问题, 文字title作为子盒子一移动会牵制父盒子背景一起移动.原因是外边距重叠(Mastering margin collapsing).更多详细知识请参考:MDN 边距重叠(Mastering margin collapsing)深入理解BFC和Margin CollapseCSS外边距(margin)重叠及防止方法块的上外边距(margin-top)和下外边距(margi

2021-03-15 15:52:02 194

原创练习-动态生成表格存储学生信息

练习-动态生成表格存储学生信息要求:Part1: 输入学生的姓名/科目/成绩, 动态生成表格当已有多个学生信息时, 一次导入生成表格每一项学生信息, 都有删除选项基本样式:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, i

2021-03-11 12:23:50 544

normalize.css

空空如也