任重道远

报错信息：10:42:51.888 TypeError: $gwx is not a function10:42:51.908 at file:///storage/emulated/0/Android/data/cn.taozhi.xuetang/apps/__UNI__EAA8C0F/www/app-view.js:122:27 at uniapp://ready:18210:42:51.928 webviewScriptError10:42:51.948 $gwx is not a funct

我今天调试uni-app上的音频在h5上的播放，结果一直就出现一个很恶心的问题：在pc上的浏览器（谷歌、QQ浏览器）、微信开发者工具上，音频正常播放，但是在手机微信浏览器，点击播放毫无反应；在HbuilderX上自带的web调试工具，得到两个报错：Uncaught (in promise) DOMException: The element has no supported sources....

1. 构建项目掘金 - 小程序2.

nodejs 模块字符串// 暴露 module.exports = '宫鑫'// 导入模块（导入js，不用加后缀）const test = require('./test');console.log(test)// => 宫鑫暴露一个对象// 暴露 (test.js)module.exports = { name: '宫鑫'}// 导入con...

首先对我是用的环境进行一下说明：vue-cli + iview；安装好 iview 组件库，然后引入，具体就不再赘述，可以看我的另一篇博客；Form表单的使用：绑定数据// 接受数据的对象data(){ return{ userInfo: { username: '', password: '', captcha: ''...

通过一个树状组件，研究一下组件的递归；递归组件注意：1. 组件要加上 name 属性；2. 在循环中，调用自身；3. 适当的时候结束递归；4. 适当的数据（可以递归循环）；好了，话不多说，开始制作树状组件；1）看一下要用的数据结构[ { name: '山东省', show: true, children: [ ...

首先说一下现在项目搭建的程度；vue-cli 创建的项目引入了 iview 组件库，安装好了 less，安装了 vue-router 路由；配置好了跳转到后台和登录页面的路由；使用 iview做好了登录页面和后台页面的框架，如图：后台是需要登录之后才能访问的，所以要对访问进行拦截；1. 标识一下需要拦截的页面一个网站有很多页面，一些是需要登录过后才能访问的，一些是不用登录也能访问...

vue-cli安装npm i -g @vue/clivue-cli 的作用是用来快速生成vue项目的脚手架这个项目脚手架 webpack 构建的，依赖 webpack 打包；使用 vue-cli 创建一个项目# vue create 项目名称vue create gx-app# 进入项目目录cd gx-app# 启动项目npm run servevue-cli...

创建 vue-cli 项目# 安装 vue-cli 因为是全局安装，安装过一次之后再创建项目就不用安装了；npm i -g @vue/cli# 创建项目vue create gx-app# 进入项目目录cd gx-app# 启动项目npm run serve# 安装 less-loadernpm i less-loader# 安装less，并添加依赖npm i l...

官网https://router.vuejs.org/zh/千万注意，项目名称不能是 vue-router ，否则路由安装是会报错的；报错信息如下：npm ERR! code ENOSELFnpm ERR! Refusing to install package with name "vue-router" under a packagenpm ERR! also called "vu...

1. 安装 vue-cli & 创建项目# 安装 vue-cli 因为是全局安装，安装过一次之后再创建项目就不用安装了；> npm i -g @vue/cli# 创建项目> vue create vue-web# 进入项目目录> cd vue-web# 启动项目> npm run serve# 访问：http://localhost:80...

小型项目Vuex 是一个全局数据管理器；不过小项目的话可以不用 Vuex ；直接使用根组件保存用户数据；（因为每一个组件都可以访问到根组件）大型项目的话就得使用 Vuex 来管理数据了；开始每一个 Vuex 应用的核心就是 store（仓库）。“store”基本上就是一个容器，它包含着你的应用中大部分的状态 (state)。Vuex 和单纯的全局对象有以下两点不同：Vuex 的状...

qs一、请求写法二、qs1. 对比2. 使用场景：在看代码的时候看到如下代码的时候，碰到两个问题，一个是这个请求的写法，第二个就是qs;// request 就是 axios 对象export function getVerifyCode(telephone) { return request({ url: '/......', method: 'post', ...

今天在调用 手机验证码验证的时候，老是出错；仔细对比了一下我发送的数据，请求方式，通过body传递的参数，但是本地测试却一直报错，但是在postman测试却一切正常？？？黑人问号后来请教了同事才知道问题出在哪里，是数据格式的问题我发送的是 JSON 数据但是，后台接收的是 表单数据so，一直失败；区分好了，接下来说一下怎么区分是 JSON数据 还是 表单数据1. 接口上的不同 ...

父组件和子组件之间的数据流通，应该是父组件的数据通过 prop 传递给子组件，然后子组件再通过 $emit 事件通知父组件更新数据；这是正常的流程，也是没有副作用的流程；但时除了这种方法，也可以通过其他方法实现父子组件的数据流通；但是会有副作用，不过如果能掌握的好的话是可以使用的；这里就来研究一下；1. 读取或修改的阶段父组件读取或操作子组件的数据，要在 mounted() 阶段子组...

Wepack 基本概念为什么要使用 Webpack?现在跟多浏览器不支持 ed6、ed7、esnext 等更高级的语法，但是这些语法又比较好用，使用 webpack 可以帮我们把新语法转换成 es5的语法；可以支持老浏览器；代码编译工具模块化开发它会把你写的每一个 js 编译成一个闭包；它可以把所有的文件当做模块来处理打包编译成 html css js等其他资源文件；模块...

关于自定义指令的写法（全局和局部）,有哪些钩子函数，钩子函数的参数这里就不做讲解，Vue文档很清楚，可以直接看文档的；https://cn.vuejs.org/v2/guide/custom-directive.html一、 自定义双向数据绑定这个指令的实现还是比较简单的；首先在指令绑定到元素的时候，把数据和 data 中的住居保持一致； bind()在 data 中的数据更新的时候，把...

学前准备下载点击打开 gir 官网打开安装文件，一直下一步就Ok了测试安装 git --version git version 2.18.0.windows.11.使用github免费的代码管理仓库，开源gitlab企业用，自己的服务器搭建。（代码仓库）命令行git init 初始化一个仓库（本地） 本地打开一个文件夹，输入命令： &gt...

[1] 透明色：        transparent 元素透明度设置：标准浏览器： opacity:0.5;      IE:         filter:alpha(opacity=0-100)取值范围：0-1当元素设置了透明度后，里面的子元素也会透明 透明度颜色：rgba(0,0,0,0.5);background-color:rgba(0,0,0...

1. 侦听器watch: {}语法 / 简介new Vue({ el: "#app", data: { }, watch: { // 侦听器 // 这个选项用来监控当前实例中的成员发生变化 // 监听方式是给当前实例的成员添加一个同名函数在 watch 选项里边 // 这个同名函数有两个参数，(newValue, oldValue) // newValu...

1. 数组方法arr.forEacharr.maparr.filterarr.findarr.findIndex以上的数组方法都是接受一个回调函数作为参数回调函数都有三个参数，分别是： (value, index, arr)value: 数组中每一项的值index: 数组中每一项的下标arr: 原始数组1）arr.forEach()单纯的 循环 数组，没有返回值（u...

事件1. 事件修饰符事件修饰符作用.stop阻止事件冒泡.prevent阻止默认行为.capture元素自身触发的事件先在此处理 — 捕获阶段触发事件.self只当在 event.target 是当前元素自身时触发处理函数.once事件将只会触发一次...

过渡前提： 需要过渡的元素要有 v-if 或者是 v-show 切换将需要添加过渡效果的元素用 <transition></transition> 组件包裹起来；需要过渡的元素有 v-if 或 v-show 切换； .box { width: 300px; height: 300px; ...

数组数组对象可以存储任何类型的数据，是一个有序的集合属性：arr.length // arr.length 数组中数据的个数，可读可写// [1] 清空数组 arr.length = 0;// [2] 截取数组 arr.length = 比数组的实际个数少；// [3] 稀疏数组 arr.length = 比数组中的实际个数多；1. join()说明用于把数组转成字符串...

我在一个demo中，引入了Bootstrap.min.css 样式文件，在写表格组件的时候，其他的都有效，唯独table 无效；解决办法：添加上<thead>和<tbody>标签

父组件将 数据(Object) 传递到子组件子组件直接使用这个对象，并修改这个对象，会影响到父组件中的对象；子组件通过data，将父组件传递过来的对象转换成本地数据，修改对象依然会影响到父级数据，因为对象是引用数据类型，如下图所示；props: ['obj'],data(){ return { iObj: this.obj }}所以就需要让本地对象跟父级对象彻底断绝联系...

全局注册组件// 注册组件Vue.component('cpt-name', {})// 使用<cpt-name></cpt-name>局部组件// 注册局部组件const cpt = {}// 在实例中定义局部组件new Vue({ components: { cpt-name: cpt }})// 使用<cpt-na...

方法一（常规）父组件传递数据到子组件；子组件将数据转成本地数据props: ['name'],data() { return { iName: this.name }},但是此时，父组件如果更新了name 值，但是子组件中的 iName 不会随之更改；所以要监听父组件传入数据的变化，随之更新子组件；watch: { // 监听父组件传...

现在我有如下需求，子组件 <user /> 中此时有一条用户的信息（userInfo）；我要在父组件通过插槽展示这个用户的姓名（userInfo.name）；注意：这里的父组件并没有这个用户的信息，子组件中有，如果直接在父组件{{userInfo.name}} 获取这条信息是获取不到的；因为，只有 <user /> 组件可以访问到 userInfo，而我们提供的内容是在父...

所有的生命周期钩子自动绑定 this 上下文到实例中，因此你可以访问数据，对属性和方法进行运算。这意味着你不能使用箭头函数来定义一个生命周期方法 (例如 created: () => this.fetchTodos())。这是因为箭头函数绑定了父上下文，生命周期钩子函数的简介钩子函数名称执行时间作用beforeCreate()在组件创建之前执行一般用来做 A...

MVVMM — model 数据 （提供）V — view 界面 / 模板（提供）VM — view model 连接模板和数据（自动的处理数据和模板之间的关系）