App.js

vue3.0使用axios报错问题记录

落花浮王杯 提交于 2020-04-25 06:32:10
vue-cli3.0使用axios的时候出现错误,记录一下 报错信息: Uncaught TypeError: Cannot set property $axios of #<Vue> which has only a getter at eval (main.js?56d7:12) at Module../src/main.js (app.js:11102) at __webpack_require__ (app.js:724) at fn (app.js:101) at Object.0 (app.js:11283) at __webpack_require__ (app.js:724) at app.js:791 at app.js:794 vue-cli3.0安装插件的时候要注意区分vue-cli2.0的命令 安装: // vue-cli2.0命令 $ npm install axios // vue-cli3.0命令 $ npm add axios 使用: 1 .首先在main.js里边把axios实例挂载到Vue原型上 坑点: 命名的时候不能使用"axios"这个字段 import axios from 'axios' Vue.prototype.$ajax = axios 2.在需要发送请求的地方使用"$ajax" this.axioss.get('/api

Python3爬虫实战:实战源码+博客讲解

微笑、不失礼 提交于 2020-04-24 23:27:13
Python Spider 贵有恒,何必三更起五更睡;最无益,只怕一日暴十寒。 Python3爬虫实战:实战源码+博客讲解 个人网站 CSDN博客 CSDN爬虫专栏 学习交流群【328127489】 声明 代码、教程仅限于学习交流,请勿用于任何商业用途! 文章首发声明 文章在自己的个人网站首发,其他平台文章均属转发,如想获得最新更新进展,欢迎关注我的个人网站: http://cuijiahua.com/ 目录 爬虫小工具 文件下载小助手 爬虫实战 笔趣看小说下载 百度文库免费文章下载助手_rev1 百度文库免费文章下载助手_rev2 《帅啊》网帅哥图片下载 构建代理IP池 《火影忍者》漫画下载 财务报表下载小助手 一小时入门网络爬虫 抖音App视频下载 GEETEST验证码识别 12306抢票小助手 百万英雄答题辅助系统 网易云音乐免费音乐批量下载 B站免费视频和弹幕批量下载 京东商品晒单图下载 正方教务管理系统个人信息查询 其它 爬虫小工具 downloader.py:文件下载小助手 一个可以用于下载图片、视频、文件的小工具,有下载进度显示功能。稍加修改即可添加到自己的爬虫中。 动态示意图: 爬虫实战 biqukan.py:《笔趣看》盗版小说网站,爬取小说工具 第三方依赖库安装: pip3 install beautifulsoup4 使用方法: python biqukan

nodejs-5.1 ejs模板引擎

空扰寡人 提交于 2020-04-23 10:49:07
ejs官方文档: https://ejs.bootcss.com/ https://github.com/mde/ejs 模板引擎:是一种将数据和页面分离的技术.。 1.什么是 EJS? "E" 代表 "effective",即【高效】。 EJS 是一套简单的模板语言,帮你利用普通的 JavaScript 代码生成 HTML 页面。 EJS 没有如何组织内容的教条;也没有再造一套迭代和控制流语法;有的只是普通的 JavaScript 代码而已。 2.EJS特性: 快速编译与绘制输出 简洁的模板标签:<% %> 自定义分割符(例如:用 <? ?> 替换 <% %>) 引入模板片段 同时支持服务器端和浏览器 JS 环境 JavaScript 中间结果静态缓存 模板静态缓存 兼容 Express 视图系统 3.EJS安装:利用 NPM 安装 EJS 很简单。 $ npm install ejs 4.EJS标签含义: <% 'js脚本' 标签,用于流程控制,无输出。 <%= 输出数据到模板(输出是转义 HTML 标签) <%- 输出非转义的数据到模板,解析识别html代码 <%_ 删除其前面的空格符 <%# 注释标签,不执行、不输出内容 <%% 输出字符串 '<%' <%- include('shares/footer',{ }) %>   ★在 ejs 模板中引入公共模板时,

前端笔记之React(一)初识React&组件&JSX语法

做~自己de王妃 提交于 2020-04-22 07:10:48
一、 React 项目起步 配置 官网: https://reactjs.org/ 文档: https://reactjs.org/docs/hello-world.html 中文: http://react.css88.com/ 2013 年被开源, 2014 年在中国彻底火爆。 React 是 CMD 架构,现阶段需要 webpack 打包 npm install -g webpack@4.9.1 必须安装以下三个依赖: npm install --save-dev babel-core babel-loader babel-preset-env React 采用 jsx 语法, JSX 语法是什么? 就是全球唯一标准的 JavaScript 和 XHTML 结合开发最优雅的语法。 浏览器不识别 JSX 语法,所以需要 babel 将 JSX 语法翻译, babel 要装一个新的 preset npm install --save-dev babel-preset-react 安装完依赖,修改 webpack.congif.js 文件中的 preset 配置: const path = require('path' ); module.exports = { entry: "./www/app/main" , output : { path: path.resolve(_

用Node.JS+MongoDB搭建个人博客(成品展示)

自古美人都是妖i 提交于 2020-04-20 16:55:55
在博客里可以随意畅写和分享自己喜欢的技术,和网友分享知识也是一种提升。根据自己所发表的博客也能更加加深印象。 与此同时写博客也可以提高自己的写作能力(虽然不咋地),但我相信博客只会越写越有质量的。 个人纯碎为了练习nodejs而做出来的一个博客,给个Star就是我最大的动力! 该系统已停止更新维护,等我有机会接触NodeJS再来写关于NodeJS的博客。 博主才艺疏浅,如有误人之处,望告知。以下正文: 这是一个开源的个人博客系统(GitHub): 点我进入GitHub地址(觉得好就点个star) 用Node.JS+MongoDB搭建个人博客系列: 用Node.JS+MongoDB搭建个人博客(成品展示) 用Node.JS+MongoDB搭建个人博客(安装环境)(一) 用Node.JS+MongoDB搭建个人博客(app.js接口文件)(二) 用Node.JS+MongoDB搭建个人博客(model目录)(三) 用Node.JS+MongoDB搭建个人博客(万众期待的router.js)(四) 用Node.JS+MongoDB搭建个人博客(页面模板)(五)(结束) 技术选型: 后台:Node.JS(Express) 数据库:MongoDB 前端库:jQuery 前端框架:Bootstrap 博客功能: 1:写博客 2:博客文章分类 3:留言板 4:浏览,点赞 5:获取访问者当前位置

小程序踩坑之旅

北城余情 提交于 2020-04-20 04:38:01
最近几个月因为公司的业务需求,一直在折腾小程序,从开始的完全不熟悉,到后面被各种坑折磨,是时候写一篇总结了,避免下一次遇到还找不到解决的方案。 配置项app.json和page.json app.json 首先,需要确定的是,app.json 是小程序的全局配置,放在根目录下。 常用的一些字段如下: pages: 这个用于设置页面的路径,通常访问的页面都放在pages文件夹里面,且必须在这个全局配置文件中设置好路径,否则访问的时候会报错找不到该路径, 写在 pages 字段的第一个页面就是这个小程序的首页 (打开小程序看到的第一个页面) window: 全局样式的配置 导航栏相关:可配置导航栏背景颜色、标题颜色,标题内容, 可以隐藏导航栏(navigationStyle设置为custom,但需要注意, 自定义导航栏仍然保留右上角胶囊,且没有返回键,如果想要实现返回功能,需要自己自定义返回的样式和功能 ),==该设置对web-view 组件无效== 窗口的背景色, backgroundColor,(即小程序下拉时露出的那一截),另外,仅ios支持的还有backgroundColorTop和backgroundColorBottom, 顶部和底部窗口的背景色 下拉loading的样式,只有黑色和白色(dark / light) enablePullDownRefresh

eslint语法规范

有些话、适合烂在心里 提交于 2020-04-18 14:32:52
官方地址: 规则 缩进使用两个空格。 eslint: indent function hello ( name) { console. log( 'hi', name) } 字符串使用单引号,除非是为了避免转义。 eslint: quotes console. log( 'hello there') $( "<div class='box'>") 1 无未使用的变量。 eslint: no-unused-vars function myFunction ( ) { var result = something() // ✗ avoid } 1 2 3 关键字后面要有一个空格。 eslint: keyword-spacing if (condition) { ... } // ✓ ok if(condition) { ... } // ✗ avoid 1 2 函数参数列表括号前面要有一个空格。 eslint: space-before-function-paren function name ( arg) { ... } // ✓ ok function name( arg) { ... } // ✗ avoid run( function ( ) { ... }) // ✓ ok run( function ( ) { ... }) // ✗ avoid 1 2 3 4 5

前后端分离————VUE+node(express)

大兔子大兔子 提交于 2020-04-18 10:40:16
前后端分离————VUE+node(express) vue作为前端的框架,node(express)作为后端的框架。无数据库,使用端口保存数据。 VUE: 使用vue-cli构建vue项目(vueapp)。 npm install -g vue-cli(安装,安装过的就不用了) vue init webpack vueapp axios:(与ajax相似) import axios from 'axios' var url="http://localhost:3000" //express服务器的地址 axios.get(url+'/product') //放数据的接口 .then(function (response) { //收到的数据 console.log(response); console.log(response.data); //展示数据(看看是否拿到,和数据长啥样) var nodeData=response.data; }) .catch(function (error) { console.log(error);![在这里插入图片描述](https://img-blog.csdnimg.cn/20191013132943460.jpg) }); axios没安装的记得装一下。(安装不细说) node(express): 启动>>>npm start

百度小程序之间的页面通信

∥☆過路亽.° 提交于 2020-04-17 15:08:26
【推荐阅读】微服务还能火多久?>>> 百度小程序之间的页面通信<br> author: @TiffanysBear 背景 主要是针对小程序开发中页面之间进行通信的问题,在涉及支付的场景中,用户从页面支付入口进行跳转进行支付之后,回到原来页面,在原来的页面需要进行相应的状态刷新,比如用户身份状态、支付状态、文档或商品情况。 遇到的问题 在使用百度小程序的 swan.navigateBack 进行回跳页面时,API中的方法参数不支持携带参数,只支持number参数。 所以就涉及了几个单独页面之间的通信问题。如下主要列出了几个方法,供参考。 swan.navigateBack 参数名 类型 必填 默认值 说明 delta Number 否 1 返回的页面数,如果 delta 大于现有页面数,则返回到首页1。 success function 否 - 接口调用成功的回调函数 fail function 否 - 接口调用失败的回调函数 complete function 否 - 接口调用结束的回调函数(调用成功、失败都会执行) <!-- more --> 解决方法 主要有以下三种方法,实现各page之间通信。 解决方法一:利用app.js,设置公共变量 利用app.js的公共特性,将变量挂在APP上。 // app.js 启动文件 App({ globalData: { isLogin:

支付宝小程序的携带参数全局分享实现

前提是你 提交于 2020-04-06 18:47:11
前言:    关于微信小程序全局分享控制的事项,可以参考: 微信小程序全局分享转发控制实现——从此无需页面单独配置。 关于支付宝小程序官方提供的的全局分享,相见官方文档 页面事件处理函数onShareAppMessage(options: Object) 。 支付宝小程序中转发分享有以下特点: 默认开启,页面无需像微信小程序一样必须配置分享转发的事件函数; 页面分享转发默认不带参数,这个已经跟支付宝小程序技术支持确认过是这样的,如需携带参数,必须要在页面进行配置。 如上,支付宝小程序的全局分享也无法带参数,所以按照通常的做法,即使有全局分享可以配置,但是页面有参数的,还是需要去页面单独进行配置的。 如何解决全局分享不带参数的问题? 前边在app.js中编码实现了微信小程序的全局分享,但是这种方法在支付宝小程序中行不通,支付宝小程序中没有隐式路由之类的对象或函数。 经过一番探索求证,发现并不能在app.js中获取到页面参数,目前可以做的就是利用缓存了。 解决方案: 封装一个获取当前页面路径及参数的公共函数,然后在需要带参数的页面的 onLoad 中调用。 示例代码: // 将当前页面路径及参数保存到缓存中(登陆失效自动登陆后relaunch()) my.getCurrentPageUrlWithArgs = function (options) { const pages =