- 博客(29)
- 收藏
- 关注
RSS订阅转载 web前端-------面试题（一）
目录：1.this关键字（指向）？2.事件模型：事件委托、代理？如何让事件先冒泡后捕获？3.对象和面向对象4. for···in和for···of的区别：(for···in取key，for··of取value)5.查找数组重复项6.数组扁平化7.垃圾回收机制8. iframe的优缺点有哪些？9.函数柯里化（卡瑞化、加里化）？10.window的onload事件和domcontentloaded1.this关键字（指向）？this是JavaScript语言的一个关键字，它是函数运行时，在函数体内部自动生成
2021-05-20 21:47:53
186
原创 微信小程序-----TODO
如何创建小程序页面和先显示那个页面如下：创建好文件后，找到你创建的那个文件相应的名字然后在在xx.wxml布局(xx.wxml相当于html)代码如下：<view class="a"> <!-- home图标（图片定位代替） --> <image src="/img/logo.png"></image> <!-- input输入框 --> <!-- bindconfirm回车事件 --> <input t
2021-05-09 19:52:20
760
1
原创 什么是SEO
什么是SEO优化seo=Search（搜索） Engine（引擎） Optimization（优化），即搜索引擎优化。指的是在了解搜索引擎排序原理的基础上，对网站进行站内优化和站外优化，从而提升当前网站关键词排名概率，获取流量。某种意义上说，只要存在搜索的地方，就存在SEO，不绝对的限制在搜索引擎上去优化。每个平台都有SEO准则。SEO的宗旨是如何最优化的把搜索结果呈现给有需求的广大网民，但是现代意义上的SEO基本说的就是个大搜索引擎的全网SEO，即传统的SEO。...
2021-05-06 21:17:35
182
原创 小米商城项目总结（二）
购物车页面：购物车页面刚开始我是用两个table表格来去写的，他这块的难点感觉就是那个点击删除按钮出现一个弹框确定之后才能删除，原理上都是差不多的 相当于找出所要删除数据对应的下标即可我的收藏：收藏这个页面也是通过相应的接口文档去渲染数据就可以了，这要接口id之类传递的对就没有什么大问题我的订单：他这个订单页面的数据没办法通过接口文档来进行获取，接口存在问题，然后我就把这块写成了死数据总结：这个项目相对于电商后台管理来说是有一定的难度的，因为它用到了正则，监听，还有那个注册登录存在同一
2021-05-06 07:56:58
1369
原创 小米商城（一）
技术栈：VueVue-router路由Element-ui插件Vuex全局组件全局变量路由拦截AxiosAPI封装首先是登录注册页面登录：注册：这两个页面用到了正则校验存token数据方法，export default { name: "", data() { // 正则验证 var checkUsername = (rule, value, callback) => { var reg = /^[a-zA-Z][a-zA-Z0-
2021-05-06 07:50:04
526
1
原创 电商后台管理（二）
这里主要介绍些面包蟹<template> <el-breadcrumb separator-class="el-icon-arrow-right"> <el-breadcrumb-item :to="{ path: '/' }">首页</el-breadcrumb-item> <el-breadcrumb-item>{{bread.one}}</el-breadcrumb-item> <el-br
2021-05-05 20:58:57
96
原创 电商后台管理（一）
1.电商后台管理功能**登录/退出功能主页布局用户管理模块权限管理模块参数管理模块商品列表模块订单管理模块数据统计模块**2.项目初始化**A. 安装Vue脚手架B. 通过脚手架创建项目C. 配置路由D. 配置Element-UI:在插件中安装，搜索vue-cli-plugin-elementE. 配置Axios：在依赖中安装,搜索axios(运行依赖)F. 初始化git仓库G. 将本地项目托管到github或gitee(码云)中**配置好相关的功能之后然后写登录页面
2021-05-05 20:57:03
623
1
原创 梦学谷项目总结（下）
这里主要叙述下员工管理这个页面这里面的渲染数据用到了Api封装这也是我做项目以来第一次用到api’这块因为第一次使用不怎么熟悉然后就请教我们组长来解决的这个问题他这个入职时间在新增和编辑弹框都出现了 这里用到了element插件里的一个东西总结：因为这个项目的接口是那种随机的 ，没啥难度，就按照正常的增删改查做就可以了 ，难点就是那个api封装因为第一次使用嘛，最后在组长的帮助下也是写出来了...
2021-05-05 19:56:36
146
原创 梦学谷项目总结（上）
梦学谷管理系统项目总结（上）项目简介这个项目大概包括近10个页面，有用户登录，首页，会员管理，供应商管理，商品管理，员工管理等等。技术栈1.Element-UI2.moment3.mock.js4.axios请求5.Api封装因为这个项目是小组进行分工协作的 这里就不详细介绍了主要的话就说下我写的地方首先是登录页面写这个登录页面的时候用到了token和登录健全，登录健全是为了不让用户在为登录的情况下修改url数据进入下个页面...
2021-05-05 19:47:04
228
原创 watcher源码注释
function Watcher(vm, exp, cb) { //在watcher的实例上保存回调函数 this.cb = cb; //用于更新界面的回调函数 this.vm = vm; //MVVM的实例vm this.exp = exp; //对应的表达式 this.depIds = {}; //new个相关的dep的容器 this.value = this.get(); //获取当前表达式对应的val}Watcher.prototype = {
2021-05-05 19:33:36
88
原创 observer.js注释
function Observer(data) { //在Observer实例上暂存data this.data = data; this.walk(data);}Observer.prototype = { walk: function(data) { var me = this; //对data里所有的属性名进行遍历 Object.keys(data).forEach(function(key) {
2021-05-05 19:04:24
253
原创 vue源码----compile.js注释
//判断当前用户传递的el属性是元素节点还是选择器,若是元素节点则保存到$el中function Compile(el, vm) { //this Compile的实例 $vm 是MVVM的实例 (vm) this.$vm = vm; //如果不是 则根据选择器 去查找对应的元素 然后保存 this.$el = this.isElementNode(el) ? el : document.querySelector(el); //确定元素是否真正存在 if .
2021-05-05 18:52:03
118
原创 vue源码----mvvm代码注释
function MVVM(options) { //增加一个$options属性然后把传递过来的东西存起来 this.$options = options; this.$options.beforeCreate && this.$options.beforeCreate(); //在实例上新增_data 保存传来的data数据 var data = this._data = this.$options.data; //保存this 为了之后使
2021-05-05 18:42:47
123
原创 vue相关面试题整理（仅供参考！！！）
目录：一、vue双向数据绑定原理二、组建中data为什么是个函数三、v-if和v-show的区别四、v-if和v-for的优先级五、 v-for中的key值的作用六、 修改数据页面不更新的原因和解决方案七、$nextTick八、vue-router钩子函数和执行顺序一、vue双向数据绑定原理vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图二
2021-04-29 21:58:07
377
1
原创 vue面试题（未完成）
这里写目录标题1.组件之间传值2.vue双向绑定的原理3.Vue生命周期4.keep-alive的作用是什么5.v-if与v-show的区别6.mvvm和mvc1.组件之间传值链接: vue的组件都有哪几种类？？.2.vue双向绑定的原理vue.js是采用数据劫持结合发布者-订阅者模式的方式，通过Object.defineProperty()来劫持各个属性的setter，getter，在数据变动时发布消息给订阅者，触发相应的监听回调来渲染视图3.Vue生命周期创建前/后： 在beforeCrea
2021-04-29 08:29:59
103
原创 vue的组件都有哪几种类？？
一.父组件向子组件传值1.创建子组件，在src/components/文件夹下新建一个Child.vue2.Child.vue的中创建props，然后创建一个名为message的属性3.在App.vue中注册Child组件，并在template中加入child标签，标签中添加message属性并赋值4.保存修改的文件，查看浏览器父传子的实现方式就是通过props属性，子组件通过props属性接收从父组件传过来的值，而父组件传值的时候使用 v-bind 将子组件中预留的变量名绑定为data里面的数
2021-04-25 07:51:06
1520
2
原创 web前端 — 撸正则
上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> // 正则的创建 // 方法一 通过new RegExp(模式)来生成一个 var
2021-04-21 20:01:34
143
原创 input框，焦点事件
直接上代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; font-size: 25px; } .red{ color: red; } .green{
2021-04-21 19:59:03
489
原创 js通过搜索商品名字实现搜索
代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ font-size: 25px; } </style> </head> <body> <p> <input type=
2021-04-13 08:44:56
976
原创 js通过商品名字搜索商品
代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ font-size: 25px; } </style> </head> <body> <p> <input type=
2021-04-13 08:42:27
502
原创 js事件 —— 如何实现点击拖拽功能
js如何实现点击拖拽功能？话不多说直接上代码，代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> * { margin: 0; padding: 0; } .b { width: 100%; height: 100%
2021-04-09 11:57:06
438
1
原创 js中实现 在子类中通过 call或者apply来调用父类的构造函数
如何实现 在子类中通过 call或者apply来调用父类的构造函数重点：用.call()和.apply()将父类构造函数引入子类函数（在子类函数中做了父类函数的自执行（复制）） 特点：1、只继承了父类构造函数的属性，没有继承父类原型的属性。 2、解决了原型链继承缺点1、2、3。 3、可以继承多个构造函数属性（call多个）。 4、在子实例中可向父实例传参。 缺点：1、只能继承父类构造函数的属性。 2、无法实现构造函数的复用。（每次用
2021-04-08 21:24:01
684
原创 原生js数组的方法
数组的方法，代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> </body></html><script type="text/javascript"> var arr = ['RUBY WOO（经典哑光正红色）','CHILI
2021-04-07 21:45:55
307
原创 JQ手写图书管理系统
话不多说直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; box-sizing: border-box; } div{ margin: 100px 100px;
2021-04-01 21:40:55
796
原创 如何搞定双子座女孩
首先，确定她并没有对你厌烦。因为，双子受不了一个无趣唠叨压迫感控制欲强的对象。鉴定方法：找她聊天，她若回复你，哪怕再简短，只要她保持回复你，那也证明她没有厌烦你。双子要是厌烦一个人，是不会回复搭理他的信息的。发啥只当没看见，或许扫一眼，连内容是啥都不看，毫无兴趣。然后，继续找她聊天，不求回应那种。内容很关键，达到一个目的就行：逗她开心，或引发她的兴趣。比如分享歌曲，游戏，旅游去处、美食、时事等。让她知道你在她左右，随时可以找到你，但并不会因为你的存在感到有压力。再然后！关键的来了哦！她心
2021-04-01 20:48:25
5110
13
原创 vue中实现模糊搜索
vue中实现模糊搜索， 代码如下：首先在框架中写一个input输入框<template> <div> //v-model实现双向绑定 <input type="text" placeholder="商品名称" v-model="keyword"/> </div></template>在data中定义input双向绑定的变量名:data() { return { keyword: "", //搜索的关键字
2021-03-31 21:31:19
1378
原创 原生js实现最小值、最大值
利用原生js 手撕 一串数组的最小值、最大值，代码如下：最小值：<script>var arr = [2,96,8,55,26,1,63,8];var min = arr[0]for(i = 0; i < arr.length; i++){ if(arr[i] < min){ min = arr[i] }}document.write("最小值为" + min)</script>最大值：<script> var arr =
2021-03-31 19:07:35
340
原创 原生js本地存储、获取、删除、清空
利用原生js手撕本地存储实现 存储、获取、删除、清空功能。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <body> <input type="text"/> <button class="set">存储</button> <
2021-03-31 18:52:19
3778
1
原创 js 简单的乘法口诀表
利用双重for循环写乘法口诀四种样式。代码如下：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> table{ margin-bottom: 20px; } </style> </head> <body> &
2021-03-30 19:31:29
1211
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人