自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(25)
  • 收藏
  • 关注

原创 前端面试题带答案

css的居中方式答:1.1 内联元素水平居中利用text-align: center可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table),inline-flex元素水平居中都有效。代码如下: center-text{ Text-aling:center; } 1.2 块级元素水平居中通过把固定宽度块级元素的margin-left和mar...

2021-01-22 17:58:26 4551

原创 前端面试题2

1、下面程序的执行结果是什么?请分析原因?function f({ x = 10 } = {}, { y } = { y: 10 }) { console.log( x + " " + y +"\n");}根据es6提供的参数值默认原理,undefined就是空。得到以下值。f(); // 10 10 f( undefined, undefined ); // 10 10 f( {}, undefined ); // 10 10 f( {}, {} ); // 10 undef...

2021-01-22 17:42:43 1300

原创 前端面试题

1、var和let区别?let向上寻找距离变量最近的开始的函数的{}let没有变量提升let不能重复声明let具有暂时性死区的情况2、分析代码执行结果?var a=123;if(true){a='zsh';let a;}报错let的暂时性死区3、补全代码var person={name:'zs',age:12}let str=`用户的姓名为${person.name} ,年龄是${person.age}`;结果呈现:用户的姓名.

2021-01-22 17:41:09 118

原创 路由的使用

Document <router-view></router-view></div><template id="index"> <main> <h1>我是首页</h1> <router-link to="/detial">详情页</router-link> </main> ...

2021-10-11 22:10:51 139

原创 vue之slot使用

腾讯网首页 首页 新闻频道 </v-two></div><template id="header"> <div id="head...

2021-10-05 15:17:02 153

原创 前端笔记之vue总结

2021-05-24 21:41:00 148

原创 前端笔记之es6

2021-05-24 21:32:27 92

原创 前端笔记之jquery

2021-05-24 21:31:48 73

原创 前端笔记之js

2021-05-24 21:30:27 85

原创 HTML笔记

2021-05-24 21:25:58 67

原创 前端笔记小结之css3

2021-05-24 21:23:12 66

原创 spa单页面开发 vue实现spa的优势

什么是SPA?单页 Web 应用 (single-page application 简称为 SPA) 是一种特殊的 Web 应用。它将所有的活动局限于一个Web页面中,仅在该Web页面初始化时加载相应的HTML、JavaScript 和 CSS。一旦页面加载完成了,SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI与用户的交互。由于避免了页面的重新加载,SPA 可以提供较为流畅的用户体验。SPA的优点是什么、?1.良好.

2021-01-28 00:01:59 245

原创 vue flutter react三者介绍

flutterFlutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。Flutter 可以方便的加入现有的工程中。在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter是完全免费、开源的。它也是构建未来的 Google Fuchsia 应用的主要方式。Flutter 组件采用现代响应式框架构建,这是从React中获得的灵感,中

2021-01-23 22:56:05 2543

原创 MVVM MVC定义

1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。总结:在MVVM的框架下视图和模型是不

2021-01-23 22:45:19 137

原创 js高级小结

01基本对象 var stu={ name:'zsh', age:12, eat:function(){ console.log(this); // 在基本对象内部this指的是当前的对象。 console.log('吃了。。。。') } } stu.eat(); var stu1={ name:'ls', age:20 } 02工厂方式创建对象..

2021-01-22 17:40:07 93

原创 es6小结

et和constlet块级作用域:{就是代码块}向上寻找距离该变量最近的开始的函数的{作用范围就是该{}之内 { let a=10; } console.log(a);会报错 let作用域是代码块以内的区域 let不能重复声明会报错'm' has already been declaredlet m=100;let m=1;没有变量提升的概念 Cannot access 'm' before initializat...

2021-01-22 17:38:15 124

原创 判断当前文件下的状态

const fs=require('fs');fs.readdir(__dirname,(err,files)=>{ if(err) throw err; // files存储的是当前文件夹下的所有文件 console.log(files); for(let i=0;i<files.length;i++){ // 读文件的时候,for循环正常执行 fs.stat(__dirname+'/'+files[i],(err,stats...

2020-12-20 23:05:27 168

原创 同步和异步区别

1、概念不一bai样:这是du两个相对的概念,zhi同步是让两个dao或多个数据库内容保持一致zhuan,或者按需要部分保持一致。异步则是计算机多线程的异步处理。异步的概念和同步相对。2、要求不一样:“同步通信”的通信双方必须先建立同步,即双方的时钟要调整到同一个频率。异步通信发送端不需要在发送一帧之前和接收端进行协调(不需要先进行比特同步)。3、特点不一样:异步通信的好处是通信设备简单、便宜,但传输效率较低(因为开始位和停止位的开销所占比例较大)。同步各结点的时钟之间允许有微小的误差,这个时候会采用其

2020-12-20 23:03:27 1579

原创 bootstrap学习小计

01.简介Bootstrap来自Twitter 是目前很受欢迎的前端框架。Bootstrap是基于HTML CSS JavaScript的,它简洁灵活使得Web开发更加快捷响应式设计引入boostrap.css引入boostrap.js引入jquery02.全局样式之布局容器和栅格系统.container类用于固定宽度并支持响应式布局的容器。.container-fluid类用于 100% 宽度,占据全部视口(viewport)的容器。如果没给就继承父级宽度...

2020-12-13 21:47:09 133

原创 node java php区别

nodejs开发web应用程序与php,java等传统模式的区别nodejs不需要web容器,本身就是一个http服务器nodejs开,每一步都需要我们自己处理REPL全称:Read-Eval-Print-Loop(交互式解释器)R 读取 -读取用户输入。解析输入了javascript数据结构并存储在内存中E 执行 -执行输入的数据结构P 打印 -输出结果L 循环 -循环操作以上步骤直到用户两次按下ctrl -c 按钮退出在REPL中编写程序(类似于浏览器开发人员工具的控制台

2020-12-13 21:45:02 309 1

原创 node是什么?前端学习小计

Node.js 是什么传统意义上的 JavaScript 运行在浏览器上,这是因为浏览器内核实际上分为两个部分:渲染引擎和 JavaScript 引擎。前者负责渲染 HTML + CSS,后者则负责运行 JavaScript。Chrome 使用的 JavaScript 引擎是 V8,它的速度非常快。Node.js 是一个运行在服务端的框架,它的底层就使用了 V8 引擎。我们知道 Apache + PHP 以及 Java 的 Servlet 都可以用来开发动态网页,Node.js 的作用与他们类似,.

2020-12-13 21:38:05 398

原创 京东购物车(html+css+js)

html+js部分<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>我的购物车</title> <link rel="stylesheet" type="text/css" href="css/css.css" /> <link rel="stylesheet" typ...

2020-12-05 22:57:27 9857 33

原创 网易严选(html+css+js)

一.css部分body{ margin: 0; -webkit-user-select:none; -webkit-touch-callout: none; -webkit-text-size-adjust: 100%; font-family: helvetica;}a,input,button{ -webkit-tap-highlight-color: rgba(0,0,0,0);}button,input{ -webkit-app...

2020-12-05 22:51:22 2218

原创 360安全卫士静态页面(html+css)

1.css部分body{ font-size: 14px; margin: 0px; padding: 0px; font-family: "微软雅黑";}ul li{ list-style: none;}a{ text-decoration: none; color: #666666;}#bigbox{ width: 1920px;}#banner{ width: 1920px; height: 40...

2020-12-05 22:46:50 1295

原创 小项目:网易云音乐播放器

<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>网易云音乐</title> <link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css"/> <s...

2020-12-05 22:42:46 448 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除