前端
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 · 140 阅读 · 0 评论 -
【npm】学习
npm(node package manager):node的第三方模块管理工具本地安装方式下载:npm install 模块名称(默认下载到命令行当前文件夹)卸载:npm uninstall package 模块名称全局安装与本地安装命令行工具:全局安装库文件:本地安装第三方模块 nodemon当文件发生保存操作后自动执行该文件使用步骤下载:npm install nodemon -g在命令行工具中使用nodemon替代node命令执行文件第三方模块nrmnpm下载地原创 2020-08-22 16:19:34 · 194 阅读 · 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 · 149 阅读 · 0 评论 -
[js]事件及事件流
注册事件注册事件也称为绑定事件,有两种方式:传统方式和方法监听注册方式传统方式:on开头的事件特点:注册事件唯一,同一个元素只能设置一个处理函数。最后注册的函数会覆盖之前的方法监听注册方式:addEventListener(type,listener[, useCapture]):(IE9后才支持)type:事件类型,如click、mouseover(不带on)listene...原创 2020-05-18 15:29:32 · 158 阅读 · 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 · 112 阅读 · 0 评论 -
[js学习] web APIs
Web API学习day1API(应用程序编程接口)是一些预先定义的函数,目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力,而又无需访问源码,或理解内部工作机制的细节。Web API是浏览器提供的一套操作浏览器功能和页面元素的API(BOM和DOM)。DOM文档对象模型(DOM),是W3C组织推荐的处理可扩展标记语言(HTML或XML)的标准编程接口。通过DOM可以改变网...原创 2020-04-18 22:51:55 · 145 阅读 · 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 · 229 阅读 · 0 评论 -
[js学习]基础day2
js基础学习—运算符已经学过其他编程语言,所以只记录一些需要注意的点算术运算符递增和递减运算符前置自增自减运算符++a:先自增/自减后返回值后置自增自减运算符a–:先返回原值后自增/自减比较运算符===和!= =表示全等,要求值和数据类型都相等逻辑运算符短路运算(逻辑中断):当有多个表达式时,左边的表达式值可以确定结果时,就不再继续运算右边的表达式的值逻辑与语法:表达式...原创 2020-04-12 22:52:17 · 97 阅读 · 0 评论 -
[js学习] javaScript学习
JavaScript学习day1什么是JavaScriptJavaScript是一种运行在客户端的脚本语言脚本语言:不需要编译,运行过程中由js解释器逐行来进行解释并执行现在也可以基于Node,js技术进行服务器端编程浏览器执行js浏览器分成两部分:渲染引擎和js引擎渲染引擎:用来解析HTNL和CSS,俗称内核。如chrome的blink,老版本的webkitJS引擎:成为j...原创 2020-04-11 18:37:33 · 202 阅读 · 0 评论 -
[vscode] vscode中配置GIT
vscode中配置git参考了两篇文章顺利配置成功link.link.原创 2020-04-11 16:36:30 · 264 阅读 · 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 · 145 阅读 · 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 · 140 阅读 · 0 评论