- 博客(13)
- 收藏
- 关注
RSS订阅原创 持续更新-前端面试使用
记录一些前端面试参考资料（当前只是今天看到的，之前看到的还没整理过来）。基础知识涵盖比较全的：FE-InterviewzhenzhenCaijs算法题：awesome-coding-js面经：https://www.nowcoder.com/discuss/366133?type=post&order=time&pos=&page=1&subType=...
2020-03-28 20:42:08
165
原创 GO和AO变量提升和函数提升的先后次序及覆盖问题
先说一下结论：首先，全局代码执行时，js在执行前会产生一个GO（Global Object），可以当做全局执行上下文，在这里面先进行变量提升（包括函数表达式），并赋值为undefined；然后函数提升（必须是以函数声明创建的函数）；最后是代码逐行解释和执行；（注意：全局执行上下文中还会进行一些隐性操作，例如对this的赋值等，这里只区分函数和变量提升顺序，其他未提。）然后，在函数被调用的时候，...
2020-02-28 09:41:51
530
原创 我的 网上商城网站布局 练习（含效果图和源码）
介绍：目前仅实现静态页面，还在持续更新中（后期添加其他页面和动态交互效果），有问题可留言讨论，文末附上了此网站在我的github的源代码供大家参考。同时，我还会抽空列举出一些制作过程中遇到的问题和小技巧，虽然比较基础，但在我的小白进阶之路上有了一定的提升。效果图：我的github源码：https://github.com/Darenlunia/my_mall_website_layo...
2020-02-19 22:16:07
1069
1
转载 导航栏二级菜单练习
效果展示：源码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http...
2020-02-17 11:01:04
400
原创 写网站样式时的“清零（reset）”操作总结
在写网站时往往需要对页面进行一些清零操作，例如给body的margin、padding设置为0，以防影响网站的整体布局。诸如此类的操作已总结如下，可以每次构建网站时直接使用。 /*边框的清零操作*/ body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input {margin:0;padding...
2020-02-17 09:37:59
664
原创 我的基础css网站页码设计
1. 基础页码效果下面的代码是上图效果的基础样式设计；为了保持浏览器兼容性，最好设置a的display样式为inline-block；后续可以为页码添加点击事件。2. 参考源码<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; chars...
2020-02-15 22:18:52
1242
原创 到底什么是虚拟世界的长度单位？
在不同设备上展示同一个网页的布局适配时，会由于屏幕密度、大小不同而带来各种各样的排列问题，如下图所示，这个视频很好地展示了我们使用像素时带来的局限性，Up主很有心做的动漫效果通俗易懂。那么面对虚拟世界，对于如何保持用户在不同浏览器上的一致体验呢？web开发者和社区成员帮我们总结出了几种常见的度量单位：px、em、rem、vh/vw。px大家都知道是像素单位，这里重点说一下后三者。em：...
2020-02-14 12:38:03
279
原创 CSS实现布局中的发光边框（使用伪元素+渐变色）
该效果可以用在自己布局网站时，对小盒子的边框进行特效设计，本特效设计参考了一位B站up主的教程，链接附在文末，对做酷炫布局有一定的帮助。1. 发光效果图：2. 源码解析：buling.html：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <...
2020-02-13 21:49:16
2475
原创 浏览器环境js和nodejs环境下javaScript异同点整理
一、 浏览器端js1 功能主要帮助html+css等完成交互动作2 编译引擎一般是浏览器自带的运行网页上JavaScript引擎，各浏览器承载引擎如下：Mozilla – Spidermonkey-Chrome – v8Safari – JavaScriptCoreIE、Edge – – ChakraPhantomJS – JavaScriptCorenode – v8不同...
2020-02-11 21:26:53
731
原创 CSS实现渐变按钮点击出现悬浮阴影
效果图：shadow.html文件内容如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
2020-02-11 10:09:38
1275
原创 【持续更新】css常见基础问题-1（小白学习）
1. display:inline、block、inline-block的区别参考了一篇博主宣午刚001的博客，内容写的很详细。简单的来说：block元素 – 高度，行高以及顶和底边距都可控制,宽度缺省是它的容器的100%，除非设定一个宽度inline元素 – 和其他元素都在一行上；高，行高及顶和底边距不可改变；宽度就是它的文字或图片的宽度，不可改变。现有如下需求：让一个inline元素...
2020-02-10 14:35:16
150
原创 CSS中盒子display属性的flex布局及其属性
CSS中盒子display属性的flex布局在学习css的display布局属性时，相关教程讲的过多的一般是inline和block，而在应用中，flex布局也十分常见，但在基础教程中一般不予提及。flex布局可以为盒子模型提供具有灵活性的布局方式，目前已被主流浏览器所支持，任何一个盒子容器都可以指定为flex布局（此时被称 flex容器 ）。容器默认存在两根主轴：水平方向主轴( main ...
2020-02-10 13:07:34
1073
原创 新的一年，新的开始
新的一年，新的开始以往的笔记和日记记录往往写在印象笔记中，今年假期在家思考一番后决定开始维护和整理自己的博客，算是半公开的记录个人学习路程。以往笔记也只是写给自己看，格式调整的也不是很美观，后续博客的记录整理一定要做到有逻辑性、结构性。之前做过一点前端项目，对前端感兴趣起来，近期决定着重记录一些前端实践的小例子，例子偏基础，后期会加大难度。希望自己能持续进步，而不是当一个不敢见天日的死肥宅...
2020-02-06 23:15:11
135
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人