- 博客(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
351
原创 react
react 特点:单向数据流生命周期虚拟domhooksjsx语法特点:(方便js中书写html模板，javascript与html混合写法)01 只有一个根节点02 需要在{}写js表达式03 {/* 注释内容*/}04 className 定义类名05 样式对象会自动展开06 数组可以包含html,并自定展开。...
2022-08-18 21:22:01
202
原创 .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
632
原创 jQuery
jQuery是什么？ jQuery是一种方法库 $ jQuery jQuery对象与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
118
原创 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
112
原创 字符串的其他方法
1、strObj.substr(参数1,参数2) 从参数1位置开始截取长度为参数2的子串 参数1：必需 开始截取的位置 可以为负 -1 代表最后一个字符 -2 代表倒数第二个字符 参数2：可选 截取的长度 若省略，截取到整个字符串的末尾 返回值：截取的子串 例：截取love var str = "I love javascript" ; console.log(str.substr(2,4)); //love 2、strObj.substring(参数1,参数2) 从参数1位置开始到...
2022-04-13 00:03:23
904
原创 数学对象 日期对象 字符串对象
内置对象 数学对象 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
270
原创 循环及函数
for循环 for （初始化变量；循环条件；变量更新）{ 循环操作 } 特点：先判断再执行 初始化变量-->循环条件（true）-->循环操作-->更新变量 跳转语句 break 跳出整个循环 continue 跳出本轮循环进入下一次循环 ...
2022-04-06 20:54:03
94
原创 分支与循环
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
258
原创 Javascript分支与循环
分支与循环 单分支:要么做，要么不做；如果if(条件)条件为true，那么执行if(){}所有语句，否则直接跳过if结构 语法： if(条件){ 语句 ..... } var score = prompt("请输入令狐冲的js成绩"); if(score>60){ document.write("奖励一本剑谱"） } 双分支 语法： if（条件）{ 语句......} else { 语句...... } ...
2022-03-30 22:28:13
802
原创 Javascript
分为1、ECMAScript ----ECMA组织 2、DOM(Document Object Model) 文档对象模型 -W3c 3、BOM(Browser Object Model) 浏览器对象模型 JS基础 JavaScript js 是一种轻量级脚本语言，由浏览器进行解释。 引入方式 内嵌式 <script type="text/javascript">js 代码</script> 外链式 <script src "js文件路径"></scri
2022-03-28 21:10:32
761
原创 null 与undefined的区别
在JavaScript中，null 和 undefined 几乎相等 区别 null表示没有对象，即该处不应该有值 1） 作为函数的参数，表示该函数的参数不是对象 2） 作为对象原型链的终点 undefined表示缺少值，即此处应该有值，但没有定义 (1）变量被声明了，但没有赋值时，就等于undefined。 （2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。 （3）对象没有赋值的属性，该属性的值为undefined。 （4）函数没有返回值时，默认返回undef.
2022-03-28 21:09:57
91
原创 弹性盒子-项目属性
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
343
原创 弹性盒子
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
457
原创 新增表单控件
数据列表 电子邮箱：<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
65
原创 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
488
原创 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
117
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人