自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

DanmoSAMA的博客~

纯小白从零开始的前端工程师之路,路漫漫其修远兮

  • 博客(62)
  • 收藏
  • 关注

原创 《你不知道的JS》读书笔记

学习方式:一边看书,一边学习他人的博客,把一些关键的部分记录在此,其他的贴出他人博客的链接。文章目录最佳实践上卷作用域JS是编译语言引擎、编译器和作用域中卷下卷最佳实践上卷作用域Javascript引擎,编译器,作用域三者之间的关系及LHS和RHS的区别JS是编译语言JS代码片在执行前要先编译:它的编译过程(通常)是在实际执行前进行的,而且也不会产生可移植的编译结果。引擎、编译器和作用域引擎: 负责整个Javascript程序的编译及执行过程。编译器:负责语法分析及代码生成。作用域

2021-05-16 12:19:47 308 1

原创 在网页/博客中实现图片居中和添加题注

网页<center> <img style="border-radius: 0.3125em; box-shadow: 0 2px 4px 0 rgba(34,36,38,.12),0 2px 10px 0 rgba(34,36,38,.08);" src="输入图片地址" width="输入一个百分数以确定图片大小比例"> <br> <div style="color:orange; border-bottom: 1px

2021-02-03 13:07:16 1549 2

原创 【前端/个人向】一些优质博客汇总

JSDOM滚轮事件搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

2021-01-27 13:31:54 550 3

原创 2021寒假——前端刷题笔记

BY2017Level 0尝试定义一个复制函数,接受上图所示的类似结构(只有一个根节点),返回一个全新的结构相同的对象这题应该是定义一个可以复制二叉树的函数,不过数据结构目前还没学到这…请使用尽可能多的CSS选择器及伪类选中如下的"I love bingyan",并将其变为红色(规则主体可只写一次)上方的代码由自己补全:<html> <head> <style> /* 元素选择器 span{} √ * id选择器 #{} √

2021-01-26 22:02:38 613 3

原创 C语言Educoder——编程作业/算法/基本示例

Educoder编程作业移位运算:任务描述本关任务:程序填空,写一个表达式,将int整数x向右循环移动n位,即向右移出的位直接放在最高位。例如:输入x的值:1234(对应二进制为00000000 00000000 00000100 11010010);输入n的值: 10 ,表达式完成计算后,x的值改变成:880803841 (对应二进制为00110100 10 000000 00000000 00000001)。x=((unsigned int)x>>n|x<<(3

2020-11-08 08:16:34 12711 9

原创 博客搬家

新博客地址:Hexo

2021-05-25 18:11:17 219

原创 前端模块化详解-笔记

参考博客:前端模块化详解(完整版)文章目录IIFE模式IIFE模式<!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-scal

2021-05-16 22:34:44 266

原创 Danmo的学习之路(webpack)

一边啃JS和计网的书,一边来学webpack,学习完后就可以学习框架了,实战搞起来,理论补起来

2021-05-09 09:19:44 592 3

原创 Danmo的学习之路(mongoDB & mongoose)

在冰岩实习期间用一天多的时间把超哥的mongoDB视频刷了一遍,并且有了一些实践,但是一个月后还是忘得差不多了,现在打算再刷一次:尚硅谷MongoDB基础教程(数据库精讲)在MongoDB中,数据库和集合都不需要手动创建,当创建文档时,如果文档所在的集合或数据库不存在,会自动创建数据库和集合。数据库会在第一次向其中插入文档的时候创建常用指令与CRUD- MongoDB的基本的指令 - 启动服务器 mongod --dbpath 路径 --port 端口号 - 启动客户端 mongo

2021-04-27 22:08:48 238 1

原创 Danmo的学习之路(ajax)

加油

2021-04-24 20:07:31 149

原创 Danmo的学习之路(express)

基本感知(P48)let express = require('express'); //引包let app = express(); //创建服务器应用程序// 相当于 server.listenapp.listen(3000, function () { console.log('app is running at port 3000.')})无需判断多重if,不管先后次序,直接使用app.js方法不需要设置响应内容类型,也不担心中文出现乱码app.get('/', funct

2021-04-10 23:27:34 177

原创 Git基本操作流程

学git的好地方:Learn Git Branching参考博客:git新建仓库,本地分支由master变为mainGit工具直接推送代码到main分支git bash: ctrl+ins 复制 shift+ins 粘贴进行add,commitgit checkout -b main 新建main分支,并转至main分支git merge master 合并两个分支git remote add origin https: //github.com/DanmoSAMA/demo.git 关联

2021-03-31 21:03:00 140

原创 冰岩作坊2021春招前端组面试总结

聊了以下内容:自我介绍async(promise,await)闭包箭头函数和普通函数的区别,rest和arguments,解构赋值垃圾回收学没学vue(回答没学,以此延申自己要学react和vue以满足中国大厂的需求,谈到了自己倾向工作而考保研)画立方体(用before和after),filter,current-color(?)http缓存,http码(1开头的我没说出来)git分支管理大学规划想来BY的原因总结:把问过的,不太熟练的知识再学一学学长的建议:学技术要学最新

2021-03-19 11:09:13 515 1

原创 浏览器是如何工作的?

参考视频:浏览器是如何运作的概论浏览器的组成部分浏览器分为以下几个部分:用户界面,浏览器引擎,渲染引擎其中:用户界面用于展示除标签页窗口之外的其它用户界面内容渲染引擎负责渲染用户请求的页面内容浏览器引擎用于在用户界面和渲染引擎之间传递数据渲染器下有很多小的功能模块,如负责网络请求的网络模块,用于解析和执行js的js解释器,,还有数据存储持久层(帮助浏览器存储各种数据,如cookie)渲染引擎是浏览器的核心,把它称作浏览器的内核浏览器内核 Blin

2021-03-11 16:57:34 185

原创 新手 node.js 留言本

项目的github url: DanmoSAMA/Review-System项目要点该项目的要点大致如下:项目的准备工作:注意要在项目文件夹内下载模板引擎,npm install art-template开放/public 目录中的静态资源post页中 表单属性的使用index页中 模板引擎的语法url.parse方法接受和存储数据,重定向开放/public 目录在html文件中,所有的url都以/public开头,不要使用相对路径./发现的一个现象,在post.html中,如果

2021-03-08 20:46:02 150 1

原创 Danmo的学习之路(node.js)

观看黑马node.js教程3.4执行node(P6)代码写在js文件内在该js所在文件夹内git bash here,输入 node 文件名文件名不能叫node.js,否则执行命令后,会打开js文件node 01.js //hello world!读取文件(P7)let fs = require('fs');fs.readFile('./txt文件/01.txt',function(error,data){ if(error){ console.log('

2021-03-04 17:33:38 606 9

原创 京东logo之gif图

HTML: <div class="logo"> <a href="javascript:;"> </a> </div>CSS:.logo a{ display: block; width: 190px; height: 120px; background-image: url(../img/header/spr

2021-02-25 22:08:51 1155

原创 CSS改变图标颜色

参考博客:CSS改变图标颜色实现思路:使用filter,在原图标旁边生成它的任意颜色的投影。把图标放入容器,通过相对定位改变它和投影的位置。对容器设置overflow:hidden,隐藏原图,只留投影。 黑色边框为容器,仅作演示,开启overflow:hidden后只保留阴影备注:在Chrome浏览器下(低版本),如果一个元素的主体部分,无论以何种方式,只要在页面中不可见,其drop-shadow是不可见的;实体部分哪怕有1像素可见,则drop-shadow完

2021-02-17 10:53:20 1278 1

原创 媒体查询初尝试

小米项目的媒体查询:注意事项宽度在衔接处,不要写一样的值,要交叉1px,比如:@media only screen and (max-width:1440px) and (min-width:1298px){}@media only screen and (max-width:1299px){}否则在宽度交接处,继续缩放窗口时会闪一下(什么也看不到)几种情况都要写在媒体查询中,不要初始情况写在外边,另外的情况写在媒体查询中,不然会出问题。大宽度 大宽度

2021-02-17 10:50:16 194

原创 小米官网过渡式轮播图

Version 1第一次自己尝试轮播图,思路大概是这样的:点击按钮切换图片&导航点→点击导航点切换图片→自动播放图片并切换导航点→添加过渡效果其中,切换图片用的是修改src的方式,导致我在添加过渡时绕了弯路,最后的效果差强人意,这只是过渡轮播图的第一版。后来又尝试了把图片横着排,改变left的第二版,意识到官网的过渡效果应该同时包括淡入和淡出,即上一张图片淡出的时候下一张图片淡入,我前两次的尝试都是把每张图片分开的,不论是修改src还是修改left,两张图片没有交集,自然做不出好的过渡效

2021-02-16 19:57:27 827

原创 Float布局,高度塌陷,Clear详解

何为 float 流式布局?遇到元素塌陷如何解决?将float属性设置为left或right,来实现在水平方向上的布局。如果元素塌陷,两种方式解决:开启父元素的BFC(设置overflow:hidden),由于BFC布局规则:计算BFC的高度时,浮动元素也参与计算,所以父元素的高度不会塌陷。使用伪类after,开启display:block,并且开启clear:both(我的理解是:display只要是块级元素,拥有上外边距的都可以,所以display:table也行,但是不能是inline-.

2021-02-13 15:11:23 301

原创 构造函数的return问题

参考博客:什么是构造函数?构造函数与普通函数的区别?return 语句的使用:普通函数return后面有值正常返回,没有值或者没有写return就返回undefined。构造函数一般不需要使用return,如果返回基本类型值,可以忽略return语句。如果返回值是引用类型时,会直接返回引用类型本身。 // 构造函数 返回引用类型 function Person(name) { this.name = name; return { a: 1 }; } let p2

2021-02-12 16:45:17 1188

原创 JS五种继承方法和优缺点

虽然ES6的Class继承确实很方便,但是ES5的继承还是要好好了解一下:参考视频:详解JS继承(超级详细且附实例)预备知识构造函数的属性function A(name){ this.name = name; //实例基本属性(该属性,强调私有,不共享) this.arr = [1]; //实例引用属性(该属性,强调私用,不共享) this.say = function(){ //实例引用属性(该属性,强调复用,需要共享) console.log('hello'); }}注意:数

2021-02-12 16:40:51 641 3

原创 Outline,Input样式的设置,小米官网搜索框

在做小米项目右上角的搜索框的时候,发现了该问题,现总结如下:outlineoutline和border类似,只不过outline不占用空间,而border占用空间 #box1{ width: 300px; height: 300px; margin: 0px auto; background-color: #bfa; outline: 10px solid green; border: 5px solid red; } #box2{ width: 300px; height: 30

2021-02-12 16:31:50 1029

原创 WordPress 个人博客1.0版

博客地址:淡漠SAMA的博客建站方法参考了这篇文章:WordPress搭建教程:手把手教你搭建WordPress博客建站步骤买域名: namesilo在namesilo上购买了首年优惠,0.99$的域名。买VPS:在vultr购买了1核1M25G固态硬盘的云服务器,一个月5$,一年380元左右。 vultr宝塔linux平台安装,配置WordPress(略)优化操作插件列表: 插件一览WP

2021-02-07 12:42:58 255

原创 JS什么时候在for循环中用var会出问题

参考博客:阮一峰ES6教程var一直听说var声明变量,存在循环变量泄漏为全局变量问题,但总是想不明白这个“全局”有什么影响,还有,到底什么时候输出的结果是递增/减的值,什么时候输出一样的值,也不清楚。现在总结一下:正常情况for(var i = 0; i < 10; i++){ console.log(i);}alert(i);//10依次输出1~9,弹出10问题情况此处借用阮一峰博客的代码:var a = [];for (var i = 0; i < 10; i+

2021-02-04 14:34:22 1180

原创 2021寒假——洛谷刷题计划(15题)

P2327 扫雷(DFS递归)递归就可以分类讨论了!#include <stdio.h>int arr1[10001],arr2[10001];int n,ans;int check(int x){ if(arr1[x-1]+arr1[x]+arr1[x+1]==arr2[x]) //判断当前情况下是否满足arr2数组 return 1; return 0;}void dfs(int k){ if(k==n+1){ //搜索结束条件,如果直到最后一个判断都符合条件,

2021-02-02 19:35:09 807

原创 2021寒假——洛谷刷题计划(35题)

(寒假结束后关闭私密)P5705 【深基2.例7】数字反转题目描述输入一个不小于 100100 且小于 10001000,同时包括小数点后一位的一个浮点数,例如 123.4123.4 ,要求把这个数字翻转过来,变成 4.3214.321 并输出。输入格式一行一个浮点数输出格式一行一个浮点数#include <stdio.h>int Strlen(char str[]);void StrReverse(char str[]);//这里不需要考虑传入二级指针......

2021-01-29 10:53:29 5323 2

原创 【01背包详细分析】P2392 kkksc03考前临时抱佛脚

原题:kokodayo#include <stdio.h>int a[5],i,j,k,sum,t,homework[21],dp[2501];int max(int a,int b){ if(a>=b) return a; else return b;}int main(){ for(i=1;i<=4;i++) scanf("%d",&a[i]); for(i=1;i<=4;i++){ sum=0; for(j=1;j<=a[i];

2021-01-25 12:23:04 172

原创 Danmo的学习之路(ES6)

不懂ES6,做不了笔试题

2021-01-15 20:40:23 368

原创 王道考研2021——计算机网络学习笔记

1.15

2021-01-15 20:39:01 2489 4

原创 Danmo的学习之路(Javascript高级)

基础总结深入1.11判断数据类型三种方法判断数据类型:typeof、instanceof、===typeof的返回值是一个字符串,如果要检查一个变量a是不是undefined,要用typeof判断,应该写console.log(typeof(a) === ‘undefined’)typeof(null)的值是object,因此如果要检查一个变量是不是null,只能用===...

2021-01-11 16:02:51 353

原创 英语期末复习——大学英语词汇解析

单词篇incredulous 不能相信的,等于doubtfulchubby 胖乎乎的forge 伪造coin 创造monogamy 一夫一妻制数字前缀:pent-表示五,hex-表示六,hept-表示七,oct-表示八短语篇lock the money away 投资be at odds with 和…不合/意见相左the twilight world 夕阳行业dispose of 扔掉,等于set asidewith both barrels 全力以赴a happy accide

2021-01-07 09:47:06 905 2

原创 JS练习11——二级菜单

不需要在意css文件内是什么内容,toggleClass函数和move函数见JS笔记下注意点:这段代码中动画是用js实现的,可以换成transition试试先获取begin,执行toggleClass,再获取end,然后将高度再重置为begin,这部操作虽然显得冗余,却是为了设置动画效果f(openDiv != parentDiv && !hasClass(openDiv , “collapsed”))语句的作用是,防止展开某个菜单又将这个菜单合上时,无法再展开该菜单执行完函数

2021-01-04 23:10:41 232

原创 JS练习10——轮播图

注意点:(有点难,多做几次,结合CSS过渡效果味道更好哦)要把图片全放在一行内,通过js(或者弹性盒子),使得加入新的图片或者减少图片时,图片不会到下一行中。在增加或减少超链接(导航点)时,超链接能够始终居中。由于for循环会先执行完毕,i的值会变成4,所以把索引值当作属性num存起来。需要同时考虑图片的切换和导航点的切换。利用封装好的move函数(定时器),使得图片每隔一段时间就向左移动,移动到最后一张时,下一张放第一张图片,通过CSS将最后一张切换成第一张。一次只能执行一个动画,存在自动切换

2021-01-04 21:09:52 259

原创 王道考研2021——数据结构学习笔记

王道给的代码中,有些用的是c++语言,但是和c的区别不大,不影响理解。线性表链表单链表的定义目前,只记了带头结点的情况初始化单链表:typedef struct LNode{ //定义单链表结点类型 ElemType data; //每个结点存放一个数据元素 struct LNode *next; //指针指向下一个结点}LNode,*LinkList;//初始化一个单链表bool InitList(LinkList &L){ //&表示间接访问,和c语言使.

2021-01-03 19:33:27 7792 3

原创 JS练习9——点击按钮div自动移动

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } #box1{ width: 100px; height: 100px; background-co

2021-01-02 11:29:10 2827

原创 JS练习8——自动切换图片(计时器)

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript"> window.onload = function(){ //获取img标签 var img1 = document.getElementById("img1");

2021-01-02 09:40:39 579

原创 JS练习7——用方向键操控div

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> #box1{ width: 100px; height: 100px; background-color: red; position: absolute; } &

2021-01-01 21:51:05 229

原创 JS练习6——拖拽

拖拽的流程当鼠标在被拖拽元素上按下时,开始拖拽 onmousedown当鼠标移动时被拖拽元素跟随鼠标移动 onmousemove当鼠标松开时,被拖拽元素固定在当前位置 onmouseup拖拽点和一开始拖拽的点保持一致关键点是这几行代码: event = window.event; //div的偏移量 鼠标.clentX - 元素.offsetLeft //div的偏移量 鼠标.clentY - 元素.offsetTop var ol = event.clientX - obj.of

2020-12-27 14:47:33 204 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除