![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
lk_kl
这个作者很懒,什么都没留下…
展开
-
【webpack】学习
webpack是一个流行的前端项目构建工具(打包工具)。 提供了友好的模块支持,以及代码压缩混淆、处理js兼容性问题,性能优化等功能 module.exports = { //编译模式 mode:'development'//development /production } "scripts": { "test": "echo \"Error: no test specified\" && exit 1", "dev": "webpack" }, c原创 2020-08-24 21:25:22 · 141 阅读 · 0 评论 -
【npm】学习
npm(node package manager):node的第三方模块管理工具 本地安装方式 下载:npm install 模块名称(默认下载到命令行当前文件夹) 卸载:npm uninstall package 模块名称 全局安装与本地安装 命令行工具:全局安装 库文件:本地安装 第三方模块 nodemon 当文件发生保存操作后自动执行该文件 使用步骤 下载:npm install nodemon -g 在命令行工具中使用nodemon替代node命令执行文件 第三方模块nrm npm下载地原创 2020-08-22 16:19:34 · 196 阅读 · 0 评论 -
【Node.js】学习
Node.js是服务器端开发 Node使用js语言开发后端应用 Node是一个基于Chrome V8引擎的javaScript代码运行环境 Node.js组成 ECMAScript以及Node环境提供的一些附加API组成,包括文件、网络、路径等一些强大的API。 执行node文件 打开powerShell 进入node文件所在目录 执行命令 node 文件名 或者 1、进入node文件所在文件夹 2、按住shift键并鼠标右键 3、点击"在此处打开power shell窗口" 4、执行命令 node原创 2020-08-22 01:04:57 · 152 阅读 · 0 评论 -
[js]事件及事件流
注册事件 注册事件也称为绑定事件,有两种方式:传统方式和方法监听注册方式 传统方式: on开头的事件 特点:注册事件唯一,同一个元素只能设置一个处理函数。最后注册的函数会覆盖之前的 方法监听注册方式: addEventListener(type,listener[, useCapture]):(IE9后才支持) type:事件类型,如click、mouseover(不带on) listene...原创 2020-05-18 15:29:32 · 160 阅读 · 0 评论 -
[js API] DOM基础知识,节点操作
js API学习day2 通过calssName改变元素样式: element.className = ’ ‘;会覆盖以前的类名 想保留原来的类名: element.calssName = ‘原类名 新类名’ 改变body的背景样式: document.body.style.background = ‘url(’+xxx+’)’ ...原创 2020-05-04 17:28:53 · 114 阅读 · 0 评论 -
[js学习] web APIs
Web API学习day1 API(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。 Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。 DOM 文档对象模型(DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。通过DOM可以改变网...原创 2020-04-18 22:51:55 · 146 阅读 · 0 评论 -
[js学习]对象
js学习day3 对象 创建对象 利用对象字面量创建对象: -var obj={ uname: “didi”, age: 18, say: function(){ console.log(“di”); } } 调用属性方法: 1、对象名.属性名 2、对象名[‘属性名’] 调用对象的方法: 对象名.方法名() 利用new Object创建对象 var obj = new Object()...原创 2020-04-17 18:01:45 · 233 阅读 · 0 评论 -
[js学习]基础day2
js基础学习—运算符 已经学过其他编程语言,所以只记录一些需要注意的点 算术运算符 递增和递减运算符 前置自增自减运算符++a:先自增/自减后返回值 后置自增自减运算符a–:先返回原值后自增/自减 比较运算符 ===和!= =表示全等,要求值和数据类型都相等 逻辑运算符 短路运算(逻辑中断):当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值 逻辑与 语法:表达式...原创 2020-04-12 22:52:17 · 99 阅读 · 0 评论 -
[js学习] javaScript学习
JavaScript学习day1 什么是JavaScript JavaScript是一种运行在客户端的脚本语言 脚本语言:不需要编译,运行过程中由js解释器逐行来进行解释并执行 现在也可以基于Node,js技术进行服务器端编程 浏览器执行js 浏览器分成两部分:渲染引擎和js引擎 渲染引擎:用来解析HTNL和CSS,俗称内核。如chrome的blink,老版本的webkit JS引擎:成为j...原创 2020-04-11 18:37:33 · 204 阅读 · 0 评论 -
[vscode] vscode中配置GIT
vscode中配置git 参考了两篇文章顺利配置成功 link. link.原创 2020-04-11 16:36:30 · 267 阅读 · 0 评论 -
[VS CODE]vs code常用快捷键记录
vs code快捷键 ctrl+p: 输入要跳转的页面,快速跳转 ctrl+f: 输入查找的内容,输入内容后可点击左侧下拉菜单输入替换内容,按右侧按钮进行内容选择替换 ctrl+space: 显示提示信息 shift+alt+f: 格式化文本 fn+f12+函数名:跳转到选择函数 alt+f12+函数名:显示所选函数的定义 ...原创 2020-04-10 20:19:27 · 150 阅读 · 0 评论 -
[前端/CSS]grid布局
grid布局总结首先横向布局纵向布局区域整体划分布局 grid布局是一种二维布局方式,可以控制横向和纵向的布局。 引用链接: link. 首先横向布局 .grid{ width: 300px; height: 200px; display: grid; grid-template-columns: 1fr 2fr 1fr; column-gap: 24p...原创 2020-04-10 19:20:10 · 142 阅读 · 0 评论