- 博客(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 4787
原创 前端面试题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 1353
原创 前端面试题
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 136
原创 路由的使用
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 154
原创 vue之slot使用
腾讯网首页 首页 新闻频道 </v-two></div><template id="header"> <div id="head...
2021-10-05 15:17:02 174
原创 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 265
原创 vue flutter react三者介绍
flutterFlutter 是 Google 开源的 UI 工具包,帮助开发者通过一套代码库高效构建多平台精美应用,支持移动、Web、桌面和嵌入式平台。Flutter 开源、免费,拥有宽松的开源协议,适合商业项目。Flutter 可以方便的加入现有的工程中。在全世界,Flutter 正在被越来越多的开发者和组织使用,并且 Flutter是完全免费、开源的。它也是构建未来的 Google Fuchsia 应用的主要方式。Flutter 组件采用现代响应式框架构建,这是从React中获得的灵感,中
2021-01-23 22:56:05 2608
原创 MVVM MVC定义
1. Mvvm定义MVVM是Model-View-ViewModel的简写。即模型-视图-视图模型。【模型】指的是后端传递的数据。【视图】指的是所看到的页面。【视图模型】mvvm模式的核心,它是连接view和model的桥梁。它有两个方向:一是将【模型】转化成【视图】,即将后端传递的数据转化成所看到的页面。实现的方式是:数据绑定。二是将【视图】转化成【模型】,即将所看到的页面转化成后端的数据。实现的方式是:DOM 事件监听。这两个方向都实现的,我们称之为数据的双向绑定。总结:在MVVM的框架下视图和模型是不
2021-01-23 22:45:19 156
原创 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 118
原创 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 170
原创 判断当前文件下的状态
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 185
原创 同步和异步区别
1、概念不一bai样:这是du两个相对的概念,zhi同步是让两个dao或多个数据库内容保持一致zhuan,或者按需要部分保持一致。异步则是计算机多线程的异步处理。异步的概念和同步相对。2、要求不一样:“同步通信”的通信双方必须先建立同步,即双方的时钟要调整到同一个频率。异步通信发送端不需要在发送一帧之前和接收端进行协调(不需要先进行比特同步)。3、特点不一样:异步通信的好处是通信设备简单、便宜,但传输效率较低(因为开始位和停止位的开销所占比例较大)。同步各结点的时钟之间允许有微小的误差,这个时候会采用其
2020-12-20 23:03:27 1642
原创 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 157
原创 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 330 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 432
原创 京东购物车(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 9991 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 2266
原创 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 1335
原创 小项目:网易云音乐播放器
<!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 468 4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人