- 博客(51)
- 收藏
- 关注
RSS订阅原创 uniapp如何更改右边标题内容
首先是pages.json里面的然后是页面上的，我们把它默认为false然后是我们调用uniapp原生方法需要注意的是在h5端执行的时候会报错，在真机测试的时候没有问题
2021-01-13 14:46:29
991
1
原创 uniapp的生命周期和应用周期
应用生命周期uni-app 支持如下应用生命周期函数：函数名说明onLaunch当uni-app 初始化完成时触发（全局只触发一次）onShow当 uni-app 启动，或从后台进入前台显示onHide当 uni-app 从前台进入后台onUniNViewMessage对 nvue 页面发送的数据进行监听，参考 nvue 向 vue 通讯注意应用生命周期仅可在App.vue中监听，在其它页面监听无效。onlaunch里进行页面跳转，如遇白屏报错，请
2020-12-26 17:08:16
572
原创 SVN如何使用
SVN简介：Subversion(SVN) 是一个开源的版本控制系統, 也就是说 Subversion 管理着随时间改变的数据。 这些数据放置在一个中央资料档案库(repository) 中。 这个档案库很像一个普通的文件服务器, 不过它会记住每一次文件的变动。 这样你就可以把档案恢复到旧的版本, 或是浏览文件的变动历史。SVN 的主要功能（1）目录版本控制CVS 只能跟踪单个文件的历史, 不过 Subversion 实作了一个 “虚拟” 的版本控管文件系统, 能够依时间跟踪整个目录的变动。 目录和
2020-10-29 14:23:20
177
原创 jQuery的选择器
我们以前在CSS中学习的选择器有：今天来学习一下jQuery 选择器。jQuery选择器是jQuery强大的体现，它提供了一组方法，让我们更加方便的获取到页面中的元素。1、jQuery 的基本选择器代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><bod
2020-09-29 18:55:32
142
原创 Swipe 移动端滑动插件使用详解
简介Swipe 是一个轻量级的移动滑动组件，这点从文件大小不难看出。它支持 1:1 的触摸移动，阻力以及防滑。单纯从移动端来使用，应该满足基本的需求了。说明从github下载后，可以发现，总共就8个文件，其中可能真正项目中用得到的，也基本就是1个 swipe.js 文件。index.html 和 style.css 本身是作为演示存在的，有兴趣的可以研究一下。那么我们具体如果使用它呢？很简单，基本只要如下代码即可：以上代码运行结果：通过鼠标点击或者放到手机上手指滑动，就可以看见幻灯片的运
2020-09-28 19:00:49
1060
原创 前端浏览器兼容性问题
一、前言在前端开发的过程中我们不可避免的会遇到浏览器兼容性问题，这也是我们必须要解决的问题。首先来了解一下为什么存在浏览器兼容性问题。现在的市场上有很多种类的浏览器，不同种类的浏览器的内核也不尽相同，所以不同浏览器对代码的解析会存在差异，这就导致对页面渲染效果不统一的问题。市场上常见的浏览器内核主要有四种：Webkit内核、Presto内核、Trident内核、Gecko内核。二、常见的浏览器兼容性问题以及解决办法常见的浏览器兼容性可分为三类：①HTML兼容②CSS兼容③JavaScri
2020-09-24 16:23:27
146
原创 项目中如何优化细节
一.内存优化1.减少内存泄露。如Timer，Delegate，Block，CoreFoundation对象(C对象)，Image2.降低内存使用峰值。如使用懒加载二.性能优化卡顿产生的原因：CPU计算时间以及GPU渲染时间较长，造成Vsync（垂直同步的信号）刷新衔接不上解决卡顿主要思路：尽可能减少CPU、GPU的资源消耗优化方法（CPU方面）：1.尽量使用轻量级的对象，如果用不到事件处理的地方，我们就使用CALayer来取代UIView2.不要频繁的调整和调用UIView相关属性，fr
2020-09-23 20:29:48
754
1
原创 微信小程序开发基础
查看官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/前言：微信小程序开入入门，如果你有html+css+javascript的基础，那么你就很快地上手掌握的。下面提供微信小程序官方地址：https://developers.weixin.qq.com/miniprogram/dev/framework/structure.html下面一起学一学，微信小程序的框架吧~看文档，别学别理解。在下的讲述如果不正确的话，可以参考官
2020-09-22 19:17:47
181
原创 面试的一些技巧
应试者要想在面试答辩中获得成功，必须注意以下几个问题：（一）淡化面试的成败意识应试者对于面试的成败，首先在思想上应注意淡化，要有一种“不以物喜，不以己悲”的超然态度。如果在面试中有这样的心态，才会处变不惊。如果只想到成功，不想到失败，那么在面试中一遇到意外情况，就会惊慌失措，一败涂地。（二）保持自信应试者在面试前树立了自信，在面试中也要始终保持自信，只有保持了自信，才能够在面试中始终保持高度的注意力、缜密的思维力、敏锐的判断力、充沛的精力，夺取答辩的胜利。（三）保持愉悦的精神状态愉悦的精神状态，
2020-09-21 19:19:07
425
1
原创 小程序微信支付 实例配置详解
一、开发前的准备①. 开发步骤如果开发者已做过 JSAPI 或 JSSDK 调起微信支付，接入小程 序支付非常相似，以下是三种接入方式的对比如此看来，小程序要想集成支付功能，倒是简单了②. 阅读业务流程图本人强烈推荐阅读这个图示，流程明确了，代码逻辑自然也就理顺了！ ③. 小程序支付业务此处，小程序官方已做了详细说明 —— 业务说明# 很多人这一步还没有完成，就咔咔咔的测试支付功能，显然是太急于求成了，比如：我！> 注意：> 1. 要开通微信支付功能(一般有两三
2020-09-20 20:11:36
1034
原创 函数防抖和节流
在前端开发的过程中，我们经常会需要绑定一些持续触发的事件，如 resize、scroll、mousemove 等等，但有些时候我们并不希望在事件持续触发的过程中那么频繁地去执行函数。通常这种情况下我们怎么去解决的呢？一般来讲，防抖和节流是比较好的解决方案。让我们先来看看在事件持续触发的过程中频繁执行函数是怎样的一种情况。html 文件中代码如下<div id="content" style="height:150px;line-height:150px;text-align:center; c
2020-09-18 19:18:47
130
原创 总结
经过一个又一个的项目，从小到大、从个人到团体。我总结如下几点： 1、项目前的充分准备，例如具体框架的搭建、函数名的统一、项目的扩展性接口的预留。2、代码撰写过程中，注释的添加，因为谁也不能保证自己写过的项目，以后还会记得很清楚。还能完善你的思维逻辑能力 3、代码撰写过程中，语法要严谨，代码要精简，例如if( == )中左右的存放位置，及重复功能的函数功能封装。 4、个人撰写要滤清思路，团队协作要及时沟通，要有团队意识及钉子精神，要按照规定好的东西严格执行，遇到问题及时沟通。 5、极难寻找的
2020-09-17 21:24:58
189
原创 async/await
async作为一个关键字放在函数的前面，表示该函数是一个异步函数，意味着该函数的执行不会阻塞后面代码的执行 异步函数的调用跟普通函数一样可以看出执行顺序还是函数先执行，但是函数的返回结果是一个Promise对象，要获取Promise的返回值应该用then方法此时先输出的就是后面的一串文字，说明异步函数的执行没有阻塞后面的代码执行，async的内部实现原理就是如果该函数中有一个返回值，当调用该函数时，默认会在内部调用Promise.solve() 方法把它转化成一个Promise 对象作为返回，若
2020-09-16 20:20:25
257
原创 Vue后台表格三级分类树形结构插件vue-table-with-tree-grid
基于vue，如下图所示，要实现表格里面的三级分类，用vue-table-with-tree-grid插件比较好，vue-table-with-tree-grid官方说明及用法在https://github.com/MisterTaki/vue-table-with-tree-grid ，直接安装步骤及如何使用：安装插件：1.首先在vue可视化工具里面搜索依赖项vue-table-with-tree-grid并点击安装2. 在vue项目中的main.js引入并全局配置...
2020-09-15 19:12:33
1197
原创 ECharts介绍及使用方法
今天做项目时用到ECharts，今天特此整理一下，作为笔记，同时希望帮助更多人。首先简单介绍一下，ECharts是一个纯JavaScript图表库，底层依赖于轻量级的Canvas类库ZRender，基于BSD开原协议，是一款非常优秀的可视化前端框架。官网地址：http://echarts.baidu.com/1.首先在官网 选择合适的下载版本 http://echarts.baidu.com/download.html2.引入Echarts <script src="js/echar
2020-09-14 19:23:43
225
原创 ElementUI Tree 树形控件
一，数据渲染1）在标签中绑定data属性2）在vue实例的data中声明list变量3）从后台获取到的数据是以数组里面嵌套多个对象的结构并赋值给list，当前的数据是OrgName为当前结构名称，Children作为子分支数组，子分支中的结构与当前结构一致4）在页面中展示结构的方法是在标签中绑定porps属性，并在vue实例的data中用label属性定义显示的名称，用childern属性绑定展示的子分支数据5）最后展示的结构如下二，点击当前分支获取当前分支与上级分支的值1）此处使
2020-09-11 20:14:32
392
原创 盒子的几种居中方式
一、记录下几种盒子居中的方法：代码演示(html使用同一个Demo)： html Demo： <body> <div id="container"> <div id="box"></div> </div> </body> 1.0、margin固定宽高居中； CSS： #container { width: 600px; height: 500px; border: 1px solid #000; margin
2020-09-09 19:03:54
1361
原创 懒加载
一.什么是懒加载？懒加载突出一个“懒”字，懒就是拖延迟的意思，所以“懒加载”说白了就是延迟加载，比如我们加载一个页面，这个页面很长很长，长到我们的浏览器可视区域装不下，那么懒加载就是优先加载可视区域的内容，其他部分等进入了可视区域在加载。二.为什么要懒加载？懒加载是一种网页性能优化的方式，它能极大的提升用户体验。就比如说图片，图片一直是影响网页性能的主要元凶，现在一张图片超过几兆已经是很经常的事了。如果每次进入页面就请求所有的图片资源，那么可能等图片加载出来用户也早就走了。所以，我们需要懒加载，进入页
2020-09-08 19:05:47
1173
原创 解构赋值
解构赋值解构赋值主要分为对象的解构和数组的解构，在没有解构赋值的时候，我们赋值是这样的let arr = [0,1,2]let a = arr[0]let b = arr[1]let c = arr[2]这样写很繁琐，那么我们有没办法既声明，又赋值，更优雅的写法呢？肯定是有的，那就是解构赋值，解构赋值，简单理解就是等号的左边和右边相等。一、数组的解构赋值let arr = [0,1,2]let [a,b,c] = arrconsole.log(a) // 0console.log(b)
2020-09-07 20:32:26
351
原创 2020-09-04
经过了大约两个星期的奋斗，终于完成了我们的项目（每时每课）。可以说这是我在职业道路上迈出的第一大步，虽然功能不是很全，而且没有重点考虑安全性，但也着实让我信心增加了不少。因为这是我自己写出来的。虽然在之前我也做过一个小的项目，也是用vue做的。所做的事情不外乎就是连接数据库的代码，慢慢也就出来了基本的效果。但是自己完全不会手写代码，而且想改成自己想要的效果也很难办到。下面让我来说一下我做项目的情况以及完成这个项目后的感受。首先就是写项目计划书，但这个我觉得自己写得不怎么详细，后面的整个功能的实现都是按照这
2020-09-04 18:47:29
90
原创 ES6复习
声明变量可以使用let、const关键字声明变量，而不推荐使用var声明变量var声明变量的问题：1.可以多次重复声明同一个变量名，存在覆盖的风险2.在全局声明的变量会挂在全局对象上3.var不能形成块级作用域，例如：if、for范围外依然可以使用var声明的变量4.var声明的变量具备变量提升（hoisting）特性— 允许使用在前，声明在后var存在很多问题，let横空出世。let允许创建块级作用域，let声明的变量只在它所在的代码块内有效{ let test = 10; va
2020-09-03 20:02:07
114
原创 js 原型链
一、 什么是原型链？每个对象都可以有一个原型_proto_，这个原型还可以有它自己的原型，以此类推，形成一个原型链。查找特定属性的时候，我们先去这个对象里去找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去向原型对象的原型对象里去寻找… 这个操作被委托在整个原型链上，这个就是我们说的原型链了。二、原型指针我们知道了原型的概念，接下来我们就照着上面的图来具体分析一下原型的指针；中间最上面蓝色模块标注的构造函数Foo, 里面有两个属性： proto 和 prototype, 这两个很容易使人混淆
2020-09-02 19:36:29
106
原创 什么是闭包？
什么是闭包（Closure）简单讲，闭包就是指有权访问另一个函数作用域中的变量的函数。MDN 上面这么说：闭包是一种特殊的对象。它由两部分构成：函数，以及创建该函数的环境。环境由闭包创建时在作用域中的任何局部变量组成。这种官方的概念是比较难理解的，在面试的时候说出来也不是很专业，因为没办法有个具体的逻辑。我个人认为，理解闭包的关键在于：外部函数调用之后其变量对象本应该被销毁，但闭包的存在使我们仍然可以访问外部函数的变量对象，这就是闭包的重要概念。产生一个闭包创建闭包最常见方式，就是在一个函数内
2020-09-01 20:10:57
49562
2
原创 bind，apply，call的区别
1.bind，apply，call的区别bind 返回一个函数 第一个参数是改变this指向的对象 直接传参apply 对函数的直接调用 第一个参数是改变this指向的对象 参数用数组包裹call 对函数直接调用 第一个参数是改变this指向的对象 直接传参在JS中，这bai三者都是用来改变函数du的this对象的指向的，他们有什zhi么样的dao区别呢。在说区别之前还是先总结一下三者的相似之处
2020-08-31 19:39:58
239
原创 js中的this指向问题
this的指向在函数定义的时候是确定不了的，只有函数执行的时候才能确定，this最终指向调用它的对象。1.函数调用模式当一个函数并非一个对象的属性时，那么它就是被当做函数来调用的。在此种模式下，this被绑定为全局对象，在浏览器环境下就是window对象2.方法调用模式当函数被保存为一个对象的属性时，它就可称为这个对象的方法。当一个方法被调用时，this被绑定到这个对象上。如果调用表达式包含一个提取属性的动作（. 或 []），那么它被称为方法调用这里的this指向的对象是o，因为调用这个say
2020-08-28 23:35:30
318
原创 JS各种基本数据类型常用方法总结
JavaScript 数据类型：字符串、数字、布尔，对象、Null、Undefined1.String（字符串）: 字符串可以是引号中的任意文本。您可以使用单引号或双引号.var string1 = ‘123abcdefgadf’ var string2 =“hello”(1).计算字符串长度：string1.length = 10(2).字符串中某一个指定的字符首次出现的位置:string1.indexOf(‘a’) = 3(3).把两个字符串链接起来：string1.concat(s
2020-08-27 20:39:17
395
原创 vue递归组件的用法
概念：组件是可以在它们自己的模板中调用自身的。不过它们只能通过 name 选项来做这件事。之前在写组件时总有些疑惑，为什么export default导出的对象中有个name属性，今天看过递归组件之后，才发现这个name属性的一个比较重要的作用。（当然。name属性的还有其他的用处）。用法：1、首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现“max stack size exceeded”的错误，也就是栈溢出。那么，我们可以使用v-if="false"
2020-08-26 23:10:39
313
原创 递归算法原理及应用
一.递归简介1.递归的定义：函数内部调用的自身函数的编程技巧称为递归（recursion）。2.构成递归的条件：(1). 子问题须与原始问题为同样的事，且更为简单；(2). 不能无限制地调用本身，须有个出口，化简为非递归状况处理。二.递归的简单示例结运行果为：结果为：120这里递归调用的过程为：递归调用 其实就是函数的调用而已，只不过这些函数均是自身罢了，记住一点：谁调用，返回谁。上面的递归调用中，刚开始一直“往下走”，知道走到了num==0,返回1，这是fun(0)函数的值，但调用f
2020-08-25 19:21:08
1178
原创 vue样式穿透
在vue开发过程中，可能会遇到修改vant ui或者element ui组件样式的时候，无效的问题，在网页检查页面元素的时候发现自己写的样式不生效，原因是因为中scoped的问题导致，所以我们需要用到样式穿透：1、stylus的样式穿透 使用：（>>>）外层类 >>> 想要修改的类名 { 要修改的样式}例：.wrapper >>> .el-card__header {border-bottom: none}2、sass和less的样式穿
2020-08-24 20:38:33
180
原创 vue中使用vuex
vuex是使用vue中必不可少的一部分，基于父子、兄弟组件，我们传值可能会很方便，但是如果是没有关联的组件之间要使用同一组数据，就显得很无能为力，那么vuex就很好的解决了我们这种问题，它相当于一个公共仓库，保存着所有组件都能共用的数据。那么，我们一起来看看vue项目怎么使用它吧。（如果你对vuex有一定了解，不是刚接触的小白，请忽略第一步，直接查看第二步）一、适合初学者使用，保存数据以及获取数据1、在store文件夹，新建个index.js文件（命名看个人习惯，如果没有该文件夹，可以新建一个，当然也
2020-08-21 22:50:40
518
原创 VUE 简介
基本用法一、vuejs简介是一个构建用户界面的框架是一个轻量级的MVVM（Model-View-ViewModel），其实就是所谓的数据双向绑定数据驱动和组件化的前端开发通过简单的API就能实现响应式的数据绑定和组合的视图组件指令：用来扩展html标签的功能vue与其他框架的对比简单、易学、更轻量指令v-xxx开头HTML + JSON数据开发者 尤雨溪 华人这几个框架都不兼容低版本IE二、起步1.下载核心库vue.js目前有1.0和2.0两个大版本vue2.0与
2020-08-20 21:04:51
728
原创 vue里filter的时间戳转换
使用方式：那么，我们该如何去写过滤器呢？接下来我们假定一种场景，后端返回的一个 时间列表大概是长下边这样的：可以看到这个数组中有三个数据，分别是三个时间戳，如果没有过滤器，我们只能用普通的方式，循环这个数组，将每一项的时间戳转换为具体的事件。但是，vue提供的过滤器可以帮我们很好的解决这种问题。接下来我们看如何去使用过滤器解决。首先定义过滤器有两种方式，第一种是全局过滤器，我们可以直接在vue对象上使用filter方法注册过滤器，这种全局注册的过滤器在任何一个组件内都可以使用。第二种则是组件内部的
2020-08-19 20:48:06
471
原创 如何搭建一个vue项目
一、安装node环境 1、下载地址为：https://nodejs.org/en/ 2、检查是否安装成功：如果输出版本号，说明我们安装node环境成功 3、为了提高我们的效率，可以使用淘宝的镜像：http://npm.taobao.org/ 输入：npm install -g cnpm -registry=https://registry.npm.taobao.org，即可安装npm镜像，以后再用到npm的地方直接用cnpm来代替就好了。检查是否安装成功：二、搭建vue项目环境
2020-08-18 21:16:21
137
原创 webpack配置详解
webpack配置详解1、首先建一个名叫“webpack.config.js”文件，在里面写webpack的配置信息。之前的文章我就已经写过一个简单的例子：一、path = require(‘path’)理解在这里我们可以注意到最新引用的path，它主要作用就是处理路径，2个常用的方法是path.join(path1[, …])和path.resolve([from …], to)。就我的理解join就是拼接2个字符。好比在一个路径下添加一个文件，resolve在某个路径找某个文件。二、入口文件配
2020-08-17 19:45:11
451
原创 微信小程序总结总结心得
昨天看了一下微信小程序官方文档,总结一下自己学习的个人心得.首先从官方文档给的框架说起,微信小程序官方文档给出了app.js, app.json, app.wxss. 先从这三个文件说起. - app.js 这个文件是整个小程序的入口文件,开发者的逻辑代码在这里面实现,同时在这个文件夹里面可以定义全局变量. - app.json 这个文件可以对小程序进行全局配置,决定页面文件的路径,窗口表现,设置网络超时时间,设置多tab等. - app.wxss 是小程序的公共样式表.(为了适应广大的前端开发者，我们
2020-08-15 23:05:41
6996
原创 微信小程序真机调试接口错误怎么解决
今天项目写完做真机测试的时候遇到了一个问题，就是二级路由在真机测试的时候不能跳转，错误如下：于是去上网找了一下解决方法，大致如下：第一步：找到小程序里面的开发选项找到服务器域名获取域名保存域名第二步：打开小程序，刷新页面，打开详情，我们看到域名已经改变第三步：配置二级路由，在app.json中的page里面配置跳转的路由...
2020-08-14 20:58:23
7226
原创 微信小程序的优势和特点
许多用户都是想要做一款归于自己的小程序，可是用户有的却不知道究竟什么是小程序，就看到其他公司做小程序了，所以也想拥有自己的小程序，至于小程序有什么长处以及价值却一点都不了解。客户在找我们做小程序的时分，我们都会问一下为什么做小程序，做小程序的用途在哪，有怎样的需求。小程序是一种无需安装，即可使用的手机“应用”。微信小程序拥有四大特性： 1.无需安装随时可用、2.触手可及、3.用完即走、4.无需卸载。小程序的特色1.快捷性：小程序是不需要下载安装的，即用即走，非常方便用户的运用。而且不占用手机的内存
2020-08-13 20:56:33
8277
原创 微信小程序如何登录
第一步：创建login模板，把login引入到要使用的页面页面：通过引入到需要使用的css样式中@import "../components/login/login.wxss";css样式如下：.apifmLogin { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.3); z-index: 99999999
2020-08-12 22:53:13
429
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人