- 博客(26)
- 收藏
- 关注
RSS订阅原创 webpack 打包
html-webpack-plugin 把模板html 插件打包好的js 拷贝到 dist目录。path:__dirname+"/dist" (__dirname当前目录)不用vue的脚手架你能vue的项目运行环境 vite可以。在webpack运行过程做打包,压缩,清理。开发模式： development。产品模式： production。自己写webpack实现vue的脚手架功能。文件名称： filename。输出： output。...
2022-08-27 17:10:47
310
原创 react
react 特点:单向数据流生命周期虚拟domhooksjsx语法特点:(方便js中书写html模板，javascript与html混合写法)01 只有一个根节点02 需要在{}写js表达式03 {/* 注释内容*/}04 className 定义类名05 样式对象会自动展开06 数组可以包含html,并自定展开。...
2022-08-18 21:22:01
174
原创 .html(),.text()和.val()的差异总结：
1 .html(),.text(),.val()三种方法都是用来读取选定元素的内容；只不过.html()是用来读取元素的html内容（包括html标签），.text()用来读取元素的纯文本内容，包括其后代元素，.val()是用来读取表单元素的"value"值。其中.html()和.text()方法不能使用在表单元素上,而.val()只能使用在表单元素上2.html()方法使用在多个元素上时，只读取第一个元素；.val()方法和.html()相同，如果其应用在多个元素上时，只能读取第一个表单元素的"valu
2022-05-17 00:35:27
608
原创 jQuery
jQuery是什么？jQuery是一种方法库$ jQueryjQuery对象与dom对象转换dom对象换为jquery对象 $(dom对象)jquery对象转换为dom对象 $(jquery对象)jquery索引号jquery get索引号jQuery入口小函数$(document).ready(function(){})简写： $(function(){})概要$(document).ready() 与window.onload = funct...
2022-05-17 00:34:24
90
原创 dom对象
dom对象.classList.add(类名1，类名2.....)添加类dom对象.classList.remove(类名1，类名2.....)删除类dom对象.classList.toggle(类名1，类名2.....)交互类dom对象.classList.contains(类名1，类名2.....)判断类含有该类，返回true，反之返回false元素节点 var oDiv = document.getElementsByTagName("div")[0]; con.
2022-04-24 22:56:22
86
原创 字符串的其他方法
1、strObj.substr(参数1,参数2) 从参数1位置开始截取长度为参数2的子串参数1：必需 开始截取的位置 可以为负 -1 代表最后一个字符 -2 代表倒数第二个字符参数2：可选 截取的长度 若省略，截取到整个字符串的末尾返回值：截取的子串例：截取lovevar str = "I love javascript" ;console.log(str.substr(2,4)); //love2、strObj.substring(参数1,参数2) 从参数1位置开始到...
2022-04-13 00:03:23
877
原创 数学对象 日期对象 字符串对象
内置对象数学对象 Math.PI 圆周率 数学对象 Math.floor（参数）向下取整返回一个小于或等于参数的整数 数学对象 Math.ceil（参数）向上取整返回一个大于或等于参数的整数 数学对象 Math.round（参数）四舍五入取整 数学对象 Math.max（数值1，数值2，数值3，...）返回一组数里的较大值 数学对象 Math.min（数值1，数值2，数值3，...）返回一组数里的较小值 数学对象 Math.abs（参数）取绝对值 数学对象 Math.po...
2022-04-11 23:16:07
199
原创 循环及函数
for循环for （初始化变量；循环条件；变量更新）{循环操作}特点：先判断再执行初始化变量-->循环条件（true）-->循环操作-->更新变量跳转语句break 跳出整个循环continue 跳出本轮循环进入下一次循环...
2022-04-06 20:54:03
78
原创 分支与循环
while 循环while（条件）{语句}当条件成立时，执行语句，进入循环 var i= 1; while (i <= 5) { console.log(`第${i}遍我能行`); i++; }do...while 循环do{语句}while（条件）先执行在进行条件判断 var i = 1, sum = 0; do { .
2022-03-31 23:18:13
236
原创 Javascript分支与循环
分支与循环单分支:要么做，要么不做；如果if(条件)条件为true，那么执行if(){}所有语句，否则直接跳过if结构语法： if(条件){ 语句 ..... }var score = prompt("请输入令狐冲的js成绩");if(score>60){document.write("奖励一本剑谱"）}双分支语法：if（条件）{语句......}else {语句......}...
2022-03-30 22:28:13
778
原创 Javascript
分为1、ECMAScript ----ECMA组织2、DOM(Document Object Model) 文档对象模型 -W3c3、BOM(Browser Object Model) 浏览器对象模型JS基础JavaScript js 是一种轻量级脚本语言，由浏览器进行解释。引入方式 内嵌式 <script type="text/javascript">js 代码</script>外链式 <script src "js文件路径"></scri
2022-03-28 21:10:32
736
原创 null 与undefined的区别
在JavaScript中，null 和 undefined 几乎相等区别null表示没有对象，即该处不应该有值1） 作为函数的参数，表示该函数的参数不是对象2） 作为对象原型链的终点undefined表示缺少值，即此处应该有值，但没有定义 (1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。（4）函数没有返回值时，默认返回undef.
2022-03-28 21:09:57
63
原创 弹性盒子-项目属性
align-self 单个项目在交叉轴的对齐方式auto 默认 继承父容器的align-items 值stretch 当项目未设置高度或为auto时，会占满整个父容器flex-start 与交叉轴起点对齐 居上flex-start 与交叉轴终点对齐 居下center 居中对齐baseline 与第一行文字基线对齐order 项目排列方式值：数字 默认为0 可为正负值越小越靠前1、flex-grow 项目放大比列值：数字 默认为0 >=0 父容...
2022-03-24 22:13:33
311
原创 弹性盒子
1、任何元素都可以指定flex布局 行内元素也可注：设为Flex布局以后，子元素的float、clear和vertical-align属性失效2、容器默认两根轴 水平主轴（main axis) 垂直交叉轴 （cross axis)3、主轴方向的对齐方式：justify-content:flex-start ; 左对齐 （默认）justify-content:flex-end ; 右对齐justify-content:center ; 水平居中justify-content:spa
2022-03-23 22:46:03
420
原创 新增表单控件
数据列表电子邮箱：<input type ="email">url:<input type="url">数字域：<input type="number">搜索域：<input type="search">手机号码：<input type="tel">日期控件年月日：<input type="date">年月：<input type="month">年周：<input type="we
2022-03-23 11:26:31
49
原创 css3知识点
transform 变换1、translate（x，y) 移动 translateX 水平移动translateY 垂直移动2、rotate 旋转 rotateX（数值+角度deg） 绕X轴旋转 rotateY（数值+角度deg） 绕Y轴旋转 rotateZ（数值+角度deg） 绕Z轴旋转perspectiv...
2022-03-21 22:58:39
460
原创 css部分
CSS(Cascading Style Sheets) 层叠样式表css引入方式：1、行内样式： <div style="color:red;">内容</div>2、内嵌式： <style>div{color:red;}</style>3、外链式：<link rel="stylesheet" href="css文件">4、导入式：@import url("css文件");或@import "css文件";css选择器：1
2022-03-16 21:10:17
100
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人