- 博客(13)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 React相关笔记文档
2021-10-22 在JSX中嵌入表达式 1.将表达式作为内容的一部分 （1）nulll,undefined,false不会显示 （2）普通对象，不可以作为子元素 （3）可以放置React元素对象 2.将表达式作为元素属性 const div = ( <div> <img src={url} className={cls} alt="" style={{marginLeft:"50px",width:"200px"}} /> </div>
2021-10-22 22:21:26
223
1
原创 VUE源码解析
VUE源码理解 1.公式：UI=render(state) state是输入，UI是页面输出，VUE充当render()这个角色，当vue发现其state变化之后，经过一系列的加工，最终变化反映在UI上 Object的变化侦测 2.变化侦测 变化侦测是追踪状态，一旦数据发生变化，就会去更新视图 3.object的更新变化 let car = {} let val = 3000 Object.defineProperty(car, 'price', { enumerable: true, config
2021-10-19 18:48:53
834
原创 Vue的Router如何传值页面
Vue的Router如何传值页面 步骤流程:有传参数据和无传参数据的区别 有传参数据： 1、vue引入api.js 细分两种请求： get请求：语法：method: "get", params:query, pos请求：语法：method: "post", data:query, 2、方法进行调用引入，可先在浏览器Notework进行查看其方法是否调用 1）首先进行定义其对象写明其需要传参的值 语法： let current = { pageNum: 1
2021-10-18 12:48:45
375
原创 面试常见试题之数组
1. 找到某个字符串出现次数最多的函数。打印字符和他出现在这里插入代码片的次数 var str = "123465123465c0x.zcxzcxcxzxcxzcxzcx" var arr = str.split('') var newarr = Array.from(str) console.log(newarr) var obj = {} for (var i = 0; i < arr.length; i++) {
2021-09-25 23:40:45
165
原创 数组常见面试题目
**1. 提示用户输入数组的长度，以及数组每一项的值，然后输出该数组** var len = +prompt("请输入其数组的长度1") if (!len || len < 0) { alert("请重新进行输入") } else { var arr = new Array(len) for (var i = 0; i < arr.length; i++) { arr[i] = prom...
2021-09-17 11:40:10
741
原创 原生JS之数组
数组 1、new Array(长度) var arr = new Array(数据的值) 代表其传输的值是什么 2、var arr = [] (这个是第二个创造方式) 认识数组的本质 数组的本质就是一个对象 length 属性，表示其数组的长度，会自动变化，值为最大小标+1 属性不可能是数字，只能是其字符串 console.log(obj[0]) js会自动将0转换为字符串 数字字符串属性：叫做下标，也叫作索引，相当于每个数组的编号,下标是从0开始的 得到数组的第一项数据 console.log(a
2021-09-15 00:33:59
401
原创 亲临面试题目
1、判断其是否是数组的函数是： （1）用Array对象isArray方法来判断 （2）用instanceof判断 （3）object.prototype.tostring 2、js获取URL参数值得两种方式： 方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！） //截取url数据方法 var getParam = function (name) { var search = document.location.search; //alert(search); var pattern = n
2021-09-14 08:04:21
287
原创 常见的CSS页面布局方式
详情：CSS页面结构是我们日常生活中最常使用到的，当然目前可能大家用的最多的是elementUI实现布局，简单方柏霓，下面介绍几种常见的原生页面布局的方式 公共的样式部分 <style> * { margin: 0; padding: 0; } .layout { margin-bottom: 20px; } .layout arti
2021-09-13 11:36:43
1487
原创 vue中emit的用法
vue中子传父参数的方法共有两种： 1、子组件通过emit传输 2、通过自定义组件传输 下列优先讲解下其emit的传输方法 在父组件中 （1）首先需要定义其改变的函数，一般emit多用于点击事件，例如我目前所在地的名称是北京，我想通过子组件的点击，导致我的名称发生其改变 （2）定义其data属性存储器数据 <template> <div class="hello"> <h2>我是父组件,我需要建立一些参数</h2> <h3>我所
2021-09-11 15:07:41
23344
原创 vue中props的用法
vue使用props的用法 日常编程中都会用到父组件用子组件、子用父的情况，下面先介绍一种子传父的情况 1、在父组件中 (1)、首先是在其定义一个list属性以存储其数据值 (2)、定义一个绑定属性“mlist”，以为后续props做铺垫, <template> <div class="hello"> <h2>我是父组件,我需要建立一些参数</h2> <span><mHome :mlist="list"/></
2021-09-11 09:51:53
8526
原创 每日必备小项目 21.03.29
css3之旋转效果 效果如图： HTML部分 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <link rel="stylesheet" href="css/index.css"> </head> <style> body { background-color: #f44336; } .b
2021-03-29 23:28:43
130
原创 每日必备小项目21.03.27
日常小功能—CSS3之拖拽 如图： 代码如下： <body> <div class="demo1"> <ul> <li></li> <li></li> <li></li> </ul> </div> <div class="demo2">
2021-03-27 22:51:00
116
原创 CSS3实现圣杯布局
使用flex实现圣杯布局 日常开发环境中C3带给我们的方便之处越来越多，今天就简单的写一个使用flex实现其圣杯布局的方式 .wrapper{ width: 500px; height: 500px; border: 1px solid #000; display: flex; flex-direction: column; } .head ,.footer,.left,.right{ flex: 0 0 20%; border: 1p
2021-03-13 16:01:16
194
本地化存储之cookie、localstorage的详细用法
2021-02-28
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人