- 博客(39)
- 资源 (2)
- 收藏
- 关注
RSS订阅转载 jquery offset positon 获取div坐标位置不准的解决方法
jquery可以非常方便获取div及其它元素在页面中的坐标位置，但是当页面中图片的时候这时候获取的位置通常会出现不准确的问题。不管用offset还是用position 获取到的坐标位置都不准确，最终还是万能的谷歌帮我解决了问题。原因就在于我使用的是 $(document).ready方法不能保证页面全部渲染完了，图片和div等可能都还未渲染，所以导致获取的坐标有误差。解决方法：改$(documen...
2018-07-12 18:14:52
2146
1
转载 gulp批量为页面js，css资源添加版本号解决缓存问题
gulp添加版本号解决前端静态资源版本更新与缓存注意：本文中的gulp依赖都是新版本的，网上看到很多类似的文章，不过版本不一样，该的地方也不一样，所以在此记录。1、解决办法：通过gulp 在原html文件上自动化添加js、css版本号。2、 原理：通过对js,css文件进行hash运算，生成一个文件的唯一hash字符串，一旦文件改变，hash就会相应的改变。然后替换html中的js,css，生成一...
2018-04-28 15:29:26
1248
转载 为什么 javascript 函数声明会提升 而 函数表达式不会
Js代码分为两个阶段：编译阶段和执行阶段我们习惯将var a = 2;看作一个声明，而实际上JavaScript引擎并不这么认为。它将var a和a = 2当作两个单独的声明，第一个是编译阶段的任务，而第二个则是执行阶段的任务。这意味着无论作用域中的声明出现在什么地方，都将在代码本身被执行前首先进行处理。可以将这个过程形象地想象成所有的声明（变量和函数）都会被“移动”到各自作用域的最顶端，这个过程...
2018-04-26 15:28:36
1752
3
转载 ajax异步请求中使用window.open会被浏览器拦截解决方案
问题剖析：function click_fun(){ window.open("www.baidu.com");//能打开 $.ajax({ 'url': '${pageContext.request.contextPath}/activity/savePrizes.htm', 'type': 'post', 'dataType': 'json', ...
2018-02-01 17:15:04
891
原创 iview 按需加载报错 ERROR in js/backstage.js from UglifyJs Unexpected token name «i», expected punc «;»
解决方法：//webpack.config.js{ test: /iview.src.*?js$/, loader: 'babel-loader'}
2018-01-03 11:29:12
6900
3
原创 git 上传已有的本地项目到github
1、在github上新建项目 2、然后填写项目名，描述等 3、创建成功后记好创建成功后的https，下面要用 4、进入到本地项目目录下 5、右键选择 git base here 6、输入 命令git init（会生成一个.git 文件夹） 7、输入命令 git add * 8、输入命令 git commit -m “baoli2” 9、输入命令git remote ad
2017-12-18 11:16:26
748
原创 iview使用Menu组件动态生成时active-name不起作用
1、给Menu组件绑定ref ,例如side_menu； 2、menu列表更新时，手动更新this.$nextTick(() => { this.$refs.side_menu.updateOpened() this.$refs.side_menu.updateActiveName()})
2017-12-07 10:50:17
15046
3
原创 微信小程序自制scroll-view横向滑动滚动条(仿拼多多)
效果图 实现代码 index.wxml<scroll-view scroll-x="true" class="scroll-view-x" style="padding-top:10rpx" scroll-with-animation="true" wx:if="{{tlist[currentTab].secondList}}" scroll-left='0' bindscroll="get
2017-11-30 11:21:08
28350
6
原创 使用微信小程序自定义组件实现的tabs选项卡功能
components/navigator/index.wxml<!-- 自定义tab标签组件--><!-- 标题列表--><scroll-view scroll-x="true" class="scroll-view-x" wx:if="{{!ttype || ttype==2}}"> <view class="scroll-view-item" wx:for="{{tList}}" wx
2017-11-30 10:32:54
23788
1
转载 微信小程序 setData 的坑
最近在使用微信小程序的setData时，遇到了以下问题。如下：官网文档在使用setData()设置数组对象的某个元素的属性时，是这么使用的：Page({ data: { array: [{text: 'init data'}], }, changeItemInArray: function() { this.setData({ 'array[0]
2017-11-06 15:23:19
4219
2
原创 vue $nextTick( [callback] )使用场景
vue生命周期中提供了created,mounted方法，可以在页面初始化时候获取一些页面需要的数据，但是有的时候需要根据数据动态的为页面某些dom元素添加事件，这就要求在dom元素渲染完毕时去设置，但是created与mounted函数执行时一般dom并没有渲染完毕，所以就会出现获取不到，添加不了事件的问题，一开始没有发现 vm.$nextTick( [callback] )方法时，使用定时器s
2017-11-03 17:13:42
2483
原创 vue使用自定义事件的表单输入组件（日期组件与货币组件）
自定义事件可以用来创建自定义的表单输入组件，使用 v-model 来进行数据双向绑定。 v-model的实现原理 : <input v-model="something"> 这不过是以下示例的语法糖： <input v-bind:value="something" v-on:input="something = $event.target.value">在开发项目中，当遇
2017-11-03 16:51:15
1464
原创 js获取当前日期的前几天的日期
setDate() 、 getDate()方法function getBeforeDate(n){ var date = new Date() ; var year,month,day ; date.setDate(date.getDate()-n); year = date.getFullYear(); month = date.getMonth()+1; day = date.
2017-09-28 10:30:23
4902
原创 extract-text-webpack-plugin插件提取css单独打包
安装方法： npm install extract-text-webpack-plugin –save-dev 使用：module.exports = { plugins: [ new ExtractTextPlugin({ filename: 'css/[name].css' //路径以及命名 }) ], m
2017-09-19 17:17:25
8640
原创 HtmlWebpackPlugin插件使用实现html文件自动生成
开发公司项目vue+webpack，因为属于多入口文件项目，所以使用HtmlWebpackPlugin插件，该插件有两个作用： - 为html文件中引入的外部资源如script、link动态添加每次compile后的hash，防止引用缓存的外部文件问题 - 可以生成创建html入口文件，比如单页面可以生成一个html文件入口，配置N个html-webpack-plugin可以生成N个页面入口
2017-09-19 15:57:07
4722
转载 vue-cli#2.0 webpack 配置分析
作为 Vue 的使用者我们对于 vue-cli 都很熟悉，但是对它的 webpack 配置我们可能关注甚少，今天我们为大家带来 vue-cli#2.0 的 webpack 配置分析 vue-cli 的简介、安装我们不在这里赘述，对它还不熟悉的同学可以直接访问 vue-cli 查看 目录结构 . ├── README.md ├── build │ ├── build.js │ ├
2017-09-19 14:08:25
643
原创 vue+webpack项目创建过程
首先电脑确保安装好nodejs，nodejs集成好了npm ，用node -v 、npm -v 测试是否安装成功;安装cnpm（淘宝镜像）代替npm下载依赖包 npm install -g cnpm –registry=https://registry.npm.taobao.org安装webpck cnpm install -g webpack 安装脚手架vue-cl
2017-09-19 11:05:10
644
原创 使用webpack.DllPlugin与webpack.DllReferencePlugin解决webpack打包慢问题
因为公司的vue项目要与之前的结合，所以需要webpack打包后的代码，每次修改内容都需要重新打包，webpack打包速度太慢，因此上网搜索找到解决办法：使用webpack插件webpack.DllPlugin与webpack.DllReferencePlugin将不需要改动的第三方插件与自己的业务代码进行分开打包， 首先： 在项目根目录新建一个文件webpack.dll.config.jsc
2017-08-06 23:21:28
8477
3
原创 vue项目引用bootstrap资源打包发生错误，loaders没有配置font字体文件
解决方法：修改webpack.config.js文件，添加代码 { test: /.(svg|ttf|eot|woff|woff2)$/, loader: ‘file-loader’, options:{ name:’fonts/[name].[ext]’ } }
2017-08-05 17:09:49
1599
原创 webpack打包 vuex ...mapMutations ，...mapGetters报错解决
在开发vue项目中使用vuex 的 …mapMutations等语法时webpack打包发生错误 Unexpected token，解决办法： 先安装： cnpm install –save-dev babel-plugin-transform-object-rest-spread 安装成功后： 在项目根目录新建.babelrc，（如果存在，修改内容） 放入下面内容: { “pres
2017-08-05 17:02:30
3229
转载 module.exports与exports？？关于exports的总结
API文档是枯燥的，下面本人收集了一些论坛经常有人疑问和开源代码中经常遇到的案例供大家研究一下。module.exports与exports的区别每一个node.js执行文件，都自动创建一个module对象，同时，module对象会创建一个叫exports的属性，初始化的值是 {} module.exports = {};Node.js为了方便地导出功能函数
2017-07-18 10:10:39
376
转载 SideBarEnhancements插件安装教程
Sublime Text一个小插件——SideBarEnhancementsSublime Text很多人或多或少都用过，可能很多人会发现。在Sublime Text无法直接打开浏览器，没有像DW那样的快捷键。有的只是右键打开默认的浏览器。而有时候又需要打开不同的浏览器。这时候主角登场了——SideBarEnhancements。SideBarEnhancement
2017-07-12 11:46:41
5731
1
转载 js防篡改对象
不可扩展对象 Object.preventExtensions// 下面代码在谷歌浏览器中执行> var person = {name: 'wdd'};undefined> Object.preventExtensions(person);Object {name: "wdd"}> person.age = 1010> per
2017-07-06 16:01:16
366
转载 解析 神奇的 Object.defineProperty
这个方法了不起啊。。vue.js是通过它实现双向绑定的。。而且Object.observe也被草案发起人撤回了。。所以defineProperty更有必要了解一下了。几行代码看他怎么用var a= {}Object.defineProperty(a,"b",{ value:123})console.log(a.b);//123很简单，它接受三个参数，而且都是必填的。。
2017-03-06 11:03:12
358
转载 vue新手建议学习路线
Vuejs的作者尤雨溪尤大也写过一篇关于新手学习vue路径的文章新手向：Vue 2.0 的建议学习顺序 百度vuejs搜索的是vue1的文档，推荐大家直接上2.0,毕竟1和2还是有区别的。vue2.0文档地址Vue2.0 Vue基础对于没有接触过es6和webpack的童鞋来说，不建议直接用官方的脚手架vue-cli构件项目。先按文档顺序最少学习完组件那
2017-03-06 10:28:40
29749
4
原创 table表格设置td宽度不起作用解决方法
设置表格table csstable{ width:xxx; table-layout:fixed;}
2017-03-06 10:15:07
3907
原创 nodejs与npm升级到最新版本的方法
windows 的nodejs升级到最新版本，去官网下载最新的nodejs版本，直接在原来的地址覆盖就可以npm升级到最新版本的方法：npm install -g npm自动更新到最新版本
2017-03-06 10:08:00
4128
转载 vue2.0错误：Do not mount Vue to <html> or <body> - mount tonormal elements instead.
vue1.x 允许开发者以 或 作为根实体的挂载点，但到了VueJS2.0 后，只能通过 独立的节点挂载 ，如:div 等。否则会产生错误，警告讯息如下："Do not mount Vue to or - mount tonormal elements instead."换成用独立的 DOM 节点，如 ，就可以正常运作了。
2017-03-06 10:04:21
1090
原创 jquery使用on（）方法绑定元素阻止事件冒泡问题
由于on（）方法的绑定机制与其他不同，当使用on()方法动态绑定的元素需要阻止冒泡行为时，使用e.stopPropagation() 与return false 无效解决方法：使用e.target检测，（if条件判断）如果与传入的选择符（‘button’）、（‘a’）匹配，则添加事件。否则不添加
2017-02-15 17:02:37
883
转载 serilize() serilizeArray() 与基于serilizeArray()的serilizeObject()
serilize():$('form').submit(function() { alert($(this).serialize()); return false;});输出标准的查询字符串：a=1&b=2&c=3&d=4&e=5serilizeArray():返回的 JSON 对象是由一个对象数组组成的，其中每个对象包含一个或两个名值对 ——
2017-02-08 20:22:14
580
原创 bootstrap-table表格插件之服务器端分页实例
bootstrap-table表格插件之服务器端分页实例Bootstrap Table是基于Bootstrap的轻量级表格插件，只需要简单的配置就可以实现强大的支持固定表头、单复选、排序、分页、搜索以及自定义表头等功能。 因公司的项目需要实现用户管理的表格实现，所以选用了bootstrap-table用于动态获取后台的用户数据显示到前台。 示例截图： 客户端代码： //引入的css文件
2017-02-07 22:01:54
60291
52
原创 Browsersync省时的浏览器同步测试工具配置教程
Browsersync能让浏览器实时、快速响应您的文件更改（html、js、css、sass、less等）并自动刷新页面。更重要的是 Browsersync可以同时在PC、平板、手机等设备下进项调试。您可以想象一下：“假设您的桌子上有pc、ipad、iphone、android等设备，同时打开了您需要调试的页面，当您使用browsersync后，您的任何一次代码保存，以上的设备都会同时显示您的改动
2017-01-17 09:25:01
608
原创 flex布局兼容性css文件
flex用于布局真的很强大，但是让人头疼的确实烦人的兼容性，下面是各个浏览器版本对flex的兼容情况，因为IE到了10.0，才支持最新的flex语法，所以，我整理了一份css文件，包含所有的flex兼容语法，当使用是，引用该css文件，使用对应的类名，便可轻松使用强大的flex布局flex.compatibility.css文件@CHARSET "UTF-8";/* 定义容器
2017-01-16 16:40:58
1329
转载 flex布局教程：语法篇
分类： 开发者手册Flex 布局教程：语法篇作者： 阮一峰日期： 2015年7月10日网页布局（layout）是CSS的一个重点应用。布局的传统解决方案，基于盒状模型，依赖 display属性 + position属性 + float属性。它对于那些特殊布局非常不方便，比如，垂直
2016-11-05 16:55:31
385
转载 绝对定位情况下水平垂直居中的方法
绝对定位情况下水平垂直居中的方法非绝对定位情况下，一般使用margin:0 auto的方法来进行居中，但在绝对定位情况下，margin:0 auto会失效。这时，进行水平垂直居中可以如下：position:absolute;left:50%; //left设置为50%，这时是以元素的左侧进行的水平居中，所以需要设置margin-left为元素宽度的一半。top:
2016-10-12 15:45:48
326
转载 css中盒子模型与box-sizing属性
CSS 框模型概述元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。提示：背景应用于由内容和内边距、边框组成的区域。内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 paddi
2016-10-11 16:34:40
2322
1
转载 对js运算符“||”和“&&”的总结
下面主要讨论下逻辑运算符&&和||。几乎所有语言中||和&&都遵循“短路”原理，如&&中第一个表达式为假就不会去处理第二个表达式，而||正好相反。js也遵循上述原则。但是比较有意思的是它们返回的值。代码：var attr = true && 4 && “aaa”;那么运行的结果attr就不是简单的true或这false，而是”aaa”再来看看||：代码：var attr
2016-09-23 14:17:05
282
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人