Web前端

解决Vue跨域的问题

解决Vue跨域的问题

如果你的前端应用和后端 API 服务器没有运行在同一个主机上,你需要在开发环境下将 API 请求代理到 API 服务器。这个问题可以通过 vue.config.js 中的 devServer.proxy 选项来配置。`vue` 请求后端,涉及到跨域问题,vue按照官方文档正确设置了代理,axios请求中地址也正确配置,但发现报了一个错:Proxy error: Could not proxy request

Web前端 03/08

Vue.js实现百度地图定位、搜索及获取经纬度

Vue.js实现百度地图定位、搜索及获取经纬度

百度地图官方给出的SDK没有vue版本,我们可以引入百度地图的js,去实现百度地图定位,并实现搜索、以及获取经纬度,其实现方法和纯html+js是一样的,只不过是多了一层vue的方法(methods)。当打开页面的时候,百度地图自动定位当前位置,给出一个搜索框,搜索我们所想要寻找的目标地址,百度地图会列出相关检索结果,点击检索结果,并在地图上定位,然后获取到经纬度。1.在 public/index

Web前端 07/20,2019

iView日期时间组件传值的问题

iView日期时间组件传值的问题

在使用iview的日期时间组件,传值到服务器端的时候,发现组件的值和格式不对,在后端很不好处理,代码: <Date-picker type="date" v-model="searchForm.created" placeholder="选择日期"></Date-picker> 当我选择 2019-03-22 时,发送到服务器的数据是 2019-

Web前端 03/20,2019

Vue解决audio音乐不能播放的问题

Vue解决audio音乐不能播放的问题

最近刚开始学Vue.js,感觉上手挺容易的,就用Vue写了个小demo---音乐播放器,代码量比js少了好多。 Html: <audio :src="'./music/'+music_src" id="audio"></audio> audio标签的src是用vue动态绑定的: var audio = document.getEleme

Web前端 09/13,2018

微信小程序插件wxParse解析处理HTML代码

微信小程序插件wxParse解析处理HTML代码

由于微信小程序不支持HTML代码,但我们存在服务器中的文章内容的代码都是HTML的,当我们在微信小程序上,从服务器取出的HTML数据,又如何在小程序中显示呢?这需要一个插件wxParse。 使用方法: 1.下载wxParse插件:https://github.com/icindy/wxParse,下载后解压到小程序根目录。 2.在需要显示文章内容的wxml

Web前端 10/23,2017

微信小程序实现上拉加载更多

微信小程序实现上拉加载更多

微信小程序当页面滑到底部,如何上拉加载更多数据,我们需要用onReachBottom方法实现,当滑动到底部,页码+1请求服务器,并设置数据。 var pageNum = 1;//页码 Page({ data:{ loadMoreText: '加载更多',//底部文字 list: [] }, onLoad:funct

Web前端 10/23,2017

Html5 Canvas绘制时钟

Html5 Canvas绘制时钟

用H5绘制一个模拟时钟,效果图: html <canvas id="clock" width="500px" height="500px" style="background-color:#fff">您的浏览器版本不支持!</canvas> javascript <script> var clock=

Web前端 09/24,2017

表格头部固定和表格列固定

表格头部固定和表格列固定

我不是前端大神,只是偶尔在开发系统时,需要用到表格。如果表格只需要单独的用来展现数据,那就很简单了,那如果需要实现复杂的样式呢?比如说表头固定,当网页滚动的时候,表头自动固定到网页顶部,这样很客观的展现了每列的内容。 表头固定和列固定,需要用到jQuery DataTables(我不是前端大神,就懒一点,用下框架,偶尔用下框架,开发时间也节省了嘛,嘿嘿 ^_^),没错,又是我前面

Web前端 09/24,2017

javascript禁用链接跳转等默认动作

javascript禁用链接跳转等默认动作

举一个简单的例子。 比如,有一个链接,你要在这个链接跳转前执行一些其他操作,显然,我们能想到给它添加一个单击(onclick)事件,然后执行其他的一些操作,但是你会发现,你所定义的单击事件里的操作并没有执行,而直接进行了页面跳转。那这样,我们就应该先要禁用它的链接,然后执行自定义的操作,再进行跳转或执行其他操作,那么,我们该如何禁用链接,禁用它的默认动作呢?这个问题,我们在开发中

Web前端 08/22,2017

ajax异步请求不能赋值

ajax异步请求不能赋值

在一个ajax请求中,已经获取到回调值,然后给一个外部变量赋值为空,这是什么原因呢?我们先要了解异步和同步的区别。 同步:ajax请求结束后执行后面的操作 异步:ajax和后面的操作异步执行,ajax请求还没执行完,就已经执行了后面的操作 显然,回调值是在ajax请求(success)之后赋值的。 var temp; $.ajax

Web前端 08/16,2017

javascript本地分页

javascript本地分页

注意:本地分页适用于数据量小的地方,如果数据量大,不建议使用本地分页 var iTable = document.getElementById("iTable"); var rows = iTable.rows.length; var pageSize = 3;//每页显示条数 var pageNum = 0;//总页数 var current = 1; i

Web前端 08/16,2017

HTML5实现大文件分片上传

HTML5实现大文件分片上传

在网页中直接上传大文件一直是个比较头疼的问题,一是上传时间长,中途一旦出错会导致前功尽弃;二是服务端配置复杂,要考虑接收超大表单和超时问题,如果是托管主机没准还改不了配置,默认只能接收小于4MB的附件。 比较理想的方案是能够把大文件分片,一片一片的传到服务端,再由服务端合并。这么做的好处在于一旦上传失败只是损失一个分片而已,不用整个文件重传,而且每个分片的大小可以控制在4MB以

Web前端 08/16,2017