面试题-1(来自b站千峰教育)
rem em vw vw 百分比区别 相同点: rem,em,vw,vh,vw属于前端开发除了px单位之外的另外几种单位取值;但是具体含义存在区别 不同点: px:是像素单位,属于绝对单位,是一个具体的大小 rem:相对于根元素进行设置 em:如果自身有字体大小的设置,那么就相对于自身字体大小设置,如果自身没有字体大小设置,那么就相当于父元素进行设置。 vw:1vw相当于浏览器...
rem em vw vw 百分比区别 相同点: rem,em,vw,vh,vw属于前端开发除了px单位之外的另外几种单位取值;但是具体含义存在区别 不同点: px:是像素单位,属于绝对单位,是一个具体的大小 rem:相对于根元素进行设置 em:如果自身有字体大小的设置,那么就相对于自身字体大小设置,如果自身没有字体大小设置,那么就相当于父元素进行设置。 vw:1vw相当于浏览器...
这篇文章引自这里https://www.fomal.cc/posts/5389e93f.html,作者怕文章丢失就写在这里啦!找到自己想要的矢量图标推荐网站阿里巴巴矢量图标库 引入下载js代码(butterfly下面的_config.yml)inject: bottom: - <script src="/hexo/download/shiLiang/iconfo...
😀😀这篇文章是根据作者自身犯的错误写的,在遇到同类错误时,请根据具体情况去找到自己的错误哦!! 出现的问题当你下载某个模块时: 错误的解释:这是一个 npm 依赖冲突的错误。具体来说,在解决包的依赖关系时,npm 发现主项目使用了vue: 2.6.14,然后 vue-router 依赖于vue: 3.2.0,两个版本不兼容,导致冲突。 解决方法: 可以尝试在 npm install 命...
作者的啰嗦这是作者第一次更新有关ctf题目的文章,那么什么是CTF比赛呢?CTF是一种流行的信息安全竞赛形式,其英文名可直译为”夺得Flag”,也可意译为”夺旗赛”。其大致流程是,参赛团队之间通过进行攻防对抗、程序分析等形式,率先从主办方给出的比赛环境中得到一串具有一定格式的字符串或其他内容,并将其提交给主办方,从而夺得分数。为了方便称呼,我们把这样的内容称之为”Flag”。具体的的一些细节...
安装依赖包npm install hexo-generator-search 添加代码至hexo下面的_config.yml文件search: path: search.xml field: post content: true 修改butterfly下面的_config.yml文件local_search: enable: true preload: true 最后在重...
感觉用js去写html确实有点难度啊,而且js去写html的代码真的很乱(站长能力有限,只能写出这样的代码了,我会继续学习,优化自己的代码的,哈哈哈哈),维护起来不容易啊!!! 更改后的js代码// 适合于电脑的背景 var arrImg = ['https://www.toopic.cn/public/uploads/small/1634204095151163420409592...
提前声明要想完成这个功能你必须会前端三大件(html,css,js)的基础知识,不然你就只能照搬作者的代码,但是里面的内容你是看不懂的哦!!! 自建与引入css与js文件相信大家应该已经学会了这个步骤了,如果不会的请先移步这篇文章自定义css与js js的代码var arrImg=['https://www.toopic.cn/public/uploads/small/163420...
安装express我这里是全局安装,去掉-g就不是全局了 npm install -g express-generator 生成express项目express myapp 默认生成的是jade的渲染模板更改渲染模板(ejs) express --view=ejs myapp 启动express项目在这之前请先执行(下载相关的依赖包): npm i 启动: node ./bin/www ...
安装vue-clinpm install -g @vue/cli 创建vue项目vue create <文件夹名字> 出现: 可以选择默认的vue2项目或者vue3项目,也可以选择最后一条进行手动配置哦启动项目下载完成后尝试启动vue项目在终端执行: npm run serve 暂时关闭代码格式检测找到vue.config.js的文件(没有就自己创建) const {...
利用border属性画一个三角形<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=e...