- 博客(31)
- 收藏
- 关注
RSS订阅原创 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
151
原创 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
256
原创 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
298
原创 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
原创 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
原创 node.js自动补全
File-settings-输入node.js勾选 第二行的Coding assistance for Node.js - 点击OK/Apply如果上述方法不行，则可以添加node提示包具体步骤为：点击file-Settings，查找JavaScript将Javascript language version手动设置为ECMAScript6接着点击Libraries，点击右侧的Download等加载完毕后找到node，选择Download and Install，Webstorm会下载node.
2021-10-18 00:28:43
568
原创 webstorm自定义自动补全
File-settingsEditor-live templates右侧添加 + live templates在下方 define 或change处 选择生效环境$PARAM$ 表示光标所在位置
2021-10-12 13:29:16
194
原创 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
498
原创 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
90
原创 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
983
原创 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
59
原创 2021-09-19 关于闭包
产生闭包的条件？(如何产生闭包)1.存在函数嵌套关系(外部函数中嵌套函数)2.内部函数引用外部函数的变量3.调用外部函数什么是闭包？闭包是一种引用关系，这个引用关系存在于内部函数中，引用的是外部函数的变量的对象常见的闭包1.将函数作为另一个函数的返回值2.将函数作为实参传递给另一个函数调用3.使用辩驳实现私有方法操作独立的私有属性闭包的作用1.延长外部函数变量对象的声明周期2.让函数外部可以读写到函数内部的数据(变量/函数) 通过闭包间接的操作注意：浏览器为了性能 后期会将外部函数
2021-09-20 08:36:55
134
原创 2021-09-16 终极原型链
prototype：构造函数的属性(显示原型)，内部保存的是该构造函数的显示原型对象的地址_ _ proto_ _：实例对象的属性(隐式原型)，指向其构造函数的显示原型constructor：是构造函数显示原型对象上的一个属性 指向这个原型对象对应的构造函数Object：所有的对象(包括属性 constructor )都是由Object用new创建的，它们都会从 Objet.prototype 继承属性和方法 Person1.constructor= = =PersonFunction： 所有的函数
2021-09-16 04:32:04
467
原创 关于插件JetBrains IDE Support在chrome商店中消失
随着 webstorm的更新，以及chrome的更新，不会再需要使用JetBrains IDE Support插件了。因为在webstorm中打开浏览器后，自己写的代码有了更新，那么在webstorm中按下保存键或者在浏览器中点击一下，就可以在浏览器中达到JetBrains IDE Support的效果如何实现实时更新可以看https://www.jetbrains.com/help/webstorm/live-editing.html#ws_live_edit_use...
2021-09-03 23:00:03
3196
原创 关于webstorm Debug失败的问题：Waiting for connection from JetBrains IDE Support Chrome extension.
突然遇到这种情况：在webstorm中debug，但是会显示Waiting for connection from JetBrains IDE Support Chrome extension. Please make sure it is installed and is listening on port 63342. For help see documentation.经过查询，找到了解决办法：（即：设置webstorm中的端口和chrome中JetBrains IDE Support插件的端口
2021-09-03 17:18:07
2156
原创 2021-07-28 响应式布局：左侧宽度固定右侧宽度自适应、双飞翼布局、圣杯布局
三种布局都是最先加载出主体。双飞翼布局与圣杯布局都是 中间盒子宽度自适应，最先加载出主体双飞翼布局与圣杯布局的不同之处在于：双飞翼布局在主体内容中添加了一个div ，并对主体添加margin来使左右盒子不覆盖主体。而圣杯布局并没有在主体中添加新的div，只是对整体添加左右填充、左右盒子添加相对定位，来达到效果。左侧宽度自适应body中需要先写出自适应宽度的div <div class="box"> <div class="right">right<
2021-07-28 10:07:59
233
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
176
原创 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
98
原创 2021-07-25 开始前端的整理学习
7.19号在B站看千锋的免费视频课，越看越觉得内容不够细致，与去年在慕课网中自学的内容相比，少了许多，看完P30元素的浮动 ，更是直接开始讲js。又接着找到加百利的补充html+css视频课。7.25号开始从新的视频课开始学习（有源码、练习题和资料），今天开始从js学习，并抽空整理html和css内容。先回来熟悉一下博客的使用。加粗文本：用**夹住 例如：美剧、游戏都放弃，腾出空间给视频。强调文本：用*夹住 例如：美剧、游戏都放弃，腾出空间给视频。标记文本：需要被标记出来的用== 夹住 例如
2021-07-25 01:55:14
107
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
原创 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
198
原创 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
116
原创 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
155
原创 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
718
原创 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
113
原创 BDstudy课后学习问答：Day4
意外收获矢量字体图表：http://fontawesome.dashgame.com颜色搭配表http://tool.c7sky.com/webcolor背景，边框，列表，链接相关属性答：CSS 各种选择器的概念，使用方法及使用场景答：CSS 选择器的优先级答：...
2020-05-19 01:12:26
105
原创 BDsudy课后学习问答：Day3
什么是CSS，CSS是如何工作的答：css(Cascading Style Sheets层叠样式表),样式化和排版网页(例如内容的字体,大小,颜色) 浏览器将css的规则应用在html;前置条件html中引用了css. 1. 浏览器加载html &nb.
2020-05-18 00:50:11
218
原创 github使用备忘录
本地文件上传至github1.在github中建立新仓库 命名 勾选readme2.在编码器(webstorm)中file-close project，点 get from version control url输入github网页中新仓库的地址，directory输入位置（新仓库将在这个位置） 例如: &nb.
2020-05-17 23:02:26
175
原创 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
251
原创 开启学前端之旅以及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
235
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人