- 博客(39)
- 收藏
- 关注
RSS订阅原创 flex布局总结
今天又熟悉啦flex布局，写下总结以下6个属性设置在容器上。flex-direction 设置主轴方向flex-wrap 设置换行和不换行flex-flow flex-flow属性是flex-direction属性和flex-wrap属性的简写形式，默认值为row nowrapjustify-content 水平方向对齐方式align-items 垂直方向对齐方式align-content 多轴线对齐方式如果项目只有一根轴线，该属性不起作用。.box{ display:flex;
2020-07-23 16:12:24
268
原创 React高频面试题梳理，看看面试怎么答？
**1.React生命周期有哪些，16版本生命周期发生了哪些变化？**初始化阶段constructor 构造函数getDefaultProps props默认值getInitialState state默认值挂载阶段componentWillMount 组件初始化渲染前调用render 组件渲染componentDidMount组件挂载到 DOM后调用更新阶段componen...
2020-06-17 10:34:44
201
原创 58 道 Vue 常见面试题集锦，涵盖入门到精通，自测 Vue 掌握程度
1.vue优点？轻量级框架：只关注视图层，是一个构建数据的视图集合，大小只有几十 kb ；简单易学：国人开发，中文文档，不存在语言障碍 ，易于理解和学习；双向数据绑定：保留了 angular 的特点，在数据操作方面更为简单；组件化：保留了 react 的优点，实现了 html 的封装和重用，在构建单页面应用方面有着独特的优势；视图，数据，结构分离：使数据的更改更为简单，不需要进行逻辑代码...
2020-05-04 15:02:48
322
原创 css面试题及答案
1 、介绍一下标准的CSS的盒子模型？与低版本IE的盒子模型有什么不同的？标准盒子模型：宽度=内容的宽度（content）+ border + padding + margin低版本IE盒子模型：宽度=内容宽度（content+border+padding）+ margin2、 box-sizing属性？用来控制元素的盒子模型的解析模式，默认为content-boxcontext-box...
2020-05-02 18:12:54
2251
原创 javaScript 面试题
1.什么是类？类(class)是在 JS 中编写构造函数的新方法。它是使用构造函数的语法糖，在底层中使用仍然是原型和基于原型的继承。//ES5 Version function Person(firstName, lastName, age, address){ this.firstName = firstName; this.lastName = lastNam...
2020-04-29 22:15:26
1009
原创 JavaScript面试问题
1. event.preventDefault() 和event.stopPropagation()方法之间有什么区别？event.preventDefault() 方法可防止元素的默认行为。如果在表单元素中使用，它将阻止其提交。如果在锚元素中使用，它将阻止其导航。如果在上下文菜单中使用，它将阻止其显示或显示。 event.stopPropagation()方法用于阻止捕获和冒泡阶段中当前事件的...
2020-04-28 22:45:55
378
原创 typescript 基础
安装npm i typescript -gtsc 常用命令tsc --init 初始化项目tsc ./src/xxx.ts 编译某个文件tsc -w 检测变化并编译tsconfig.json 文件{“compilerOptions”:{“outDir”:"./dist", //输出文件夹“rootDir”:"./src" //源文件夹}}ts常见类型boolea...
2020-04-27 22:51:13
62
原创 使用H5开发移动端app
使用H5开发移动端app优点：很大的好处就是快速、简单、方便，一套代码几乎不用怎么修改就可以同时打包iOS、Android安装包。基于前端各方面应用技术栈成熟，资料齐全。有不少的平台和开发工具可供选择，集代码编辑、调试、打包几乎一条龙服务 ， 基于H5+的环境与原生底层交互越来越多，很多功能界面在效果上几乎和原生的没啥区别。不足：H5开发APP的不足在与原生的相比，有些场景暴露的很彻底...
2020-04-25 23:26:27
4237
原创 react-native基础
搭建开发环境需要软件：androidstudio | mumu模拟器 | nodeJS | jdk安装完node后建议设置npm镜像（淘宝源）以加速后面的过程。npm install nrm -g//安装nrm便于管理npm下载源npx nrm use taobao//使用nrm工具切换淘宝源npx nrm use npm//如果之后需要切换回官方源可使用npm install ...
2020-04-20 23:37:23
148
原创 web性能优化方法
1.尽量减少HTTP请求数 80%的终端用户响应时间都花在了前端上，其中大部分时间都在下载页面上的各种组件：图片，样式表，脚本，Flash等等。减少组件数必然能够减少页面提交的HTTP请求数。这是让页面更快的关键。减少页面组件数的一种方式是简化页面设计。但有没有一种方法可以在构建复杂的页面同时加快响应时间呢？嗯，确实有鱼和熊掌兼得的办法。合并文件是通过把所有脚本放在一个文件中的方式来减少请...
2020-04-16 21:53:07
288
原创 react组件传参方法
1.props传参<child age={this.state.age}>/*在子组件中*/ this.props.age 获取数据setAge = v=> this.setState({age:v})<Child age={this.state.age} setAge={this.setAge.bind(this)}>/*在子组件使用*/<h3 ...
2020-04-16 21:36:50
699
原创 百度地图api的使用
1.初始步骤1.查找到百度地图开发平台，点击进入；2.第一次进入需要输入账号和密码，登录成功后，进入到控制台；找到应用管理，在我的应用，点击创建应用；3.跳转到创建应用界面，输入应用名称、选择应用类型（一般为浏览器端）和启用服务，输入域名白名单，然后点击提交；4.这时会在应用表格中，生成一条新记录，有对应的应用编号、应用名称和访问应用（AK）等；5.点击右上角的开发文档，选择Web开发下...
2020-04-15 21:19:33
302
原创 前端常见面试题
1. 解析字符串中的数字和将字符串强制类型转换为数字的返回结果都是数字，它们之间的区别是什么？解析允许字符串（如 parseInt() ）中含有非数字字符，解析按从左到右的顺序，如果遇到非数字字符就停止。而转换（如 Number ()）不允许出现非数字字符，否则会失败并返回 NaN。2.Array 构造函数只有一个参数值时的表现？Array 构造函数只带一个数字参数的时候，该参数会被作为数组...
2020-04-12 21:34:27
189
原创 前端常见面试题
1.使用闭包实现每隔一秒打印1，2，3，4//使用闭包实现for（var i = 0；i < 5;i++）{ (function(i){ setTimeout(function(){ console.log(i); },i*1000); })(i);}//使用let块级作用域for(let i = 0;i < 5;i++){ setTi...
2020-04-12 21:02:12
142
原创 react
react用于构建用户界面的javascript库安装：npx create-react-app react-tuts转到react-tuts目录下打开项目，删除src目录下的所有文件,新建index.js文件便于我们更好地 理解react的原理这时输入npm start就可以打开项目import React from 'react' //只要使用jsx的语法都需要引入reac...
2020-04-09 21:57:44
63
原创 js高频面试题
1.同步和异步的区别同步指的是当一个进程在执行某个请求的时候，如果这个请求需要等待一段时间才能返回，那么这个进程会一直等待下去，直到消息返回为止再继续向下执行。异步指的是当一个进程在执行某个请求的时候，如果这个请求需要等待一段时间才能返回，这个时候进程会继续往下执行，不会阻塞等待消息的返回，当消息返回时系统再通知进程进行处理。2.Ajax是什么？如何创建一个Ajax？他是一种异步通信的方法...
2020-04-06 21:11:33
345
原创 js高频率面试题
1.函数柯里化的实现// 函数柯里化指的是一种将使用多个参数的一个函数转换成一系列使用一个参数的函数的技术。function curry(fn, args) { // 获取函数需要的参数长度 let length = fn.length; args = args || []; return function() { let subArgs = args.slice...
2020-04-05 18:49:58
154
原创 高频前端面试题html/css部分
1.前端需要注意哪些 SEO1.合理的 title、description、keywords：搜索对着三项的权重逐个减小，title 值强调重点即可，重要关键词出现不要超过 2 次，而且要靠前，不同页面 title 要有所不同；description 把页面内容高度概括，长度合适，不可过分堆砌关键词，不同页面 description 有所不同；keywords 列举出重要关键词即可2.语义化的...
2020-04-02 21:34:11
251
原创 webpack 总结
图片与文件处理file-loader可以解析项目中的url引入（不仅限于css）使之指向正确的文件url-loader会将小图片生成base64编码格式(url-loader封装了file-loader)image-webpack-loader插件可将大的图片进行压缩从而缩小打包体积html-loader html 代码里处理 img 标签的 loader。style.css@i...
2020-04-01 22:34:42
106
原创 Socket.io 知识点总结
Socket.io服务端运行后会在根目录动态生成socket.io的客户端js文件 客户端可以通过固定路径/socket.io/socket.io.js添加引用<script type="text/javascript" src="/socket.io/socket.io.js"></script>知识点emitemit函数有两个参数第一个参数是自定义的事件名...
2020-03-31 23:07:53
955
原创 Vuex总结
一 Vuex安装npm install vuex --save二 vuex是什么Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。Vuex 也集成到 Vue 的官方调试工具 devtools extension，提供了诸如零配置的 time-travel 调试、状态快照导入导出等高级调试...
2020-03-29 15:32:09
74
原创 gitHub常用操作指南
1 全局配置快捷键 ctrl+r 打开cmd命令窗口输入git config --global user.name “Your Name” //可以随便一个名字git config --global user.email “email@example.com” //你的邮箱地址2 初始化git在命令窗口输入cd/ 切换到根目录md mygit 创建mygit目录cd mygit...
2020-03-23 23:14:06
148
原创 vue axios json代理 总结
axios特点：支持浏览器和node.js支持promise能拦截请求和响应能转换请求和响应数据能取消请求自动转换JSON数据浏览器端支持防止CSRF(跨站请求伪造)npm安装$ npm install axiosbower安装$ bower install axios通过cdn引入<script src="https://unpkg.com/axios/dis...
2020-03-20 00:09:06
117
原创 vue 常用命令
CMD常用命令切换盘符 盘名:d: 切换到d盘c: 切换到c盘cd 切换目录cd / 切换到根目录cd …/ 切换到上一级cd 目录名/目录名 切换到子目录dir 显示当前目录的文件和文件夹列表md 文件夹名创建目录rd 文件夹名删除目录cls 清除屏幕↑ ↓ ：上一次命令，下一个命令ipconfig查看当前ipctrl+c 停止当前正...
2020-03-15 22:43:54
240
原创 js高频率面试题
一.简述js闭包理解及其优缺点，并用闭包方式实现1.什么是js闭包js允许使用内部函数，内部函数可以访问他们所在的外部函数中声明的变量，参数和声明的其他内部函数。当其中一个这样的内部函数在包含他们的外部函数之外被调用时，就会形成闭包。闭包的好处:(1)不增加额外的全局变量(2)执行过程中所有的变量都是在匿名函数内部闭包的缺点(1)由于闭包会使得函数中的变量被保存在内存中，内存消耗很大...
2020-03-14 14:25:17
188
原创 vue段总结
什么是vue1.Vue.js是一套构建用户界面的渐进式框架,Vue 采用自下向上增量开发的设计,其核心库只关注视图层,易于上手,同时vue完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用2文本渲染指令v-textv-html 可以渲染数据中的html标签条件渲染指令v-if=“表达式值”v-elsev-show 通过css display:none方法来...
2020-03-05 19:49:12
193
转载 JS中常用的全局属性及方法
window对象window对象表示当前的浏览器窗口。window对象的成员属性就是全局属性。window对象的成员方法就是全局方法。全局属性JSONdocument Document对象console Consolescreen Screenlocation Locationhistory Historynavigator NavigatorStoragelocalSt...
2020-02-25 20:46:08
253
原创 JS中Math函数的常用方法
Math 是数学函数，但又属于对象数据类型 typeof Math => ‘object’console.dir(Math) 查看Math的所有函数方法。1，Math.abs() 获取绝对值Math.abs(-12) = 122，Math.ceil() and Math.floor() 向上取整和向下取整console.log(Math.ceil(12.03));//13 co...
2020-02-25 20:27:36
759
原创 js中对象常用方法
Object.assign()… 用于克隆var first = {name : 'kong'}; var last = {age : 18}; var person = Object.assign(first, last); console.log(person);//{name : 'kong', age : 18Object.is()…用于判断两个值是否相...
2020-02-25 20:22:39
208
原创 JS数组及其常用方法
数组的概念及其定义方式数组：有序的值的集合字面量的形式1 var arr = [1,2,3]2 Console.log(arr[0]);//0称为索引或下标3 Console.log(arr.length);//数组中元素的个数4 var arr1=[];5 arr1[0]=10;构造函数1 var arr1 = new Array（）2 var arr1 = new A...
2020-02-25 20:17:13
225
原创 JS字符串常用方法总结
JS字符串常用方法总结1、toLowerCase(): 把字符串转为小写，返回新的字符串。var str="Hello World";var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2、toUpperCase(): 把字符串转为大写，返回新的字符串。v...
2020-02-25 20:08:54
150
原创 写一个插件来执行 table选型卡切换
自己编写一个table选项卡插件*{margin: 0;padding: 0;} .tabs span{ display: inline-block; width: 60px; height: 30px; border: 1px solid #055846; } .tabs div{ width: 180px; height: 1...
2020-01-14 10:59:52
85
原创 常见的效果 ---吸顶
吸顶效果是比较常见的效果之一，所以是每个初学者要掌握的内容吸顶效果可以用多种方法实现 在此 用JQuery来实现先在这里插入代码片现将html代码和css代码写出.header{ width:100%; height:200px; background-color:red;}.nav{ height:90px; background-color:pink;}.conten...
2020-01-09 21:46:06
282
原创 用jQuery实现table切换
首先将html标签写出<div class="tabs"> <div class="title active">标题1</div> <div class="title">标题2</div> <div class="title">标题3</div> <div class="content">内容...
2020-01-08 13:28:40
513
原创 javaScript 学习知识点总结 详细
javaScript 知识点详细总结一 入门通常把javaScript叫做js，它是一种轻量级的脚本语言。运行在浏览器客户端.js引入方式：内嵌式所有js代码写到一个<script type="text/javascript"> js代码 </script>,标签内此script标签可以放到html的任何地方外链式所有的js代码写到一个外部js文件内（该文...
2020-01-04 10:08:21
322
2
原创 用js做一个简易版的贪吃蛇
用js做一个简易版的贪吃蛇，话不多说先上个效果图（ps:有点丑 见笑）首先 要了解 贪吃蛇如果是个对象，应该拥有哪些属性1.div元素 舞台2.行 row3.列 col4.方向 dir 1.创建食物/蛇 genBlock2.控制蛇的位置 setPos3.控制蛇的方式 (键盘）onkeyup4.判断 （撞墙，吃到自己没有，吃到食物）蛇的row 和蛇的col与食物行...
2019-12-31 18:45:58
405
2
原创 js 表格操作----添加删除
js 表格操作----添加删除书名：<input type="text" id="name"> 价格：<input type="text" id="price"> <button onclick="add()">添加</button> <table id="table" width="800" border="1"> ...
2019-12-30 20:33:54
185
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人