qq_32741973的博客

原创 SocketException: Failed host lookup: ‘x.com‘ (OS Error: No address associated with hostname, errno=7

flutter开发app遇到的问题，开发工具是android studio解决方法：您还必须确保您在线，无论是移动设备还是模拟器可以删除模拟器再创新创建，再运行

原创 解决文本框自动记忆功能

<input readonly onfocus="this.removeAttribute('readonly')"/>可以解决各种浏览器文本框自动记忆问题，适用于各种ui框架（element,ant design）<el-input v-model="password" readonly onfocus="this.removeAttribute('readonly')"/>...

原创 ios部分机型不生效：滚动条滚动开启与禁止

document.body.style.overflow = "auto"; //开启document.body.style.position = "static";//开启（推荐）document.body.style.overflow = "hidden";//禁止document.body.style.position = "fixed";//禁止（推荐）

原创 H5跳转小程序仅需一行代码

window.location.href\='weixin://dl/business/?t=MDYINAk0xSb'

原创 vue cli2和cli3创建项目的差异

安装：执行cnpminstallvue-cli-g全局安装 Vue CLI <= 2或npm install -g @vue/cli 或指定版本 npm install -g @vue/cli@3.11.0 Vue CLI >= 3注意：安装任何其中一个需先将对方卸载创建一个vue-cli项目：vue init webpack vuedemo Vue CLI <...

原创 react组件通讯

React 的组件可以定义为 class 或函数的形式函数组件<script type="text/babel">function HelloMessage(props) { return <h1>Hello World!</h1>;}const element = <HelloMessage />;//组件名ReactDOM.render( element, document.getElementById('example'));

原创 vue跨域解决方案

proxyTable是解决开发环境中的跨域问题，正式环境的跨域需要使用nginx反向代理或者是后端解决 proxyTable: { '/api': { target: 'https://cnodejs.org', //源地址 changeOrigin: true, //改变源 secure: false, //target默认情况...

原创 父组件修改子组件的样式

父组件：Father.vue<template> <Child /></template>子组件：Child.vue<template> <div class='child '> <input placeholder='Enter your name'> </div></template><script>export default {

原创 Npm run build 打包之后打开dist的index.html报静态资源路径错误

解决方法一.修改config下的assetsPublicPath的'/'为'./'，重新npm run build,再打开dist的index.html解决方法二：安装一个http-server在本地开启一个本地的服务器，assetsPublicPath的'/'不用加....

原创 vue面试题

为什么props是单向绑定的?所有prop都使得其父子prop之间形成了一个单向下行绑定：父级prop的更新会向下流动到子组件中，但是反过来则不行。每次父级组件发生变更时，子组件中所有的prop将会刷新为最新的值。如果在一个子组件内部改变prop，vue会在浏览器控制台中发出警告。解释：因为父子组件引用是同一个数据，如果想断开这种引用关系，可以在子组件中做一层深度复制，这样就会断开。params和query的区别？传参:this.$router.push({path:'/.

原创 组件通讯（小程序端）

小程序端：父组件调用子组件方法： this.selectComponent('#search').listByTag();//listByTag是子组件methods里定义的方法父组件调用子组件属性： let refresh =this.selectComponent('#search').data.isRefresh //isRefresh 是子组件data里定义的属性父组件引入子组件：.json文件引入子组件{ "usingCo...

原创 组件通讯（vue）

父组件调用子组件方法：在子组件中加上ref即可通过this.$refs.ref.method调用父组件： 引入子组件 import children from '@/children ' 注册组件 components: { children : children , }, 使用 <children ref="child"></children>父组件调用子组件属性：在子组件中加上ref即可通过this.$refs.r

原创 公众号网页分享到小程序

场景：从天天学农小程序点击banner图，web-view打开公众号页面（321春种节），再把公众号页面分享到朋友圈或者好友实现思路：1.公众号321页面添加网页向小程序发送消息的代码mounted:{ this.wechatShare();}, methods: { wechatShare() { wx.miniProgram.postMessage({ data: { url:"https://uat-.

原创 微信公众号打开小程序

场景：天天学农小程序跳转到精勤农民公众号，再在精勤农民公众号工具栏打开识农小程序 第一步：天天学农小程序跳转到精勤农民公众号<web-view src="https://uat-h5.ixuenong.com/wx/jqnm/index"></web-view>第二步：精勤农民公众号工具栏打开识农小程序1. 绑定域名登录微信公众平台进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。ps：在识农公众号功能设置...

原创 微信小程序 wx.downloadFile真机报saveImageToPhotosAlbum:fail in valid file type,微信开发者工具正常

saveClick(e) { let img = this.data.qrImgSrc; if (img) { let fileName = new Date().valueOf(); let filePath = wx.env.USER_DATA_PATH + '/' + fileName + '.jpg' wx.downloadFile({ url: img,//此处为接口返回的图片地址 ...

原创 局部修改element样式

<style scoped> >>>.el-image-viewer__wrapper { right: 60%!important; }</style>

原创 路由懒加载

1.普通写法加载所需时间：打包后的目录2.es6路由赖加载的写法加载所需时间：打包后的目录3.使用require-amd赖加载加载所需时间：打包后的目录总结：路由采取赖加载的加载速度明显快很多...

原创 vue config配置的详细说明

//config目录下index.js配置文件// see http://vuejs-templates.github.io/webpack for documentation.// path是node.js的路径模块，用来处理路径统一的问题var path = require('path')module.exports = { // 下面是build也就是生产编译环境下的一些...

原创 vue调试工具vue-devtools安装

第一步：下载https://pan.baidu.com/s/1vTh6gvYjkyMWZBrnguNfNg第二步：在vue-devtools目录下安装依赖包我放在D盘下cd vue-devtoolsnpm install第三步：把"persistent":false改成true第四步：编译代码npm run build第五步：扩展Chro...

原创 vue添加ico

1、首先将favicon.ico图片放在根目录下2、修改webpack配置文件1）找到build下的webpack.dev.conf.js文件newHtmlWebpackPlugin({filename:'index.html',template:'index.html',inject: true,favicon: path.resolve('favicon.ic...

原创 vue bus组件接收后数据改变视图不变的解决方法

// this指向错误，该this指向Vue实例解决方法

原创 vue打包后路径问题解决

原创 iframe内超链接在父框架跳转

因为，嵌入了iframe当中相当于嵌入了一个新的网页（在网页中打开了一个新的小浏览器），和原网页根本没有关系。所以自然是没法跳转的～target="_parent"...

原创 iframe底部白边

在用iframe的时候，iframe默认的宽高分别是300px 150px ，但如果外面包一个div的话，无论在css里怎么写margin:0;padding:0px ,都是没有任何用的解决办法把iframe的display:block;即可觖决...

原创 修改电脑环境变量path，保存不了

环境变量配置node路径，修改电脑环境变量path，保存不了。解决方法：退出电脑的杀毒软件，360安全卫士等安全软件，修改就可以保存了。

原创 ’vue‘不是内部或外部命令的解决方法

计算机-属性-高级系统设置-高级关掉命令提示符，再次打开

原创 export default {} 和new Vue()区别

new Vue()是 创建一个vue实例，例如在项目里：export default {}是导出模块,供其他模块进行调用

原创 vue + element-ui表单重置 resetFields问题（无法重置表单）

问题：elementui在重置表单时，无法使用this.$refs['formRefVal'].resetFields()清空表单数据;elementui 设置rules后没有效果;解决方法：1、表单加ref属性<el-form ref="refname"></el-form>2、form的每个item加prop属性（踩了好久的坑这个,需要和绑定...

原创 上传代码到github

访问github官网（https://github.com）并登陆，然后新建仓库-------------------------------------------------------------------------------------------------------------------------------------------------------...

原创 form表单提交（非ajax提交）前表单校验

<form action="{:url('index/index/loginadd')}" method="post" > <div class="userName"> <input type="text" placeholder="姓名" id="userName" name="userName" maxlength="20" autocomplete="o...

原创 部署项目到gitlab

1、安装githttps://pan.baidu.com/s/1VXjx_FVbL9ysnWWjyJRi7Q2、新建工程3、桌面右键cd ~/.ssh/如果提示 “ No such file or directory”，你可以手动的创建一个 .ssh文件夹即可mkdir ~/.ssh ,然后在切换 cd~/.ssh配置全局的name和email...

原创 关于css :last-child 无法选择最后一个元素的解决方法

<!DOCTYPE html><html><head><style> p:last-child{color:#ff0000;}</style></head><body><p>这是第一个段落。</p><p>这是第二个段落。</p><...

原创 idea ctrl+shift+f全局搜索快捷键不起作用的解决方法

第一步：检查qq热键，看看ctrl+shift+f是否被使用了第二步：检查输入法的问题，看看ctrl+shift+f是否被使用了（这里是window10操作系统）--------------------------------------如果同时安装了其他输入法，也要检查一下（这里以搜狗拼音输入法为例）--------------------------------...

原创 vue项目（xilekuht）从创建到打包上线

1.安装vue-cli：npm install -g vue-cli 2.生成项目：vue init webpack xilekuh t3.安装依赖包：cd xilekuht ,npm install 4.启动项目：npm run dev （将config文件下的index.js文件里的autoOpenBrowser设为true运行npm run dev会...

原创 对微信小程序生命周期的理解

当进入小程序某页面onLoad---------onShow-------onReady各执行1次小程序切后台时（譬如1.虽然还在小程序界面上，但手机锁屏了 2.退回微信界面）onHide执行一次小程序切换前台（譬如1.手机解锁 2.从微信进入小程序）onShow执行一次当页面被销毁时onUnload执行一次...

原创 git客户端安装

git客户端下载地址：https://git-scm.com/downloads安装：

原创 '$route' (to, from) 监听不到的原因

'$route' (to, from) 改为$route(to, from)html :路由：运行结果：

原创 对routes,route,router的理解

路由，其实就是指向的意思，当我点击页面上的home按钮时，页面中就要显示home的内容，如果点击页面上的about 按钮，页面中就要显示about 的内容。Home按钮 => home 内容， about按钮 => about 内容，也可以说是一种映射. 所以在页面上有两个部分，一个是点击部分，一个是点击之后，显示内容的部分。　　点击之后，怎么做到正确的对应，比如，我点击hom...

原创 vue组件命名浅析

注意组件名要以字母开头，后面跟字母、数值或下划线/横线，并且不要与 HTML 元素或 Vue 保留的标签名重名。由于 HTML 标签不区分大小写，所以在生成的标签名都会转换为小写。例如<MyComponent></MyComponent>会被自动转换为<mycomponent></mycomponent>当应用到DOM应该这样写&l...

原创 对vue计算属性computed与watch的理解

watch和computed各自处理的数据关系场景不同1.watch擅长处理的场景：一个数据影响多个数据2.computed擅长处理的场景：一个数据受多个数据影响watch示例<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></ti...