- 博客(15)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 uniapp打包华为快应用踩坑日记
self is not defined => 在华为快应用端不使用`uni-simple-router` 插件就好了 页面跳转报错找不到页面 => 跳转页面必须以`“/”`开头
2023-09-21 14:52:31
195
原创 uParse插件在ios百度端不展示解决方式(只需两行代码就可以解决)
解决uParse插件在ios百度端富文本内容不展示问题。不需要下载其他非官方三方插件，只需修改两行代码即可！
2022-03-19 19:12:07
708
转载 uni-app 禁止遮罩层下的页面滚动
<view @touchmove.stop.prevent="clearPropagation"> </view> ------------------------------------ clearPropagation(e) { // #ifndef APP-NVUE e.stopPropagation() // #endif } 摘自：uni-popup插件源码
2022-02-14 10:19:15
935
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
496
原创 JavaScript判断是不是IE浏览器及其版本号
浏览器类型主要是需要从window对象中的userAgent属性来判断。 如在IE浏览器中这个字段是这样的： 在Edge浏览器中这个字段是这样的： 在Chrome浏览器中这个字段是这样的： 一般我们需要判断浏览器是不是IE就OK了。 我们可以根据查找 ...
2021-10-12 20:45:48
389
原创 JavaScript 实例，原型，原型链
一、实例 如何创建一个实例？使用new关键字创建实例。 class Person() { tag = '人' } // person就是实例 const person = new Person() console.log(person) 这时候我们打印person看到是这样的。可以发现我们在Person类上定义的tag变量被挂载到了实例上。第二个变量根据英文就可以看出来，这是原型。也就是说实例对象中包含这原型对象。 二、原型 我们发现现在原型对象上有两个属性。一个构造器，一个是原型。 这时候我们向
2021-10-02 15:41:28
210
原创 vue项目中axios封装（数据请求封装）
一、定义utils（工具类）目录，并创建两个文件，request.js与http.js request.js 用于创建axios，并在请求/响应拦截时对需要传递的数据进行处理。 import axios from 'axios' // 使用前要先安装依赖：npm install axios // 创建axios实例 const service = axios.create({ // 这里可以放一下公用属性等。 baseUrl: 'https://xxxx', // 用于配置请求接口公用部分，请求时会
2021-09-13 09:12:28
5365
2
原创 vue应用多模板写法
介绍 一个应用往往不止有一个模板布局。比如，登录页是一种模板，登录后是一种模板。如果应用更加复杂，这时候就体现出来了多模板布局的重要性。 实现方式 在路由设置中将对应组件页面设置成对应模板的子路由就可以达到效果。 router.js new router({ routes: [ { path: '/', compontent: () => import('@/layout/default/Index.vue'), children: [ { path: '/'
2021-09-10 13:31:38
844
原创 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
93
原创 vue-router基本使用
安装依赖包 npm install vue-router 使用vue-router import 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
165
转载 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
1830
原创 JavaScript节流和防抖
JavaScript节流和防抖 两者都是为了减少请求次数。 防抖 例子：假如快手上有个视频封面很好看，我要点进去，但是一激动点了两次，这时候如果没有做任何处理的话我是进了两次详情页。所以需要防止你手抖重复进入详情页。 如果没有处理，可能会出现什么情况，卡顿，导致用户体验不太好，重复请求接口，加大了服务器压力等等情况。 HTML <ul id="list"> <li id="item">我是视频封面</li> </ul> JS var item = doc
2021-09-05 12:19:05
126
空空如也
（）=>（）=>｛｝求简化/解释
2021-09-14
TA创建的收藏夹 TA关注的收藏夹
TA关注的人