- 博客(56)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 css内容
文章目录相对路径表格表格属性表格结构标签合并单元格列表标签无序列表有序列表自定义列表表单标签表单域表单元素inputlabel标签select 表单元素textarea 表单元素注册页面案例csscss代码风格选择器器的使用多类名使用id选择器和类选择器的区别通配符选择器字体复合属性对齐文本 text-aligntext-decoration划线text-indent 文本缩进line-height行间距外部样式chrome调试工具emmet语法快速格式化代码复合选择器后代选择器子元素选择器并集选择器链接伪
2022-03-19 15:38:17
315
原创 学习碰见的问题
对象数据的操作<!DOCTYPE html><html> <head> <meta charset="UTF-8" /> <title>Document</title> </head> <body> <script type="text/javascript" > let a = 'name' let obj = {} // {name:'tom'} obj[
2022-03-18 09:11:21
119
原创 react(深入版本)
类中可以直接写赋值语句所以在简写state的时候可以直接放到构造器外面写state精简写法展开运算符对props进行限制isrequired必须穿如果限制的是函数，需要加用关键字funcprops简写构造函数传不传props有什么区别函数式组件props可以用props的限制只可以放到函数外，不能想类中的props限制放到类内部refsrefs就是收集ref的节点字符串形式的ref，（但是已经过时了）回调函数ref和createRef API代替回调形式
2022-03-15 21:57:22
1198
原创 leetcode(js)
1.两数之和/** * @param {number[]} nums * @param {number} target * @return {number[]} */var twoSum = function(nums, target) { let arr = new Map() for(let i=0;i<nums.length;i++){ let x = target - nums[i] if(!arr.has(nums[i])){
2022-03-10 23:58:49
189
原创 react
react是什么react是一个用于构建用户界面的javascript库如果从mvc的角度出发，react仅仅是视图层(v)react特点1. 声明式react负责更新ui，并在数据变换时更新uiconst jsx = <div classNmae ="app"> <h1>Hellow React! 动态变化数据:{count}</h1> </div>2. 基于组件组件是react最重要的部分组件表示页面中的部分内容组合，复用多
2022-03-08 21:26:26
766
原创 react评论案例
评论列表案例需求分析步骤一渲染评论列表import React from 'react';import ReactDOM, { render } from 'react-dom';class App extends React.Component{ //初始化状态 state = { comments:[ {id:1,name:'jack',content:'沙发'}, {id:2,name:'rose',content:'板凳'}, {
2022-03-08 15:10:30
376
原创 DOM操作
查找 HTML 元素通过 id 找到 HTML 元素通过标签名找到 HTML 元素通过类名找到 HTML 元素通过 id 查找 HTML 元素
2022-03-05 13:32:05
553
原创 leetcode
1. 两数之和给定一个整数数组 nums和一个整数目标值 target，请你在该数组中找出 和为目标值 target的那两个整数，并返回它们的数组下标。你可以假设每种输入只会对应一个答案。但是，数组中同一个元素在答案里不能重复出现。你可以按任意顺序返回答案。输入：nums = [2,7,11,15], target = 9输出：[0,1]解释：因为 nums[0] + nums[1] == 9 ，返回 [0, 1] 。var twoSum = ...
2022-01-15 16:17:09
122
原创 前端场景代码题
目录⽤Promise对fetchData进⾏包装，将回调的设计封装成then的形式数组去重const address = [ { id: 1, name: "北京市", children: [ { id: 11, name: "海淀区", children: [ { id: 111, name: "中关村", ..
2022-01-13 20:44:31
829
原创 vue蘑菇街购物网站
项目采用spa模式，总共有4个大的页面组件，首页，目录，购物车，个人中心，通过vue-router跳转底部导航条组件tabbartabbar中的路由跳转顶部导航条navbar网络请求把每个页面需要的请求都封装在一个单独的文件当中将请求来得数据分好组存储起来轮播图组件推荐RecommendView这里只有固定的链接本周流行Feat...
2022-01-13 13:53:56
508
原创 axios
axios安装npm install axios --saveaxios基础用法通过url拼接参数通过params出入参数axios发送并发请求或者axios配置baseurl但是这个baseurl每次局部配置很麻烦可以配置到全局创建axios实例减少对axios的依赖，多加一层包装的样子最终包装的样子axi...
2022-01-10 20:27:35
294
原创 tabbar
目录main.js中的代码APP.vue中的代码小组件中的代码router文件下index中的代码每一个小tabbarItem组件中的代码MainTabbar合集组件中的代码main.js中的代码import Vue from 'vue'import App from './App'import router from './router'Vue.config.productionTip = falsenew Vue({ el: '#app',...
2022-01-10 16:03:07
227
原创 vue中应该注意到的细节
目录v-onv-on阻止事件冒泡监听键盘事件v-oncev-if v-else v-showv-ifv-elsev-forv-for遍历数组v-for遍历对象splice()点击切换颜色v-modelv-model结合radio使用v-model结合checkbox单选框input中的值绑定v-model修饰符组件注册组件的基本步骤注册组件的语法糖模板分离写法父子组件通信子传...
2022-01-09 22:21:50
905
原创 前端面试题
计算机网络内容webpack内容双向绑定原理js继承方式expressmongodbflex属性http报文里面有什么闭包原理事件循环git
2021-12-24 14:33:29
68
原创 js的几种继承方式
构造函数继承缺点：原型链上的方法和属性没办法继承原型链继承原先链继承如果是对象的引用的话，创建出来的实力都是指向这个引用，操作哪一个对象，都会影响另外一个对象组合继承缺点：相当于执行了两次构造函数缺点，父类和子类的constructor都指向同一个构造函数寄生继承...
2021-12-23 14:06:45
332
原创 echarts（未完成）
echarts配置知道以下配置每个模块的主要作用干什么的就可以了> 需要了解的主要配置：`series` `xAxis` `yAxis` `grid` `tooltip` `title` `legend` `color` - series - 系列列表。每个系列通过 `type` 决定自己的图表类型 - 大白话：图标数据，指定什么类型的图标，可以多个图表重叠。- xAxis：直角坐标系 grid 中的 x 轴 - boundaryGap: 坐标轴...
2021-12-17 10:52:10
171
原创 css多列布局
两栏布局，左定右自适应1.利用浮动，将左边元素宽度设置为200px，并且设置向左浮动。将右边元素的margin-left设置为200px，宽度设置为auto<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <
2021-12-14 11:39:31
284
转载 flex布局中的属性
一.父元素属性1.display:flex;（定义了一个flex容器）2. flex-direction（决定主轴的方向）row（默认值，水平从左到右）colunm（垂直从上到下）row-reverse（水平从右到左）column-reverse（垂直从下到上）3. flex-wrap（定义如何换行）nowrap（默认值，不换行）wrap（换行）wrap-reverse（换行，且颠倒行顺序，第一行在下方）4.flex-flow（属性是 flex-direction 属性和 flex-wrap 属
2021-12-12 20:49:29
149
原创 深拷贝和浅拷贝的问题
浅拷贝就相当于单纯的把值复制了一份，和原来的对象没有关联深拷贝相当于记下了地址，和原对象指向一个位置，如果原对象或者拷贝后的对象发生了修改，另外一个都会受到影响浅拷贝是拷贝一层，深层次的对象级别的就拷贝引用；深拷贝是拷贝多层，每一级别的数据都会拷贝出来浅拷贝的第一种方式function simpleClone(initalObj) { var obj = {}; for ( var i in initalObj) { obj[i] = initalOb
2021-12-12 20:44:02
222
原创 onclick与addEventListener区别
onclick只能绑定一个事件，如果绑定多个事件最后执行的是最后一次事件，只能在冒泡阶段触发addEventListener：可绑定多个事件，addEventListener可以控制listener的触发阶段，（捕获/冒泡）
2021-12-12 14:45:00
359
原创 symbol到底是什么
let id = Symbol("id");但是需要注意，与其他基本类型不同的是，它并不会默认的进行toString，如下所示：console.log(id); //errorconsole.log(id.toString); // "Symbol(id)"console.log(id.description);// "id"并且，与Object相似的一点是，即便两个symbol有相同的值，也并不相等。let id1 = Symbol("id");let id2 = Symbo.
2021-12-12 14:30:35
600
3
原创 promise实现一个sleep函数
const sleep = (time) =>{ return new Promise((resolve) => { setTimeout(resolve,time) })}sleep(1000).then(()=>{ // 1秒后执行 console.log(123)})一秒后输出
2021-12-12 12:35:17
770
原创 backtop回到顶部按钮
搞一个样式在templete中监听一下一个方法，让betterscroll实现回到顶部这个时候因为两个组件不是父子组件，监听很麻烦，这个时候可以直接让home组件监听backtop组件监听组件点击要用native也可以传入时间...
2021-12-11 23:47:32
205
原创 clear清浮动及after伪元素清浮动
clear:both的真正含义：清除当前元素前面兄弟级浮动元素对当前元素的影响最好的方法就是给当前元素添加一个伪类：：after，然后给他的样式添加上clear:both
2021-12-11 23:17:03
200
原创 http报文里面到底有什么东西
请求行里面有什么：1.get请求指定的页面信息，并返回实体主体。2.post向指定资源提交数据进行处理请求（例如提交表单或者上传文件）。数据被包含在请求体中。POST请求可能会导致新的资源的建立和/或已有资源的修改。3.HEAD类似于get请求，只不过返回的响应中没有具体的内容，用于获取报头4.OPTIONS返回服务器针对特定资源所支持的HTTP请求方法，也可以利用向web服务器发送‘*’的请求来测试服务器的功能性5.PUT向指定资源位置上传其最新内容6.DELETE请求服务...
2021-12-11 21:05:52
984
原创 Better-scroll的具体使用过程
配合项目使用better-scrollbetter-scroll可以让移动端的滚动更好，vue中原生的滚动在移动端会非常的不方便安装npm install better-scroll --save这里有错误，new bscroll应该放在mounted生命周期函数下，create下不行，拿不到的contentbetter-scroll需要有个wapper把你的内容给抱起来，wapper必须有固定的高度，并且里面的内容只能有一个标签（可以标签里面有多个标签，但是最外层的标签只..
2021-12-10 23:30:41
246
原创 javascript中的隐式转换
数字和字符串如果使用+运算符进行操作，那么会将数字先转换为字符串，然后进行字符串连接操作var a = "qweqwe";var num = 2;console.log(a + num);//qweqwe2如果有布尔型参与，那么首先会将布尔值转换为对应的数字或者字符串，然后再进行相应的字符串连接或者算数运算var bool = true;var num = 2;console.log(bool + num);//3如果布尔类型与字符串相加，布尔值会和字符串拼接起来var
2021-12-10 21:05:01
550
原创 javascript实现7种常见的排序算法
冒泡var arr = [45, 11, 51, 100, 68, 72, 97];function maopao(arr) { for (let i = 0; i < arr.length; i++) { for (let j = 0; j < arr.length - i; j++) { if (arr[j] > arr[j + 1]) { let temp = arr[j + 1]; arr[j + 1] = arr[j
2021-12-10 19:50:31
291
转载 浏览器的缓存机制
从缓存位置上来说分为四种，并且各自有优先级，当依次查找缓存且都没有命中的时候，才会去请求网络。Service Worker Memory Cache Disk Cache Push Cache1.当 Service Worker 没有命中缓存的时候，我们需要去调用 fetch 函数获取数据。也就是说，如果我们没有在 Service Worker 命中缓存的话，会根据缓存查找优先级去查找数据。但是不管我们是从 Memory Cache 中还是从网络请求中获取的数据，浏览器都会显示我们是从 Serv
2021-12-10 10:25:18
284
原创 前端面试题
1.写 React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？我的理解，没有key的时候节点会复用，有key的时候节点不会复用，1. 更准确，带key不会就地复用2. 更快，利用key的唯一性生成map对象来获取对应节点，比遍历方式更快。第 4 题：介绍下 Set、Map、WeakSet 和 WeakMap 的区别？WeakSet和Set都是构造函数，可以使用new命令创建相应的数据结构，并且值都是唯一的；WeakSet 与 Set 的区别：1、WeakSe
2021-12-10 10:10:45
351
原创 计算机网络中的cookie与session和token区别，storage
cookie：登陆后后端生成一个sessionid放在cookie中返回给客户端，并且服务端一直记录着这个sessionid，客户端以后每次请求都会带上这个sessionid，服务端通过这个sessionid来验证身份之类的操作。所以别人拿到了cookie拿到了sessionid后，就可以完全替代你。token：登陆后后端不返回一个token给客户端，客户端将这个token存储起来，然后每次客户端请求都需要开发者手动将token放在header中带过去，服务端每次只需要对这个token进行验证就能.
2021-12-09 22:21:10
516
原创 vuex原理与实例运用
mvvm响应式原理vuex是用来管理组件的共同需要用的数据，vuex中管理的状态都是响应式的这种方法也可以多个组件用同一个对象，但是这种方法不是响应式的，所以就有了vuex什么时候后需要用到状态管理那？先来看一下单页面状态管理现在，我们再创建一个hellovuex.vue，（他为app.vue的子组件），如果这个时候，hellovuex.vue想用app.vue中的counter数据，可以通过props传递这是以前的思路，现在我们用上vuex...
2021-12-07 20:06:20
340
原创 vue-router中的嵌套路由和路由懒加载
路由懒加载本来router文件夹下的index文件把所有要用的组件代码都一次性全部请求过来了，现在用了懒加载只有通过路由访问到组件的时候，才会去加载相应的组件 最好把懒加载也写在一起，到时候方便管理嵌套路由现在创建两个组件这里记得还要配置一下路由的懒加载之前的router-view是用于展示之前跳转的组件的东西，他们和现在的homenews和homemessage不属于同一个级别，这次的router-view放在home.vue当中...
2021-12-06 21:22:02
463
原创 Express搭建简单的本地服务器
npm init -y创建一个package.json文件npm i -S express导入express包创建一个app.js作为入口// 安装//引用包var express=require('express')//创建服务器应用程序//也就是原生的http.createServervar app = express()//当服务器收到get请求/的时候，执行回调函数app.get('/',function(req,res){ res.s...
2021-12-04 16:17:26
1247
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人