自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 【动画设计的vue后台管理欢迎页】

关于动画设计

2022-07-13 12:14:27 1938 1

原创 小程序使用wxs处理手机号

接下来了解下我们如何给手机号处理分割的,想了接得了解下,长话短说:在小程序utils中我们新创一个文件叫tools.wxs文件,然后啊在函数内部声明一个functionfunction splitPhone(str){return str}module.exports={splitPhone:splitPhone}接下来在你要用到得page页面声明一个WXS脚本例如:<wxs src="../../utils/tools.wxs module="tools"></w

2022-04-26 17:09:49 436

原创 小程序网络数据请求

跳过request合法域名校如果后端程序员仅仅提供了http协议的接口,暂时没有提供https协议的接口。我们该如何做呢?[ ]此时为了不耽误开发的进度,我们可以在微信开发者工具中,临时开启开发环境不校验请求域名,TLS版本以及HTTPS证书选项,跳过request合法域名校验。提示:打开微信小程序工具在这里插入图片描述注意: 跳过request合法域名校验的选项,仅限在开发与调试阶段使用!...

2022-04-21 15:06:41 318

原创 小程序配置request合法域名

配置request合法域名`需求描述假设在自己的微信小程序中,希望请求https://www.whd.cn/域名下的接口配置步骤登录微信小程序管理后台->开发>开发设置->服务器域名->修改request合法域名接下来给大家拿图说话提示:我会按图片顺序把操作流程一一展现出来注意事项1.域名只支持https协议2.域名不能使用IP地址或localhost3.域名必须经过ICP备案4.服务器域名一个月内最多可申请5次修改...

2022-04-20 18:38:36 8829

原创 web前端面试题

一.什么是数组扁平化数组扁平化就是将一个多维数组转化为一个一维数组1.对数组的每一项进行遍历2.判断该项是否是数组3.如果该项不是数组则直接放进新数组中4.是数组则回到1,继续迭代5.当数组遍历完成,返回这个新数组采用递归方式处理Array.prototype.flatten = function () { var resultArr = []; var len = this.length; for (var i = 0; i < len; i ++) { if (

2021-05-20 21:30:30 212

原创 关于微信小程序的父子组件互相传值

一:父组件传值给子组件1. 在父组件中引用子组件1.1 在父组件json中导入子组件1.2 在子组件的json中,把自己定义为子组件2. 在父组件中,子组件的引用处,绑定一个属性( text ),并传递想要给子组件的值( parentParam )3. 3. 在子组件中的js中使用 properties 获取值,这样就可以在子组件中用 this.data.text 获取到这个值了二:子组件传值给父组件子组件在需要传值时,使用triggerEvent传给父组件一个事件( myevent ),

2021-05-10 22:43:15 408 1

原创 微信小程序生命周期钩子函数

小程序生命周期1.应用生命周期 入口文件 首先调用APP方法2.页面生命周期页面js 首先调用Page方法3.组件生命周期组件js 首先调用Comonent方法4.App()函数用来注册一个小程序。接受一个 Object参数,其指定小程序的生命周期回调等。App() 必须在 app.js 中调用,必须调用且只能调用一次。小程序应用生命周期属性 类型 默认值 必填 说明 最低版本1.onLaunch function 否 生命周期回调——监听小程序初始化2.on

2021-05-10 20:32:10 602

原创 梦学谷管理系统项目总结(下)

这个项目我做的是其中一个板块,供应商管理,供应商管理页面的实现也是需要对页面进行一个基本的布局,在利用mock.js的模拟到的数据,通过接口获取到数据对页面进行一个最基础的渲染,需要实现列表分页,用户查询.新增列表,编辑用户,删除列表等功能。请看效果图代码如下<template> <div> <el-card> <el-breadcrumb separator-class="el-icon-arrow-right">

2021-05-05 19:14:16 113

原创 梦学谷管理系统项目总结(上)

一.梦学谷管理系统项目总结(上)我的引语大家好,五一假期玩的也累了,没事干给大家总结下梦学谷管理系统项目这个咋做,这个项目是我们小组分工合作完成的,我做的是其中一个板块,挺有意思的,给大家分享下。...

2021-05-05 19:05:34 141

原创 vue简版源码watcher分析

一.vue简版源码watcher今天继续探索 Watch 源码,废话不多说了带着我的几个疑问开始1、什么时候初始化2、怎么确定监听哪些值3、深度监听怎么回事4、怎么触发我的函数这些问题的答案会掺杂在源码的解析中,请大家看以下源码function Watcher(vm, exp, cb) { //在实例上保存回调函数 this.cb = cb; //更新界面的回调函数 this.vm = vm; //实例vm this.exp = exp; //对应的

2021-05-05 11:06:29 134

原创 vue简版源码compile分析

一.vue简版源码compile

2021-05-04 20:53:22 148 1

原创 vue简版源码observe分析

一.vue简版源码之observe上图是一个大体的流程,下面按照流程来实现下:利用observer对data进行了监听,并且提供订阅某个数据项的变化的能力这点的实现,需要借助的是Object.defineProperty()来为对象的属性绑定get/set特性(由于利用了Object.defineProperty(),所以Vue不支持ie8),observer需要将data的所有属性都绑定get/set,很容易想到的就是利用递归来实现,请看下面代码给大家解析。...

2021-05-04 20:23:06 329 1

原创 vue简版源码mvvm分析

一.vue简版源码mvvmMVVM使开发可以更加关注于数据,减少了很大的工作量,也使代码可读性,可维护性更高,MVVM核心的思想就是视图是状态的函数:View = ViewModel(Model),所以当Model发生改变时,ViewModel会来操作View来怎么做,而非是自己写代码来做。无论是双向绑定还是单向绑定,都是符合MVVM思想的。Vue提倡的是双向绑定,也就是允许View到Model的变化,其实这个场景出现在的也就是表单操作上,看个例子,例子中分别利用了Vue和React实现了一下表单val

2021-05-04 20:08:44 159 1

原创 在职场遇到的vue相关面试题

遇到问题,不要慌,不要急,让我帮你来解决问题,多帮助一点他人,多制造一些快乐,加油,你是最棒的,奥利给。1. vue双向数据绑定原理 vue.js 则是采用数据劫持结合发布者-订阅者模式的方式, 通过Object.defineProperty()来劫持各个属性的setter,getter, 在数据变动时发布消息给订阅者,触发相应的监听回调。 vue实现双向数据绑定的原理就是利用了 Object.defineProperty() 这个方法重新定义了对象获取属性值(get)和

2021-04-29 21:32:05 152 2

原创 关于Vue的面试题大全

1、简述MVVM和MVC MVC: Model(模型) View(视图) Controller(控制器) 简单的理解:视图请求数据,将请求发送至控制器,控制器再将请求发送给模型,模型去查找数据, 找到之后传给控制器,控制器再传给视图进行渲染。 MVVM Model 代表数据模型 View 代表UI视图 ViewModel 负责监听 Model 中数据的改变并且控制视图的更新(桥梁,可以理解成mvc中的控制器) 简单理解:视图请求数据,将请

2021-04-28 21:39:27 128

原创 vue组件传值大全

想了解vue主件传值有那些方法吗?大家请往下看,我会给大家总结一下,方便大家参考学习,共同进步。一.父传子 子传父我给大家总结下父传子,如何传递的。(1)在父组件的子组件标签上绑定一个属性,挂载要传输的变量(2)在子组件中通过props来接受数据,props可以是数组也可以是对象,接受的数据可以直接使用 props:[“属性 名”] props:{属性名:数据类型}代码如下父组件代码<template> <div class="father">

2021-04-24 21:08:59 117 1

原创 原生js 放大镜案例

放大镜案例<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> 放大镜案例</title> <style type="text/css"> * { padding: 0; margin: 0; } #box { width: 430px; height: 430px; border:

2021-04-19 15:50:50 78 1

原创 原生js进度条特效

进度条特效<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title> 进度条特效</title> <style type="text/css"> * { padding: 0; margin: 0; } #progress { width: 600px; height: 35px; li

2021-04-19 15:47:14 109

原创 用jquery操作轮播图

轮播图<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title&

2021-04-19 15:40:27 60

原创 原生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> <link href="http:/

2021-04-18 18:49:39 102

原创 原生js随机验证码

原生js随机验证码<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>12 随机验证码</title> <style type="text/css"> #code{ width: 100px; height: 100px; background-color: #ddd; padding: 10px;

2021-04-18 18:40:58 74

原创 原生JS图片切换

js图片切换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>05 图片切换</title> <style type="text/css"> *{ padding: 0; margin: 0; } #box{ border: 1px solid #ccc; width: 430px; h

2021-04-18 18:36:52 43

原创 原生js数字时钟案例

原生js数字时钟案例1. 聪明的鸟儿珍惜羽毛,聪明的人儿珍惜时间。–谚语2. 时间胜守宝石。3. 一日之计在于晨,一岁之计在于春,一生之计在于勤。4. 把活着的每一天看作生命的最后一天.–海伦.凯勒5. 即将来临的一天,比过去的一年更为悠长。–福尔斯特英】6. 时间就是性命。无端的空耗别人的时间,其实是无异于谋财害命的。 --鲁迅7. 明日复明日,明日何其多!8. 合理安排时间,就等于节约时间。—培根9. 不管饕餮的时间怎样吞噬着一切,我们要在这一息尚存的时候,努力博取我们的声誉,使时间的

2021-04-17 20:40:43 160

原创 原生js图片懒家载

图片懒家载看见的小伙伴们大家不要着急,不断进步不断创新,永葆生机活力蓬勃朝气<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible"

2021-04-12 22:01:41 76

原创 程序员-事件之力

JavaScript中常见的事件目录项目Valueonclick()鼠标左键点击事件手机$12导管$1Column 1Column 2centered 文本居中right-aligned 文本居右

2021-04-09 21:39:34 127

原创 帝之不朽-总结的JS字符串常用方法

JS字符串常用方法总结1、toLowerCase(): 把字符串转为小写,返回新的字符串。var str="Hello World";var str1=str.toLowerCase();console.log(str); //Hello Worldconsole.log(str1); //hello world2 、toUpperCase(): 把字符串转为大写,返回新的字符串。var str="hello world";var str1=str.toUpperCase();conso

2021-04-08 11:59:09 87 2

原创 程序猿-无畏之力

无畏

2021-03-31 18:45:56 1412 6

原创 自信来源于自己

自信的源泉有时侯,我在想人活着为了什么,无形的感悟着自己,每天都要问自己,你今天准备好了吗?我的回答是我是最棒的,其实是要告诉自己我能行,我是最棒的,有很多人说,自信真好,有信心真棒,也有人说,这是盲目的自信,我该咋样回答你呢?我的回答是,你连自信都没有,如何面对你的人生呢?你连自己都不相信如何让出身边的人信任你呢,去帮助你,还找任何理由,去给自己找借口,不要感觉是生活放弃了你,是世界放弃了你,是你身边人放弃你,一切的问题都来源于你自己,是我们没有掌握人生的方向,是我们一遇到困难就开始躲避,是我们没有勇气

2021-03-30 20:19:23 1506 9

空空如也

空空如也

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

TA关注的人

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