![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
学前端
文章平均质量分 54
kesin_lee
不为材料学转行而后悔
愿为前端人转行而奋斗
展开
-
2021-10-28 EJS
EJS是一个高效的 JavaScript 模板引擎。模板引擎是为了使 用户界面与业务数据(内容)分离 而产生的。简单来说,使用EJS模板引擎就能动态渲染数据// 1. 安装ejsyarn add ejs// 2. 引入 ejsconst ejs=require('ejs');// 3. 调用方法 (替换成对象中对应属性的值)// let str='<h1><%= msg %></h1>'let str= fs.readFileSync('./山村咏怀.原创 2021-10-28 09:44:16 · 153 阅读 · 0 评论 -
2021-10-26 Express
express是别人封装好的npm包使用命令行终端中 下载 expressyarn add express --save // 安装express并添加到依赖项=引入const express=require('express');创建应用对象const app=express()路由的设置app.get('/',(request,response)=>{ response.end('Hello express')})监听端口 启动服务app.l原创 2021-10-28 07:32:55 · 262 阅读 · 0 评论 -
2021-10-25 npm和cnpm和yarn
npm 和git的使用小结1. npm init --yes //初始化 并创建 package.json 文件2. npm i lodash //安装lodash 自动创建node_modules文件夹,所有工具包都会在此文件夹内3. npm i lodash4. 创建脚本 server.js5. 使用node 执行脚本文件6. 配置gitignore //因为node_modules文件夹不能上传到github上(每次上传 git会比对每个文件有无修改,如果上传了node_mo原创 2021-10-26 09:51:18 · 303 阅读 · 0 评论 -
2021-10-24 引入模块
fs模块fs模块是Node.js的一个核心模块,专门用来操作系统中的文件fs.readFile(文件路径,options,回调函数)fs.readFileSync(第一个参数,第二个参数)第一个参数是文件路径第二个参数可以是一个表示配置的对象,也可以是一个表示文本文件编码的字符串。默认的配置对象是{ encoding: null, flag: ‘r’ },即文件编码默认为null,读取模式默认为r(只读)。如果第二个参数不指定编码(encoding),readFileSync方法返回一个Buff原创 2021-10-25 20:59:08 · 105 阅读 · 0 评论 -
2021-10-20 Node.js
对文件的操作 需要引入fs模块const fs = require('fs);文件夹、文件的创建新建文件夹,并在文件夹中创建文件需要先创建文件夹,在有文件夹的基础上再进行创建文件新建文件夹a,并在文件夹a中创建文件夹b,可以通过递归{recursive:true}const fs = require('fs');// projectfs.mkdir('E:\\project', err => { if (err) throw err; console.log('创建原创 2021-10-20 00:25:56 · 78 阅读 · 0 评论 -
2021-10-10 git
git的安装建议取消勾选 Enable Git Credential Manager不用勾选 Launch Git Bash 和View Release NotesLinux常用命令ls 查看当前文件夹下的文件 (list的缩写)cd 进入某个文件夹内 (change document的缩写)cd… 回到上一级Tab键 自动补全路径clear 清屏mkdir 创建文件夹(make directory)touch test.html 创建test.html文件rm test.ht原创 2021-10-10 12:55:31 · 500 阅读 · 0 评论 -
2021-10-10
less中 ~ 表示 字符串拼接 例如(bootstrap的源码分析).make-grid-columns() { // 传入index=1;因为最下方 .col(1),所以传入的参数就是1 .col(@index) { // initial // 在less中 ~ 表示字符串拼接 则 // item = .col-xs-1, .col-sm-1, .col-md-1, .col-lg-1 @item: ~".col-xs-@{index}, .col-sm-@{index}, .原创 2021-10-10 09:52:03 · 94 阅读 · 0 评论 -
2021-10-4Bootstrap
基础模板<!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-scale=1"> <title>原创 2021-10-04 11:19:36 · 986 阅读 · 0 评论 -
2021-09-20 jQuery
jQuery参数1.参数是函数 约等于页面加载完成(window.onload)的回调函数2.参数是选择器字符串 通过选择器去匹配的元素封装成jQuery对象返回3.参数DOM对象 $(this) 将当前的DOM对象转换成jQuery对象返回4.参数是html标签字符串 将当前这个标签创建 并且直接是jQuery对象jQuery对象是一个包含所有匹配的任意多个DOM元素的伪数组对象...原创 2021-09-28 02:34:11 · 63 阅读 · 0 评论 -
2021-09-19 关于闭包
产生闭包的条件?(如何产生闭包)1.存在函数嵌套关系(外部函数中嵌套函数)2.内部函数引用外部函数的变量3.调用外部函数什么是闭包?闭包是一种引用关系,这个引用关系存在于内部函数中,引用的是外部函数的变量的对象常见的闭包1.将函数作为另一个函数的返回值2.将函数作为实参传递给另一个函数调用3.使用辩驳实现私有方法操作独立的私有属性闭包的作用1.延长外部函数变量对象的声明周期2.让函数外部可以读写到函数内部的数据(变量/函数) 通过闭包间接的操作注意:浏览器为了性能 后期会将外部函数原创 2021-09-20 08:36:55 · 137 阅读 · 0 评论 -
2021-9-16 预解析
预解析:变量提升 和函数提升原创 2021-09-16 13:51:13 · 56 阅读 · 0 评论 -
2021-09-16 终极原型链
prototype:构造函数的属性(显示原型),内部保存的是该构造函数的显示原型对象的地址_ _ proto_ _:实例对象的属性(隐式原型),指向其构造函数的显示原型constructor:是构造函数显示原型对象上的一个属性 指向这个原型对象对应的构造函数Object:所有的对象(包括属性 constructor )都是由Object用new创建的,它们都会从 Objet.prototype 继承属性和方法 Person1.constructor= = =PersonFunction: 所有的函数原创 2021-09-16 04:32:04 · 470 阅读 · 0 评论 -
2021-07-28 响应式布局:左侧宽度固定右侧宽度自适应、双飞翼布局、圣杯布局
三种布局都是最先加载出主体。双飞翼布局与圣杯布局都是 中间盒子宽度自适应,最先加载出主体双飞翼布局与圣杯布局的不同之处在于:双飞翼布局在主体内容中添加了一个div ,并对主体添加margin来使左右盒子不覆盖主体。而圣杯布局并没有在主体中添加新的div,只是对整体添加左右填充、左右盒子添加相对定位,来达到效果。左侧宽度自适应body中需要先写出自适应宽度的div <div class="box"> <div class="right">right<原创 2021-07-28 10:07:59 · 242 阅读 · 1 评论 -
2021-07-25CSS知识点整理
CSS知识点整理三种书写位置1内嵌式 将CSS代码嵌入到html文件中。代码耦合度较低,工作中偶尔使用<style type=text/css> div {color:red;}</style>2内联式将CSS代码嵌入到html文件中。代码耦合度很高,有代码冗余,难以维护,工作中偶尔使用。3外链式将CSS代码单独卸载CSS文件中,css代码和html代码绝对分离,代码耦合度极低,在工作中经常使用。<link rel="stylesheet" typ.原创 2021-07-26 03:33:55 · 179 阅读 · 0 评论 -
2021-07-25HTML知识点整理
HTML+CSS知识点整理相对路径:同级相对路径下一级相对路径3上一级相对路径: “. . / 111/handsome.jpg”绝对路径:文件在磁盘中的物理位置或者说是项目外的位置(磁盘、其他网页等不属于你的项目文件里的位置)(考虑到安全,浏览器不能直接访问磁盘中的文件,但是可以通过网站的绝对地址访问文件) 例如:C:\123\cat.jpg超链接 <a href="链接地址" target="_blank">锚点链接 <a href="#page1"原创 2021-07-25 05:20:55 · 100 阅读 · 0 评论 -
2021-07-25 开始前端的整理学习
7.19号在B站看千锋的免费视频课,越看越觉得内容不够细致,与去年在慕课网中自学的内容相比,少了许多,看完P30元素的浮动 ,更是直接开始讲js。又接着找到加百利的补充html+css视频课。7.25号开始从新的视频课开始学习(有源码、练习题和资料),今天开始从js学习,并抽空整理html和css内容。先回来熟悉一下博客的使用。加粗文本:用**夹住 例如:美剧、游戏都放弃,腾出空间给视频。强调文本:用*夹住 例如:美剧、游戏都放弃,腾出空间给视频。标记文本:需要被标记出来的用== 夹住 例如原创 2021-07-25 01:55:14 · 114 阅读 · 1 评论 -
BDstudy课后知识问答:day17~day18
可能这周五即6.12号答辩填写 答辩相关文档、修改论文及pptif循环switch不必中断 switch 代码块中的最后一个 case。代码块在此处会自然结束。需要继续看switch:https://www.w3school.com.cn/js/js_switch.asp...原创 2020-06-09 01:20:09 · 108 阅读 · 0 评论 -
BDstudy课后知识问答:Day16
由於準備畢業論文答辯影響了進度,2020.6.7晚重拾js简易实现加减乘除功能<body><input id="first-number" type="number" value="0" placeholder="第一个数字"><input id="second-number" type="number" value="0" placeholder="第二个数字"><button id="add-btn">加</button><原创 2020-06-08 01:46:14 · 201 阅读 · 0 评论 -
BDstudy课后学习问答:day12~day15
利用flex实现排列顺序:display :flex;flex-deriction:column(纵向排列)flex-deriction:column-reverse(反转纵向排列123→321)flex-deriction:row(默认横向从左到右按顺序排列)flex-deriction:row-reverse(反转横向排列123→321)...原创 2020-05-28 14:59:37 · 118 阅读 · 0 评论 -
BSstudy课后学习问答:day9~day11
提问:改变占位符颜色在chrome中的css样式中输入 ::placeholder {color:red;}会将所以占位符颜色个更改为红色 但是如果只想改变两个占位符中的一个呢,试了:<label>< input id="myemail" type="email" placeholder="123@123.com" name="myemail"> <input id="mypass" type="password" placeholder="Create your pa原创 2020-05-25 02:22:10 · 158 阅读 · 0 评论 -
BDstudy课后学习问答:day7+day8
参考来源:http://ife.baidu.com/note/detail/id/1574http://ife.baidu.com/note/detail/id/1265https://segmentfault.com/a/1190000010698609Position相关概念及使用Postion进行布局的场景和方法答: Flexbox相关概念及使用Flexobx进行布局的场景和方法答:掌握常用的两栏、三栏布局的各种方式答:...原创 2020-05-22 01:57:55 · 724 阅读 · 0 评论 -
BDstudy课后学习问答:Day5+Day6
盒模型的概念答:盒子的宽度 = margin-left + border-left + padding-left +width + padding-right + border-right + margin-rightinline、block和inline-block的概念答:内外边距,宽度,高度,box-sizing等属性答:浮动,清除浮动答:如何使用浮动进行布局答:...原创 2020-05-21 02:44:54 · 116 阅读 · 0 评论 -
BDstudy课后学习问答:Day4
意外收获矢量字体图表:http://fontawesome.dashgame.com颜色搭配表http://tool.c7sky.com/webcolor背景,边框,列表,链接相关属性答:CSS 各种选择器的概念,使用方法及使用场景答:CSS 选择器的优先级答:...原创 2020-05-19 01:12:26 · 105 阅读 · 0 评论 -
BDsudy课后学习问答:Day3
什么是CSS,CSS是如何工作的答:css(Cascading Style Sheets层叠样式表),样式化和排版网页(例如内容的字体,大小,颜色) 浏览器将css的规则应用在html;前置条件html中引用了css. 1. 浏览器加载html &nb.原创 2020-05-18 00:50:11 · 221 阅读 · 0 评论 -
github使用备忘录
本地文件上传至github1.在github中建立新仓库 命名 勾选readme2.在编码器(webstorm)中file-close project,点 get from version control url输入github网页中新仓库的地址,directory输入位置(新仓库将在这个位置) 例如: &nb.原创 2020-05-17 23:02:26 · 181 阅读 · 0 评论 -
BDstudy课后学习问答:Day2
以下回答均参考或摘抄于:http://ife.baidu.com/note/detail/id/402、http://ife.baidu.com/note/detail/id/395 HTML是什么,HTML5是什么?答:HTML 指的是超文本标记语言 (Hyper Text Markup Language)。HTML5是最新的HTML标准,拥有更丰富的语义、图形以及多媒体元素等内容。HTML元素是构建网站的基石。HTML允许嵌入图像与对象,并且可以用于创建交互式表单,它被用来结构化信息——例如标原创 2020-05-17 20:17:23 · 256 阅读 · 0 评论 -
开启学前端之旅以及BDstudy课后学习问答:Day1
2020.5.12开始了我的重学前端之旅,2019年过年之前曾有过退学材料学转去学前端想法,jq样式篇学了一点就停止了,好像是因为开学了,回到宿舍又开始了睡懒觉打游戏吃饭打游戏的奢靡生活。大学对于it的了解也仅限于c++课程和大学计算机基础两门课。5.12重启学习,希望可以在毕业一年内以应届生的身份成功转行前端,在杭州找到工作。5.12-5.13重新看完了“初识HTML5+CSS3”5.14看完了JavaScript入门,担心掌握不住,闲逛知乎,在修xx加了个外门班了解了一下,九宫格勉强可以做出,但是原创 2020-05-16 22:22:07 · 242 阅读 · 0 评论