- 博客(15)
- 问答 (1)
- 收藏
- 关注
原创 uniapp打包华为快应用踩坑日记
self is not defined => 在华为快应用端不使用`uni-simple-router` 插件就好了页面跳转报错找不到页面 => 跳转页面必须以`“/”`开头
2023-09-21 14:52:31
125
原创 uParse插件在ios百度端不展示解决方式(只需两行代码就可以解决)
解决uParse插件在ios百度端富文本内容不展示问题。不需要下载其他非官方三方插件,只需修改两行代码即可!
2022-03-19 19:12:07
637
转载 uni-app 禁止遮罩层下的页面滚动
<view @touchmove.stop.prevent="clearPropagation"> </view>------------------------------------clearPropagation(e) { // #ifndef APP-NVUE e.stopPropagation() // #endif}摘自:uni-popup插件源码
2022-02-14 10:19:15
865
4
原创 AJAX基本使用及数据格式转换。
基本使用xhr = new XMLHttpRequest();xhr.open('get/post', 'url');xhr.send(); // 如果是post请求则需要xhr.send(string);xhr.onreadystatechange = function () { if(xhr.readyState === 4 && xhr.status === 200) { // 如果请求完成,并且状态是200 console.log(xhr.response); // 请
2021-10-13 16:14:16
440
原创 JavaScript判断是不是IE浏览器及其版本号
浏览器类型主要是需要从window对象中的userAgent属性来判断。如在IE浏览器中这个字段是这样的:在Edge浏览器中这个字段是这样的:在Chrome浏览器中这个字段是这样的:一般我们需要判断浏览器是不是IE就OK了。我们可以根据查找...
2021-10-12 20:45:48
300
原创 JavaScript 实例,原型,原型链
一、实例如何创建一个实例?使用new关键字创建实例。class Person() { tag = '人'}// person就是实例const person = new Person()console.log(person)这时候我们打印person看到是这样的。可以发现我们在Person类上定义的tag变量被挂载到了实例上。第二个变量根据英文就可以看出来,这是原型。也就是说实例对象中包含这原型对象。二、原型我们发现现在原型对象上有两个属性。一个构造器,一个是原型。这时候我们向
2021-10-02 15:41:28
162
原创 vue项目中axios封装(数据请求封装)
一、定义utils(工具类)目录,并创建两个文件,request.js与http.jsrequest.js用于创建axios,并在请求/响应拦截时对需要传递的数据进行处理。import axios from 'axios' // 使用前要先安装依赖:npm install axios// 创建axios实例const service = axios.create({ // 这里可以放一下公用属性等。 baseUrl: 'https://xxxx', // 用于配置请求接口公用部分,请求时会
2021-09-13 09:12:28
5007
2
原创 vue应用多模板写法
介绍一个应用往往不止有一个模板布局。比如,登录页是一种模板,登录后是一种模板。如果应用更加复杂,这时候就体现出来了多模板布局的重要性。实现方式在路由设置中将对应组件页面设置成对应模板的子路由就可以达到效果。router.jsnew router({ routes: [ { path: '/', compontent: () => import('@/layout/default/Index.vue'), children: [ { path: '/'
2021-09-10 13:31:38
748
原创 vuex基本使用
作用状态管理安装npm install vuex使用src目录中创建store文件夹,以及其下的index.js文件//index.js文件import Vue from 'vue';import Vuex from 'vuex';import home from './modules/home';Vue.use(Vuex);const store = new Vuex.Store({ // 存放状态 state: { count: 0, array: [1,2,3,
2021-09-09 18:06:12
71
原创 vue-router基本使用
安装依赖包npm install vue-router使用vue-routerimport Vue from 'vue';import Router from 'vue-router';Vue.use(Router); // 安装路由功能const router = new Router({ // 创建路由实例 routes: [ { path: '/', // 首页 component: () => import('@/view/Home.vue') },
2021-09-08 18:09:18
127
转载 v-model双向绑定原理
介绍数据双向绑定也就是说,模型数据变化更新视图,视图变化更新模型数据。v-model 实现的原理是采用 数据劫持 + 发布者-订阅者模式 实现。监听模型数据变化可以使用Object.defineProperty()。监听视图变化(这里使用input举例),可以使用node.addEventListener()添加input事件。效果图HTML部分<div id="app"> <input type="text" v-model="msg" /></di
2021-09-07 22:49:30
1756
原创 JavaScript节流和防抖
JavaScript节流和防抖两者都是为了减少请求次数。防抖例子:假如快手上有个视频封面很好看,我要点进去,但是一激动点了两次,这时候如果没有做任何处理的话我是进了两次详情页。所以需要防止你手抖重复进入详情页。如果没有处理,可能会出现什么情况,卡顿,导致用户体验不太好,重复请求接口,加大了服务器压力等等情况。HTML<ul id="list"> <li id="item">我是视频封面</li></ul>JSvar item = doc
2021-09-05 12:19:05
97
空空如也
()=>()=>{}求简化/解释
2021-09-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人