- 博客(40)
- 收藏
- 关注
RSS订阅原创 解决小程序图片上传问题
【项目需求】：在小程序中点击按钮，上传图片，并显示相应图片。之前写过在Vue上的图片上传，但是存在一些小问题，待改进。【遇到的问题】：本来微信官方文档已经提供了 wx:chooseImage 接口，只需要调用就可以很快实现图片上传显示。但是，这里有一个非常严重的问题。使用wx:chooseImage拿到的图片资源是一个临时图片（路径前缀为：wxfile://tmp 或者 http://tmp...
2020-02-21 14:45:06
7974
7
原创 SpringMVC获取前端传递的数据
情况1. 前端传递的是JSON数据后台Controller接收前台JSON数据，使用 @RequestBody前端$.ajax({ url : '填入自己的接口地址', type : 'post',//发送POST请求 data : JSON.stringify({ code: 'code' }), .....})后台Controller @RequestMapping(va...
2020-02-06 15:26:51
825
原创 【微信小程序】自定义组件生命周期
created: function(){}： 组件在内存中创建完毕执行attached: function(){}： 组件挂载之前执行ready: function() {}： 组件挂载后执行detached: function(){}： 组件移除执行moved: function(){}： 组件移动的时候执行小程序官网中没有明确地说明组件的生命周期，通过查阅资料，了解如下:...
2020-02-05 22:19:06
1462
原创 【微信小程序】调用腾讯地图获取当前城市定位
前导知识1. 腾讯地图SDK接入1. 申请开发者密钥打开网址 https://lbs.qq.com/console/key.html，申请密钥，填写信息单击“提交”按钮，弹出提示内容 “key创建成功”，单击蓝色按钮设置 key，根据需求选中选项，如下图所示。2. 下载微信小程序 JavaScriptSDK官方下载地址：http://3gimg.qq.com/lightmap/xcx...
2020-02-04 21:28:03
5214
1
原创 使用Vue.js开发小程序——mpvue
mpvue（Vue.js in mini program）是从整个Vue.js的核心代码上经过二次开发形成的一个框架，相当于是在Vue.js基础上增加了开发微信小程序的能力。使用mpvue开发微信小程序的过程和Vue.js开发非常相似。mpvue继承自 Vue.js，其技术规范和语法特点与Vue.js保持一致。使用 mpvue 框架进行小程序开发，可以方便构建复杂应用，支持使用 npm 外部...
2020-02-01 22:32:00
613
原创 使用正则表达式进行身份证号匹配
正则表达式匹配身份证号分为：18位和15位校验 18位身份证地区： ([1-6][1-9]|50)\d{4} // 补充重庆地区50年的前两位： (18|19|20) 1800-2399年的后两位： \d{2}月份：((0[1-9])|10|11|12)天数： (([0-2][1-9])|10|20|30|31) 闰年不能禁止29+三位顺序码...
2020-01-30 22:52:51
8292
原创 解决在servlet 中使用 request.getSession().getServletContext().getRealPath("/upload" ); 获取不到 tomcat 服务器目录
在实现文件的上传下载时，设置上传文件的保存地址目录使用的方法是：request.getServletContext().getRealPath("/upload");需要注意的是，upload文件夹是放在创建的项目所在目录，而不是项目的发布路径。如果我们要去查看上传的文件，需要去工作空间的 metadata目录中寻找项目发布目录（路径为：workspace\.metadata\.plugin...
2020-01-11 14:55:08
2162
原创 Vue+SSM实现图片上传预览效果
现在的需求是：有一个上传文件按钮，当我们点击按钮时，可以选择需要上传的文件，确定后图片显示在界面上。说明：本项目前端使用的Vue，后台用的SSM搭建的，服务器是Tomcat，数据库是MySQL实现思路：前端界面：当用户点击上传文件按钮，选中待上传图片并点击确认后，这时应该把图片数据传给后台。当后台经过处理后返回结果，前端在根据响应结果做后续工作。后端：后台拿到前端传过来的数据时，将图片文件...
2020-01-11 01:59:29
1660
5
原创 vue项目部署到Tomcat方法
将 Vue 项目部署到 Tomcat 的方法1. Vue项目路由配置项目上线，一般需要添加项目名，并且消去vue-router产生的#号，需要在router的配置下，在本项目是router->index.js下配置：import Vue from "vue";import Router from "vue-router";Vue.use(Router);export defau...
2020-01-10 19:03:53
1845
原创 Vue路由懒加载报错问题解决
使用Vue路由懒加载时报了以下错误：经过百度发现，出现该问题的原因是： import 属于异步引用组件，需要特殊的babel-loader处理解决办法：安装babel用来编译import异步引用方法的模块 babel-plugin-syntax-dynamic-importcnpm install babel-plugin-syntax-dynamic-import -D在.b...
2020-01-06 21:14:08
5397
原创 Webpack引入CDN链接优化打包后的体积
BootCDN官网项目开发完成后，使用webpack打包的文件都比较大，所以我就想使用什么办法来优化一下。本文主要是讲解在 vue-cli 中如何利用CDN实现打包文件体积优化问题。如下图所示，是我整个项目打包后资源的分布，其中红色标注部分是占用体积最大的。一个显示的是图片资源，另一个显示的是js。图片资源好说，这里主要讲解一下这个JS文件。我百度了一下这个vendor文件。然后根据提示...
2020-01-03 18:37:24
841
原创 解决props数据传递时报错问题
先贴出错误提示：[Vue warn]:Avoid mutating a prop directly since the value will be overwritten whenever the parent component re-renders. Instead, use a data or computed property based on the prop's value. P...
2019-12-21 16:25:40
2500
1
转载 vue关于父组件调用子组件的方法
https://blog.csdn.net/qq_34664239/article/details/80386153
2019-12-12 20:44:15
146
原创 前后端分离项目解决跨域问题
后台我使用的SSM框架搭建，前端使用vue-cli脚手架完成。最开始我在后台写了过滤器，但是前端请求数据的时候，能够成功请求，可是在返回的时候报了如下错误经过一番研究后，发现在前端其实就可以处理跨域的问题。步骤如下：在vue项目下的config文件夹下的 index.js 文件中设置：var url = '**********' //接口api地址const path = requ...
2019-12-10 16:52:40
670
原创 解决使用vue-cli搭建的项目无法使用scss的问题
在 App.vue 下使用 scss 语法报错：解决方法：安装以下依赖就可以了，vue-cli默认没有scss-loader,scss-loader又需要node-sass，只安装scss-loader是不行的。另外webpack就不需要配置了，因为vue-cli会帮你配置安装的loader输入如下命令：npm install node-sass --savenpm install s...
2019-11-18 16:21:18
2046
1
原创 解决使用vue-cli搭建的项目出现的ESLint错误
问题原因：Vue对语法的严格限制找到 build 文件夹下的 wwebpack.base.conf.js，注释以下代码：
2019-11-16 22:04:59
668
原创 Vue学习——使用Vue-CLI项目搭建
什么是Vue CLI？其实就是一个“脚手架”，使用它，可以快速地搭建一个完整地Vue应用。他它的作用就是用来自动一键生成 vue + webpack 的项目模板，包括依赖库。免去了我们手动安装各种插件，各种引入的问题。使用 Vue CLI 快速构建项目的步骤打开控制台，输入 cnpm i vue-cli -g安装 Vue CLI ，尚未安装cnpm的可以输入npm i cnpm ...
2019-11-01 22:04:09
215
原创 本地项目托管到码云
在本地项目中，创建三个文件，这是托管到git上必须的：1.1 .gitignore文件1.2 README.md 文件1.3 LICENSE 文件The MIT License (MIT)Copyright (c) 2014 connors and other contributorsPermission is hereby granted, free of charge, ...
2019-10-18 21:05:33
164
原创 webpack学习（5）
区别webpack中导入Vue 和普通页面中导入Vue 的区别1. 在普通网页中如何使用Vue使用 script标签，引入 vue包在 index页面中，创建一个 id=‘app’ 的div容器通过 new Vue() 得到一个 VM实例2.在 webpack 中导入 Vue包两种方式方式1：在 main.js 文件中导入vue.jsimport Vue fro...
2019-10-18 11:32:58
118
原创 webpack学习——html-webpack-plugin的两个基本作用
首先，使用 webpack-dev-server 命令生成的 bundle.js 文件是存放在内存中的，并没有在我们的物理磁盘上。平时我们访问的 index.html 页面其实也是在物理磁盘上的，现在我们想访问内存中的页面时，就可以使用 html-webpack-plugin 来实现。由于使用--contentBase指令的过程比较繁琐，需要指定启动的目录，同时还需要修改index.html中...
2019-10-11 23:17:08
462
原创 webpack学习—— webpack-dev-server(3)配置命令的第二种方式
第一种方式是直接在描述文件package.json 里配置第二种方式是在 webpack.config.js 文件里声明
2019-10-11 22:38:59
221
原创 webpack学习—— webpack-dev-server(2)常用命令参数
格式：空格 – 参数名webpack-dev-server 常用命令参数：open：是否自动开启浏览器，默认：false，当设置为true，开启dev-server服务的时候，会自动在浏览器打开项目。port ：端口号 默认：8080 可以单独设置服务器的端口号，如果默认的8080被占用的情况，这个配置就派的上用场啦。contentBase：定义开启服务器的文件夹，默认：当前项目根目...
2019-10-11 22:18:41
438
原创 webpack学习—— webpack-dev-server(1)
webpack-dev-server一个用来快速搭建本地运行环境的工具，使用 webpack-dev-server命令，我们可以启动web服务器并实时更新我们的修改。运行 npm i webpack-dev-server -D 把这个工具安装到项目的本地开发依赖。（虽然这里有警告，但是貌似不影响后面操作，所以我就先没管）安装完毕后，这个工具的用法 和 webpack 命令的用法完全一致。...
2019-10-11 21:39:54
261
原创 Vue.js入门（三）--Vue生命周期
首先上图上图其实已经将每个过程详细说明了，但是为了使自己能够更好的理解Vue的整个生命周期过程，这里我自己做了整理，如果您只需了解周期历程，那么接下来的内容您大可忽略，到此为止。Vue实例在初始化时需要经历一系列过程，比如编译模板、渲染虚拟DOM树、将实例挂载到DOM上、设置数据监听和数据绑定等。在这些过程中也会运行一些钩子函数，允许开发者在不同阶段注入自己的代码。在开始之前，首先要对这些...
2019-10-09 20:18:28
156
原创 Vue.js入门（二）
Vue指令之v-modelv-model 和 v-show 是 Vue 核心功能中内置的、开发者不可自定义的指令。我们可以使用 v-model 为可输入元素（input & textarea）创建双向数据绑定，它会根据元素类型自动选取正确的方法来更新元素。例如，在输入框上使用时，输入的内容会实时映射到绑定的数据上。v-model使用方法如下：<div id="app">...
2019-09-29 09:56:33
182
原创 Vue.js入门（一）
Vue.js入门（一）对Vue.js的理解官方解释：一套用于构建用户界面的渐进式框架。渐进式，就是我们可以一步一步、有阶段性地来使用Vue.js，不用一开始就要会使用所有的东西。Vue是一套构建用户界面的框架，只关注视图层，可以配合第三方库或既有项目进行整合。vue的核心概念，就是不再操作DOM元素，程序员只需要专注于关心业务逻辑框架和库的区别框架：我们可以依照框架的...
2019-09-28 17:08:54
322
原创 使用JavaScript实现侧边导航条锚点效果
一个类似于淘宝侧边栏的带有缓冲效果的锚点。要点：掌握定时器的运用 运用定时器实现缓冲效果 掌握window对象的基本属性缓冲运动函数仍然按照原步骤实现：首先将定时器清空 打开新定时器 计算速度，根据 speed = speed>0? Math.ceil(speed):Math.floor(speed); 处理速度值 设置每次滚动的距离，只是这里运用了window.s...
2019-08-12 22:01:31
2242
1
原创 JS运动总结
跟着视频学习了JS的运动基础以及相关的应用，总结了以下一套运动框架，可以直接调用。（以下所有项目调用的move.js文件均为此函数）/** * 获取非行间样式, 兼容IE6--8 * @param styObj 属性对象 * @param name 属性名 * return string 样式值 */function getStyle(styObj,nam...
2019-08-05 19:55:18
394
原创 JS运动基础
匀速运动 需求１：当我点击一个按钮时，我希望能够让一个块动起来。实现：使用定时器。setInterval()和setTimeout()区别：setTimeout()只运行一次，就是说当达到设定的时间后就出发运行指定的代码，运行完后就结束了，如果还想再次执行同样的函数，可以在函数体内再次调用setTimeout()，可以达到循环调用的效果。setInterval()是循环执...
2019-08-03 16:37:13
349
原创 DOM基础
DOM节点childNodes : 获取子节点，但是有兼容问题<ul id="ul"> <li></li> <li></li> </ul> let number = ul.childNodes; // 输出number = 5原因：在HTML文档里，空的内容表示...
2019-08-01 17:09:27
134
转载 particles.js中文开发手册
https://www.cnblogs.com/zx-admin/p/7030978.html在Vue中的应用：https://www.cnblogs.com/tengyuxin/p/11195571.html
2019-04-29 22:09:08
1774
原创 servlet实现文件上传
文件上传下载 Part对象 http.part 方法：1)getPart() 获取Part对象 request.getPart(""); 2)getHeader() 获取文件名称 3)getSize() 文件大小 4)write() 写文件到服务器 步骤及注意事项： 1.设计上传...
2019-04-09 18:32:47
515
原创 从优站精选上学习Bootstrap案例总结(一)
作为一个小白，实在找不到该从何处入手练项目，只有自己去Bootstrap官网找点好看的界面来练习练习。虽说Bootstrap是一个UI框架，但是我还是要自己去更改里面有些样式。在设计方面还是没有前辈们写的精简。从优站精选上我选取了一个页面进行练习，花了一天的时间才将首页面勉强弄出来，还有些交互效果没做，为了怕自己后期时间长了忘记，所有来写个博客记录下学习情况。 meta 标签： &l...
2019-04-07 15:36:21
1274
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人