- 博客(18)
- 收藏
- 关注
RSS订阅原创 VUE中assets与static的区别
VUE中assets与static的区别1、相同点：文件夹中的资源在html中使用都是可以的。2、不同点：使用assets下面的资源，在js中使用的话，路径要经过webpack中的file-loader编译，路径不能直接写2.1 static :该目录下的文件是不会被wabpack处理的，它们会被直接复制到最终的打包目录下面（默认是 dist/static ），且必须使用绝对路径来引用这些文件。这是通过在 config.js 文件中的 build.assetsPublicPath.
2021-01-25 10:05:29
3752
原创 移动页面轮播图添加滑屏滚动后，轮播图点击无效
自己用VUE写了一个轮播图，想实现可以自动轮播、可左右滑动，但是实现这两步后，轮播图上的图片链接点击无效。后来在点击事件上做了：.stop / event.stopPropagation()和event.preventDefault()均无法解决问题。后来发现 自己在 轮播图上做的 手机触屏事件，影响到了内部内容的点击，然后，把".prevent" 去掉就可以了。.preven...
2018-10-19 11:08:34
551
转载 vue axios 数据（data）赋值问题
总结一下我遇到的一个纠结很久的问题。在项目中需要用到后台的数据对前端渲染，使用到了vue整合的axios，使用vue中的钩子函数在页面组件挂载完成之后向后台发送一个get请求然后将返回后的数据赋值data（）中定义的属性：执行后前端报错：原因：在请求执行成功后执行回调函数中的内容，回调函数处于其它函数的内部this不会与任何对象绑定，为undefined。解决方案：一）将指向vue对象的this赋...
2018-07-04 22:35:08
2569
原创 移动端页面禁止鼠标滑轮滚动的方法
document.body.onmousewheel = function(event) { event = event || window.event; return false;};//火狐下使用 DOMMouseScrolldocument.body.addEventListener("DOMMouseScroll", function(event) {
2018-01-26 16:55:10
1429
原创 VUE2.0 的那些事（一）
用Vue做表单提交时遇见了一些事：用到的 插件：axios.min.js代码如下： submitClick:function(){ var url = webUrl +'/api/user-comment?userId=' + user_id + '&type=' + commment_type + '&targetId=' + commment_id;
2017-09-14 17:14:38
197
转载 vue-cli中安装方法
vue-cli脚手架模板是基于node下的npm来完成安装的所以首先需要安装node1、安装node，vue运行需要基于npm一定的版本，所以首先升级npm到最新的版本，而在安装的过程中个人比较喜欢淘宝的镜像，所以先安装cnpm（因为速度和稳定性都比较好）2、在目标文件夹下打开终端3、执行cnpm install vue-cli -g 全局安装 运
2017-09-06 10:52:53
496
转载 如何加载HTML页面页面到另一个界面中
1.第一种：iframe 但是，对于个人经验来说，iframe最好不要用，不仅自适应不太好，而且对于seo优化特别不好2.第二种：通过jQuery load 事件加载页面。比较简单，但是会刷新界面。不过个人感觉影响不大，可以return false 组织界面刷新。$(function(){ var aHomePageLi = $('.sidebar-nav').find(
2017-06-06 17:31:40
2068
转载 手机端页面自适应解决方案—rem布局
相信很多刚开始写移动端页面的同学都要面对页面自适应的问题，当然解决方案很多，比如：百分比布局，弹性布局flex（什么是flex），也都能获得不错的效果，这里主要介绍的是本人在实践中用的最顺手最简单的布局方案——rem（什么是rem）布局
2016-11-19 01:57:36
225
转载 HTML5中的save()和restore()方法的用法
HTML5中的save()和restore()方法的用法1、save()方法将当前的绘图环境压入堆栈顶部2、restore()方法将从栈顶部弹出的一组状态信息，并根据此恢复当前绘图环境的各个状态
2016-10-18 18:29:58
1088
转载 JSON.stringify 语法实例讲解
语法： JSON.stringify(value [, replacer] [, space]) value：是必选字段。就是你输入的对象，比如数组，类等。 replacer：这个是可选的。它又分为2种方式，一种是数组，第二种是方法。 情况一：replacer为数组时，通过后面的实验可以知道，它是和第一个参数value有关系的。一般来说，系列化后的结果是通过键值对来进行
2016-06-07 15:32:00
338
转载 Html5本地存储和本地数据库
一个网站如何能在客户的浏览器存储更多的数据呢？在Html4的时代在浏览器端存储点网站个性化的数据，尤其是用户浏览器的痕迹，用户的相关数据等一般只能存储在Cookie中，但是大多是浏览器对于Cookie的限制也就逼迫网站存储数据尽量精简，想存储复杂的、关系型的用户数据就根本不可能了。但是进入Html5时代，这一切都不叫事...一、本地存储由来的背景
2016-05-25 14:23:56
402
转载 html 5 本地数据库（Web Sql Database）核心方法openDatabase、transaction、executeSql 详解
Web SQL数据库API实际上不是HTML5规范的组成部分，而是单独的规范。它通过一套API来操纵客户端的数据库。Safari、Chrome、Firefox、Opera等主流浏览器都已经支持Web SQL Database。HTML5的Web SQL Databases的确很诱惑人，当你发现可以用与mysql查询一样的查询语句来操作本地数据库时，你会发现这东西挺有趣的。今天，我们一起来了解HTM
2016-05-24 16:09:33
841
转载 CSS3 border-image详解
一、border-image的兼容性border-image可以说是CSS3中的一员大将，将来一定会大放光彩，其应用潜力真的是非常的惊人。可惜目前支持的浏览器有限，仅Firefox3.5，chrome浏览器，Safari3+支持border-image。二、熟悉border-image的一些特性我们可能对于CSS2中的background属性比较熟悉，例如：backgr
2016-05-05 18:15:54
456
转载 js 获取地址栏参数
方法一：采用正则表达式获取地址栏参数：（ 强烈推荐，既实用又方便！）function GetQueryString(name){ var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if
2016-03-23 11:35:05
251
原创 关于CSS中 用“rem" 在谷歌浏览器下的问题
rem是css3新定义的设置字体大小属性，常用的两种字体大小设置有下面2种：1、 px为单位2、em为单位(百分比用法跟em类似)PX为单位在Web页面初期制作中，我们都是使用“px”来设置我们的文本，因为他比较精确和固定。只要页面某元素设置了px字体大小，其子元素/子孙元素未设置字体大小或设置的字体大小css优先级没父元素高的话，该子元素/子孙元素会继承其父元素的
2016-03-23 10:09:31
7010
原创 在网上看到好代码 ，记得发表到网上
前不久做项目时，遇到一个关于“监控离开页面时弹出特有样式框的问题”，在摸索了很久，总是不是那么完美，火狐下都是不那么满意。以下是我在网上找到算是较为满意的代码： var blnCheckUnload = true; window.onbeforeunload = function() { if(blnCheckUnload) {{...........
2016-03-14 10:55:26
323
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人