- 博客(62)
- 收藏
- 关注
RSS订阅转载 Jquery面试题总结
1、你为什么要使用jQuery？你觉得jquery有哪些好处？1、因为jQuery是轻量级的框架，大小不到30kb2、它有强大的选择器，出色的DOM操作的封装3、有可靠的事件处理机制(jQuery在处理事件绑定的时候相当的可靠)4、完善的ajax(它的ajax封装的非常的好，不需要考虑复杂浏览器的兼容性和XMLHttpRequest对象的创建和使用的问题。)5、出色的浏览器的兼容性6、支持链式操作，隐式迭代7、行为层和结构层的分离，还支持丰富的插件，jquery的文档也非常的丰富1‘2、$
2021-05-04 16:58:49
1046
转载 面试题总结
js笔记总结一.什么是mvvm数据( Model )和视图( View )是不能直接通讯的，而是需要通过 ViewModel 来实现双方的通讯。当数据( Model )变化的时候， ViewModel 能够监听到这种变化，并及时通知 View 视图做出修改。同样的，当页面有事件触发的时候， ViewModel 也能够监听到事件，并通知数据( Model )进行响应。所以 ViewModel 就相当于一个观察者，监控着双方的动作，并及时通知对方进行相应的操作。Vue.js 的数据驱动是通过 MVVM 这
2021-04-30 20:35:21
521
1
转载 js笔记总结
1、JS的数据类型有哪些？如何判断JS的数据类型？JS 的数据类型：Number、String、Boolean、Null、undefined、object、symbol（这个是Es6新出来的） 其中Object又包含了这三种：Data、function、Array。注意typeof可以判断js的数据类型，但是跟这知识点相关的是它经常以选择题的形式问你一些复杂数据类型的判断结果. - > typeof undefined 'undefined' - >
2021-04-29 20:01:02
224
转载 php原生接口
** #1. APP接口介绍 **JSON方式封装通信PHP生成JSON数据方法：json_encode($value)通信数据标准格式code 状态码（200，400等）；message 提示信息（参数错误；数据返回成功等）data 返回数据** 2.APP是如何通信的 **APP与浏览器通信的异同相同处：都是向服务器端发起HTTP请求，经过服务器端的逻辑处理后返回相对应的结果不同之处...
2021-04-26 20:09:33
580
原创 vue串讲总结
** ## 1.vue.cli中怎样使用自定义组件？遇到过哪些问题？ **第一步：在components目录新建组件文件（indexPage.vue），script一定要export default {}。第二步：在需要用的页面（组件）中导入：import indexPage from ‘@/components/indexPage.vue’第三步：注入到vue子组件的components属性上面,components:{indexPage}第四步：在template视图view中使用，例如有ind
2021-04-26 08:20:08
144
原创 Vue知识点串讲
**1.基本使用框架**所谓的数据驱动的理念：当数据发生变化的时候，用户界面也会发生相应的变化，开发者并不需要手动的去修改 dom .简单的理解：就是 vue.js 帮我们封装了数据和 dom 对象操作的映射，我们只需要关心数据的逻辑处理，数据的变谈谈你对MVVM开发模式的理解**2.MVVM分为Model、View、ViewModel三者**。Model:代表数据模型，数据和业务逻辑都在Model层中定义;View:代表UI视图，负责数据的展示;ViewModel:负责监听Mo
2021-04-22 11:16:16
145
原创 mock笔记
Mock.js 介绍Mock.js 是一款模拟数据生成器，旨在帮助前端攻城师独立于后端进行开发，帮助编写单元测试提供了以下模拟功能： ① 根据 数据模板 生成模拟数据 ② 模拟 Ajax 请求，生成并返回模拟数据 ③ 基于 HTML 模板生成模拟数据 安装 npm install mockjsMock.js 语法Mock.js 的语法规范包括 两部分： ① 数据模板定义规范 DTD 数据模板中的每个属性由 3 部分构成：属性名、
2021-04-14 20:20:32
253
1
原创 微信开发小程序面试题
**1.简单描述下微信开发小程序的相关文件类型？**1.wxml模板文件，是框架设计的一套标签语言，结合基本组件、事件系统、可以构建出页面的结构。2.wxss样式文件。是一套样式语言，用于WXML的组件样式3.js脚本逻辑文件，逻辑处理网络请求4.json配置文件，小程序设置，如页面注册，页面标题及tabBar.5.app.json整个小程序的 全局配置，包括：Pages:[所有页面路径]网络设置（网络超时时间）界面表现（页面注册）window:(背景色、导航样式、默认标题）底部t
2021-04-14 10:25:18
711
2
原创 Vue生命周期函数
它可以总共分为8个阶段：beforeCreate（创建前）,created（创建后）,beforeMount(载入前),mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,beforeDestroy（销毁前）,destroyed（销毁后）这里先插入vue的生命周期图（1）...
2021-04-07 19:19:22
80
原创 Vuex今日知识
**1. Vuex 简单了解**Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。它采用集中式存储管理应用的所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化换种说法可能更好理解如果有一些公共的数据需要在多个组件中共享或者某一个状态的改变会影响多个组件，那么这时候用vuex是非常合适的，比如我们经常会看到的中后台都有多风格的切换，这种全局的改变就可以用到vuex去完成！使用Vuex管理数据的好处：能够在 vuex 中集中管理共享的数据，便于开发和后期进行维护
2021-03-29 18:37:58
98
原创 近期部分面试题
**水平且垂直居中的方法**方法一：使用定位的方法 .parent { width: 300px; height: 200px; border: 1px solid red; position:relative; } .child { width: 100px; height: 100px;
2021-03-24 17:40:53
170
原创 面试题笔记
面试题总结1、vue的特点是什么?1.国人开发的一个轻量级框架。2.双向数据绑定，在数据操作方面更为简单。3.视图，数据，结构分离，不需要进行逻辑代码的修改，只需要操作数据就能完成相关操作。4.组件化，方便封装和复用。5.虚拟DOM: dom操作是非常耗费性能的，不再使用原生的dom操作节点，极大解放dom操作。2、父子组件是如何传值的？父组件引入子组件：路由配置:使用children属性实现路由嵌套，嵌套的组件关系就是父子组件关系代码示例：{ path: '/father',
2021-03-23 17:34:11
175
1
原创 CSS基础
核心概念和知识点语法CSS 的核心功能是将 CSS 属性设定为特定的值。一个属性与值的键值对被称为声明（declaration）。color: red;而如果将一个或者多个声明用 {} 包裹起来后，那就组成了一个声明块（declaration block）。{ color: red; text-align: center;}声明块如果需要作用到对应的 HTML 元素，那还需要加上选择器。选择器和声明块组成了CSS 规则集（CSS ruleset），常简称为 CSS 规
2021-03-22 10:29:10
117
原创 电商业务描述
1.电商业务概述多端客户使用的业务服务：PC端，小程序，移动web，移动app电商后台管理员使用的业务服务：PC后台管理端PC后台管理端的功能：管理用户账号（登录，退出，用户管理，权限管理），商品管理（商品分类，分类参数，商品信息，订单），数据统计开发模式电商后台管理系统采用前后端分离的开发模式前端项目是基于Vue的SPA（单页应用程序）项目前端技术栈:Vue,Vue-Router,Element-UI,Axios,Echarts后端技术栈：Node.js,Express,Jw
2021-03-16 17:32:09
874
1
原创 vue.cli脚手架
Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 通过 @vue/cli 实现的交互式的项目脚手架。 实现的交互式的项目脚手架。安装npm install -g @vue/cli创建项目vue create 项目名运行打包命令npm run serve列表展示views 文件夹中 创建 List.vue<template> <div class="list"> <router-link to="/add">
2021-03-11 21:15:58
88
原创 Vue部分笔记
Vue学习笔记1、 vue是什么？Vue是一套用于构建用户界面的渐进式框架（渐进式框架：分层设计，即你需要使用一种框架或者工具的时候，引入即可使用他的大部分功能，需要使用其他功能的时候只需要添加相应功能插件【做加法】，类似于Jquery，由简单到复杂，优点：节省成本https://www.zhihu.com/question/51907207）。与其他大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心层只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工
2021-03-05 11:46:09
103
1
原创 面试题 第7和8天
iframe框架都有哪些优缺点优点重载页面时不需要重载整个页面，只需要重载页面中的一个框架页技术易于掌握，使用方便，可主要应用于不需搜索引擎来搜索的页面方便制作导航栏缺点会产生很多页面，不容易管理*不容易打印对浏览器搜索引擎不友好多框架的页面会增加服务器的http请求简述你对BFC规范的理解是CSS中的一个渲染机制，BFC就相当于一个盒子，内部的元素与外界的元素互不干扰。它不会影响外部的布局，外部的布局也不会影响到它。形成条件（任意一条）float的值不是nonepositi
2021-02-02 14:43:12
136
2
原创 面试题 第5天和第六天
简述超链接target属性的取值和作用 a 标签的 target 属性一共有四个值。_self默认属性。在当前窗口或者框架中加载目标文档。_blank打开新的窗口或者新的标签页。在使用这个属性时，最好添加 rel="noopener norefferrer" 属性，防止打开的新窗口对原窗口进行篡改。防止 window.opener API 的恶意行为。_parent在 frame 或者 iframe 中使用较多。在父级框架中载入目标文档，当 a 标签本身在顶层时，与 _self 相
2021-01-27 14:50:12
134
2
原创 Node 开发概述
1.Node 开发概述1.1 为什么要学node使用熟悉的js语法开发后端技术很多一线城市公司的需求生态系统活跃，有大量开源库可以使用前端开发工具大多基于Node开发2.Node运行环境搭建打开 Node 官网注意：安装完成后，桌面上并没有什么快捷方式，因为Node仅仅是一个JS的执行环境使用Node需要用到命令行工具如何测试Node是否安装成功呢？打开命令行工具，这里可以使用传统的 cmd 工具，也可以使用win10中的 powershell我们这里使用后者按
2021-01-21 21:30:48
1472
原创 数组对象
数组对象创建数组的两种方式字面量方式var arr = [1,"test",true];new Array()var arr = new Array();检测是否为数组instanceof运算符instanceof可以判断一个对象是否某是个构造函数的实例var arr = [1,23]; var obj = {}; console.log(arr instanceof Array)//true console.log(obj instanceof Array)/
2021-01-19 15:39:03
158
原创 typeof判断数据类型
typeof返回的六种数据类型typeof 共返回6种数据格式：一、若是基本数据类型返回对应的基本类型 1.number类型 var num = 1; console.log(typeof num); //返回的是number 2.string 类型 var str = 'jack'; console.log(typeof str); //返回的是string 3. boolean类型
2021-01-19 14:39:15
1840
原创 rem布局——媒体查询部分
rem1.1 为什么使用 rem 布局前两两种布局方式一直没有解决两个问题页面中的文字不能随着屏幕变化而变化，比如前面的仿京东页面百分比布局和flex布局主要针对宽度布局，高度一致被忽视采用 rem 布局，可以让屏幕发生变化时，元素的高度和宽度以及文字大小等能够等比例缩放1.2 rem单位rem (root em)是一个相对单位，类似于em，em是父元素字体大小。不同的是rem的基准是相对于html元素的字体大小。比如，根元素（html）设置font-size=12px; 非根元素设置
2021-01-14 20:45:36
478
1
原创 面试题总结（一）
第一天1. 页面导入样式时，使用link和@import有什么区别？在html设计制作中，css有四种引入方式。方式一： 内联样式内联样式，也叫行内样式，指的是直接在 HTML 标签中的 style 属性中添加 CSS。示例：<div style="display: none;background:red"></div这通常是个很糟糕的书写方式，它只能改变当前标签的样式，如果想要多个 拥有相同的样式，你不得不重复地为每个 添加相同的样式，如果想要修改一种样式，又不得不修
2021-01-13 09:17:59
111
原创 移动端基础部分知识
1.像素的相关问题1.1 物理像素(像素点)屏幕就是这个样子的可以看到：整个屏幕是由一个个的点组成的，每个屏幕上的点一定是有限的，现在的技术还做不到无穷个点组成屏幕。那么这些有限的点就叫做像素，或者叫做物理像素(physical pixel)如果再放大一些，观察具体的一个像素点1.2 分辨率如上图，每一个长度方向上的像素个数乘以每一个宽度方向上的像素个数的表示形式，就叫做分辨率比如，小米11屏幕尺寸相同的手机，包含的像素点个数是不确定的，像素点越小，同一方向上容纳的像素个数就越多，图像
2021-01-07 16:56:18
138
原创 编写旋转木马——蔡徐坤
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { .
2021-01-06 20:55:41
299
原创 HTML5和CSS3部分小总结
**HTML5 新增标签**什么是语义化新增了那些语义化标签header --- 头部标签nav --- 导航标签article --- 内容标签section --- 块级标签aside --- 侧边栏标签footer --- 尾部标使用语义化标签的注意- 语义化标签主要针对搜索引擎 - - 新标签可以使用一次或者多次- - 在 `IE9` 浏览器中，需要把语义化标签都转换为块级元素 - - 语义化标签，在移动端支持比较友好，二、多媒体音频标签4. 多媒体标签
2021-01-06 15:36:29
101
原创 闭包函数和递归
闭包变量根据作用域的不同分为两种：全局变量和局部变量。1，函数内部可以使用全局变量。2，函数外部不可以使用局部变量。3，当函数执行完毕，本作用域内的局部变量会销毁。 <script> /** * 这里产生了三个作用域 * 全局作用域=》局部作用域(函数f1)=》局部作用域(函数f2) * 1）如果在多个作用域中都声明了同名的变量，那么会按照就近原则向上寻找 * 2）子作用域可以访问父作用域中的变量，
2020-12-27 19:52:33
237
原创 javascript原型和继承
原型和继承1.1对象的创建方式1.1.1 字面量方式var obj = {};此种方式在主要用来创建 json 数据，一般不会用来创建对象1.1.2 普通模式基于 Object 创建var Person=new Object()Person.name='yhb'Person.age=20Person.speak=function(){ console.log('hello');}console.log(Person);缺点：*因为是基于 Object 基类创建，所以无法获
2020-12-24 17:17:30
85
1
原创 利用js编写tab栏切换和选项卡
Html部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href=.
2020-12-21 09:29:53
248
2
原创 JavaScript面向对象
面向对象字面量：```phpvar obj = {} var obj1 = { sno: '832479345', sname: 'Tom', sage: 17 } new: var obj2 = new Object(); obj2.gid = '364873'; obj2.gname = 'aaaaaa';:``工厂模式:function getObj(id,name){ var obj = {}; obj.id = id; obj.name = n
2020-12-17 15:32:55
85
原创 JS关于对象，DOM获取元素，js设置样式，流程语句
一、内置对象1.1Math(数学对象)Math.ceil(-1.1)向上求整 -1 Math.floor(-1.1)向下求整 -2 Math.round(4.6)四舍五入 5 Math.random()随机数 [0,1)之间的小数 求0-99之间的随机数 Math.floor(Math.random()*100)->[0,99.xxxx]->1.2Date(日期对象)var now=new Date();//实例化当前的日期对象 now.getFullYear(); .....
2020-12-16 19:59:10
900
原创 利用JS写一个轮番图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> * { ..
2020-12-16 16:35:17
218
1
原创 JavaScript基础
编程语言数据存储单位大小关系：bit < byte < kb < GB < TB<.....JavaScript的作用表单动态校验（密码强度检测） （ JS 产生最初的目的 ）网页特效服务端开发(Node.js)桌面程序(Electron)App(Cordova)控制硬件-物联网(Ruff)游戏开发(cocos2d-js)JS 初体验JS 有3种书写位置，分别为行内、内嵌和外部。行内式<input type="button" valu
2020-12-15 16:37:14
122
原创 JS的元素样式、属性、注册事件
**js操作元素的样式**```htmlvar div=document.getElementById('box')div.style.width='300px';div.style.height='300px';div.style.backgroundColor='red'; //css中有-的属性，在js中要改成驼峰命名法2.div.style.属性 获取元素的样式var div=document.getElementById('box')console.log(div
2020-12-09 19:21:40
111
原创 html+css扩展
HTML部分1.基本结构骨架2.扩展3.块级元素行内元素span a i<span></span><a href="">超链接</a><em>斜体</em><i>斜体</i><b>加粗</b><strong>加粗</strong>行内元素特征：(1)设置宽高无效 (2)对margin仅设置左右方向有效，上下无效；padding设
2020-12-08 20:13:51
263
原创 数据库。laravel简单知识整理
1.连接数据库语法：mysql -u用户名 -p密码 -h主机 -p端口2.创建数据库： create datebase 表；3.创建数据表： create table 表名（）id primary key atuo_increment, 主键自动递增name not null 非空,price float,4.数据库增删改查:增 ： insert into 表 values (’值1‘，’值2‘）删 ： delete from 表 where 条件改 ： update
2020-12-07 08:37:12
132
原创 css浮动相关知识——向真要努力
**一、复习**盒模型box model，什么是盒子？所有的标签都是盒子。无论是div、span、a都是盒子。图片、表单元素一律看做文本（纯文字）。一个图片，里面能放东西吗？不能，图片自已就是它自已的内容，能理解吗？请注意：img图片这个东西，跟行内和块级元素都不一样，因为它能设置宽高。图片还能设置成一排，所以不要纠结它是什么，记住它是文本就行了。盒模型有哪些组成：width、height、padding、border、margin。（注意拼写，记住这些单词）width、height是内容的宽
2020-12-01 14:37:39
248
4
原创 CSS伪类.伪元素，块元素和行内块元素自己总结知识
**什么是伪类，伪元素？**CSS伪类什么叫伪类呢？伪类是基于元素的特征而不是他们的id、class、属性或者内容。一般来说，元素的特征是不可以从DOM树上推断得到的，而且其是动态的，当用户和DOM进行交互的时候，元素可以获得或者失去一个伪类。（这里有一个例外，就是:first-child和:lang是可以从DOM树中推断出来的。）CSS的现有标准中，伪类包括：:first-child 应用第一个子元素:link 应用未访问过的链接:visited 应用已访问过的链接:hover 应用鼠
2020-11-30 15:56:10
2338
3
原创 表单知识总结——向真要努力
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head> <meta http-equiv="Content-Type" content="text/.
2020-11-29 15:17:54
1618
3
原创 laravel框架知识小总结
laravel框架laravel是基于mvc模式的php框架，m——模型层，v——视图层，c——控制器层；以下为laravel框架的目录文件，框出来的文件目录将在后续中用到：2、laravel路由简介 laravel中请求类型包括：get、post、put、patch、delete。前面说了route.php是laravel的路由文件，所有的路由映射都要通过编辑route.php文件进行代码书写。3. 路由学习1、基本路由 get请求：<?php//基本路由的get请
2020-11-25 09:42:20
686
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人