Mrzhouzh-CSDN博客

原创将平级结构转换为树状结构三级分类根据时间相同的条件下子节点的值下合并数组并按照时间进行排序

【代码】将平级结构转换为树状结构三级分类根据时间相同的条件下子节点的值下合并数组并按照时间进行排序。

2022-11-28 15:59:57 179 1

转载 call、apply和bind方法的用法以及区别

call、apply、bind的作用是改变函数运行时this的指向，所以先说清楚this。以下是函数的调用方法：方法调用模式：当一个函数被保存为对象的一个方法时，如果调用表达式包含一个提取属性的动作，那么它就是被当做一个方法来调用，此时的this被绑定到这个对象。 var a = 1 var obj1 = { a:2, fn:function(){ console.log(this.a) } } obj1.fn()//

2021-04-09 17:01:53 188

原创对WEB标准以及W3C的认识

**WEB标准：**简单来说就是将页面的结构、表现和行为各自独立实现，尽量使用外链css样式表和js脚本。使结构、表现和行为分为三块，符合规范。同时提高页面渲染速度，提高用户的体验。W3C：指万维网联盟（World Wide Web Consortium），最重要的工作是发展 Web 规范（称为推荐，Recommendations），这些规范描述了 Web 的通信协议（比如 HTML 和 XHTML）和其他的构建模块。标签闭合、标签小写、不乱嵌套、提高搜索机器人搜索几率、使用外链css和js脚本、

2021-03-30 10:57:16 321

原创 es5和es6的区别、以及es6的新特性

es5和es6的区别系统库的引入es5：ES5中的引用需要先使用require导入React包，成为对象，再去进行真正引用es6：ES6里，可以使用import方法来直接实现系统库引用，不需要额外制作一个类库对象导出及引用单个类es5：ES5中要导出一个类给别的模块用，一般通过module.exports来实现。引用时，则依然通过require方法来获取es6：ES6中，则可以使用用export default来实现相同的功能，使用import方法来实现导入。注意:ES5和ES6的导入导出方法

2021-03-28 15:21:16 3189

原创 vue父组件向子组件传递数据

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title></head><body> <div id="app">

2021-03-28 15:11:51 225

原创 cookie与localStorage、sessionStorage本地存储之间的区别

cookie1）HTTP Cookie简称cookie,在HTTP请求发送Set-Cookie HTTP头作为响应的一部分。通过name=value的形式存储2）cookie的构成：名称：name(不区分大小写,但最好认为它是区分的)值:value(通过URL编码:encodeURIComponent)域路径失效时间:一般默认是浏览器关闭失效,可以自己设置失效时间安全标志:设置安全标志后只有SSL连接的时候才发送到服务器3）cookie的作用:主要用于保存登录信息4）生命期为只在设置的.

2021-03-27 13:41:39 248

原创 vue和小程序的生命周期

vuebeforeCreate（创建前）,created（创建后）,beforeMount(载入前),（挂载）mounted（载入后）,beforeUpdate（更新前）,updated（更新后）,beforeDestroy（销毁前）,destroyed（销毁后）小程序页面生命周期onLoad：首次进入页面加载时触发，可以在 onLoad 的参数中获取打开当前页面路径中的参数。onShow：加载完成后、后台切到前台或重新进入页面时触发onReady：页面

2021-03-26 17:07:52 759

原创 vue、小程序、uni-app的优缺点

vue优点：轻量级的框架双向数据绑定组件化渐进式MVVM模式缺点：缺乏高阶教程不持之IE8生态环境差社区不大报错不明显，适合单人开发或者中小型项目uni-app优点：uni-app是一套可以适用于多端的开源框架uni-app扩展能力强学习成本低，语法是vue的，组件和api是小程序的扩展能力强使用HbuildX开发，丰富的语法提示，开发速度较快突破了系统对原生H5调用功能的限制缺点:问世时间短，有很多地方不完善对于使用中的一些bug和问题，官方回应不

2021-03-26 17:03:55 2829

原创严格模式和正常模式

严格模式使用"use strict";作用：消除 Javascript 语法的一些不合理、不严谨之处，减少一些怪异行为;消除代码运行的一些不安全之处，保证代码运行的安全；提高编译器效率，增加运行速度；为未来新版本的 Javascript 做好铺垫。表现：严格模式下, delete 运算符后跟随非法标识符(即 delete 不存在的标识符)，会抛出语法错误；非严格模式下，会静默失败并返回 false严格模式中，对象直接量中定义同名属性会抛出语法错误；非严格模式不会报错严格模式中，函数形

2021-03-24 16:47:18 259

原创修饰符

事件修饰符stop------防止冒泡prevent----阻止默认事件–如a[href=’#’]，button[type=‘submit’]这种标签在冒泡结束后会开始执行默认事件，不会因为stop阻止事件传递而停止passive----不阻止默认事件—每次事件发生，浏览器都会去查询一下是否有preventDefault阻止该次事件的默认动作，我们加上passive就是为了告诉浏览器，不用查询了，没有使用preventDefault阻止默认动作capture-----添加事件监听器时使用事件捕获模式

2021-02-23 11:10:40 130

原创 VUE全家桶

vue-cli一架构工具**vue：**是一套构建用户界面的渐进式框架，与其他重量级框架不同的是，vue采用自底向上增量开发的设计，Vue的核心库只关注视图层，比较容易和其他库或已有项目整合，vue完全有能力采用单文件组件和Vue生态系统支持的库开发的复杂单页应用vue-router一路由vuex一是vue提供的状态管理工具，就是vue各个组件直接的变量是不能直接共享的，组件直接的参数传递才多层的时候异常复杂，所以就诞生了vuex的状态管理工具保证了状态的统一和追踪axios一数据请求UI组

2021-02-23 10:52:46 363

原创 router路由的使用

vue-router 基本使用　　路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。点击之后，怎么做到正确的对应，比如，我点击home 按钮，页面中怎么就正好能显示home的内容。这就要在js 文件中配置路由。路由

2021-02-22 10:26:00 2355

原创 vuex的原理

前言vuex作为vue官方出品的状态管理框架，以及其简单API设计、便捷的开发工具支持，在中大型的vue项目中得到很好的应用理解computed使用vuex中store中的数据，基本上离不开vue中一个常用的属性computed。官方一个最简单的例子如下var vm = new Vue({el: ‘#example’,data: {message: ‘Hello’},computed: {// 计算属性的 getterreversedMessage: function () {//

2021-02-22 10:10:54 386

原创微信小程序的wx:if和hidden的区别

wx：if 和hidden 都是可以控制小程序中的元素是否显示wx：if 是遇到true显示 hidden 是遇到false显示另外wx：if是隐藏时不渲染，而hidden在隐藏时仍然渲染，只是不显示如果频繁切换的话使用wx：if 判断会消耗更多的资源，因为每一次切换页面，他都会渲染，隐藏时又会删除，使用hidden避免浪费资源切换不频繁的话使用wx：if 可以相对而言好一些，避免初始就一下渲染过多元素，造成页面加载缓慢·频繁切换用：hidden·偶尔切换用：wx:if...

2021-02-01 14:05:56 1426

原创 globaldata的用法

写在全局变量app.vue中globalData:{num:’’,//商品数量name:’’,//合伙人名称phone:’’,//合伙人电话id:’’,//合伙人idcategory_id:’’,//商品idarr:{},//地址show:true,Hide:false}然后在页面中使用哪个就调用哪个onLoad(opctions) {// 获取到全局中的地址let a = getApp().globalData.arrconsole.log(a);this.site = a

2021-01-25 10:07:09 3521

转载 uni-app 从入门到放弃（持续更新）

最近的任务是做一个混合的app，刚好我想玩一下uni-app怎么样，在考虑用哪个技术的时候，考虑了RN，Taro，uni-app，RN没有踩过坑怕hold不住，Taro很少看到编译成app的案例，而uni-app比较多，就决定是你了，然后…1.搭建环境上官网安装一下开发工具这里送上连接 www.dcloud.io/hbuilderx.h…然后需要安装微信开发者工具最好用最新的如果直接写app的话可以安装模拟器我自己安装的是Android Studio 如果是mac 再安装Xcode 就可以双

2021-01-22 08:43:00 641

原创 javaSrcipt动态添加删除表格

css部分《 #formDiv {width: 270px;border: 1px solid;margin: 30px 0 0 600px;}.nameTdpro{text-align: center;}.emailTdpro{text-align: center;}.salaryTdpro{text-align: center;}.aTdpro{text-align: center;}》HTML部分《< tr align=“center”>&l

2020-12-26 13:39:27 144

原创 JavaScript的作用

JavaScript的作用js是什么js的特点js的作用js的应用场景js的知识点js是什么1.是一种脚本语言：可以直接在电脑上建立一个文档，直接开始运行，不用编辑语言。（需要编译的语言需要特定的工具或环境）2.js是直接面对对象的编程语言（高级语言）面对过程（低级语言）“框架性、组件性”js的特点简单性：简单易学；安全性：没有办法读取本地的信息；跨平台性：主流浏览器都可以兼容到jsjs的作用JavaScript在1995年由Netscape公司的Brendan Eich 发布1

2020-07-22 14:18:19 3220

Mrzhouzh的博客