文章列表

H5分享带缩略图,描述,微信内分享到好友,朋友圈

H5分享带缩略图,描述,微信内分享到好友,朋友圈

H5分享带缩略图,描述,微信内分享到好友,朋友圈,进行多用户浏览操作

2018年11月15日
2633 0 0 0
追梦猪追梦猪
javaScript
html5 audio音频,video视频currenttime设置失效

html5 audio音频,video视频currenttime设置失效

今天在做一个音乐播放的插件,遇见了一个currentTime属性无法赋值的问题,我们在(红箭头指向)此进行了赋值但是我们点击播放按钮的时候发现打印的_that.audios.currentTime值一直为0

2018年10月10日
4825 0 0 0
追梦猪追梦猪
html/html5
手机端html5触屏事件

手机端html5触屏事件

用户在移动端浏览H5的时候,会使用手指进行一连串的操作,单击、双击、上拉、下拉等等一系列操作,这里主要针对touch事件进行一些简单的介绍; 用户从手指触碰到屏幕到手指离开屏幕这中间,会触发一系列的touch事件:

2018年09月21日
2558 0 0 0
追梦猪追梦猪
javaScript
利用css及css3属性进行盒子的垂直居中

利用css及css3属性进行盒子的垂直居中

在编写前端的时候我们会遇见让一个盒子居中的问题,所以在这里做了一个汇总以便大家使用,如果有哪些更好的方法请联系追梦猪!

2018年12月17日
2739 0 0 0
追梦猪追梦猪
css/css3
纯css3鼠标滑过从中间向两边扩散效果

纯css3鼠标滑过从中间向两边扩散效果

利用伪类实现从中间到两边的一个效果,其实这个效果是视觉误差造成产生的,当我们鼠标滑过的时候我们给的值为left:0,width:100%当我们把transiton属性去掉的话,这个效果就是left :0和width:100%同时进行达到慢慢的展开造成了从中间向两边的展开效果。

2018年12月12日
5626 0 0 0
追梦猪追梦猪
css/css3
3D正方体旋转Css3动画

3D正方体旋转Css3动画

在早开始就学习了css3动画,但是工作原因这个动画在实际开发中却很少去使用,只是ie这个初恋实在是无法恭维,好了我在这个写了一个css3正方体的旋转动画

2018年08月28日
3617 0 0 0
追梦猪追梦猪
css/css3
jquery插件开发

jquery插件开发

为了不污染全局,挂载一个对象作为命名空间,自定义的所有方法放在这里,保证jQuery全局安全。

2018年11月15日
2139 0 0 0
追梦猪追梦猪
jQuery
jquery 字符串转数字

jquery 字符串转数字

parseInt(string) 这个函数的功能是从string的开头开始解析,返回一个整数,说起来比较笼统,

2018年10月08日
2271 0 0 0
追梦猪追梦猪
jQuery
固定头部和列的table表格

固定头部和列的table表格

今天做了一个table表格,在互联网日益发展的路途当中,为了遍历操作人员,绞尽脑汁把一切功能制作成时候人脑子思维的东西,当在做数据表格展示的时候,少量数据我们直接一个table便可以实现,但是当数据分类较多的时候我们在滑动的时候还有看到上面对应的头信息那么我

2018年09月17日
3693 0 0 0
追梦猪追梦猪
jQuery
jq动态添加的元素触发绑定事件

jq动态添加的元素触发绑定事件

在做一些项目的时候都需要去动态添加一些节点,比如添加商品规格动态生成一个或多个供用户使用或者生成一个点击按钮删除按钮等,都是动态生成的dom节点,但是为这些动态的节点添加点击事件就发现点击没有效果

2018年09月13日
2415 0 0 0
追梦猪追梦猪
jQuery
jq ajax获取服务端的头信息

jq ajax获取服务端的头信息

js如何获取response header信息,利用jQuery的ajax请求来完成对head的请求,然后逐个取得需要的信息,

2018年08月01日
1917 0 0 0
追梦猪追梦猪
jQuery
vue中使用mock.js进行数据模拟

vue中使用mock.js进行数据模拟

mock.js没有用过的觉得很鸡肋,不就是填充数据吗,我开发的时候页面有数据啊,等等,我们要应用的场景就是我们调好接口,在没有网的情况下发现页面空荡荡的,而这个时候老板过来说看一下你的项目,怎么难道直接给老板看空白页面吗,当然是no,这时候mock.js这个数据生成器就派上了用场,用来展示数据,这样老板看到带数据的页面就感觉你这工作很ok!

2020年01月20日
1474 0 0 0
追梦猪追梦猪
vue
Vue2.0中使用less给元素添加背景图片出现错误路径不正确

Vue2.0中使用less给元素添加背景图片出现错误路径不正确

在使用less在Vue.js中给元素添加背景图片时 ,我们可能会按照css的方法使用相对路径来处理我们的图片错误无法显示

2020年01月06日
2171 0 0 0
追梦猪追梦猪
vue
vue报错信息之跨域当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”

vue报错信息之跨域当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”

CORS策略已阻止从源位置“http://localhost:3000/api/index/getNotice”访问XMLHttpRequest:http://localhost:8080”:当请求的凭据模式为“include”时,响应中的“Access Control Allow origin”头的值不能是通配符“*”。XMLHttpRequest启动的请求的凭据模式由withCredentials属性控制。

2019年12月25日
3526 0 0 0
追梦猪追梦猪
vue
移动端自适应px转rem解决方法

移动端自适应px转rem解决方法

rem是相对于根元素html,这样就意味着,我们只需要在根元素确定一个px字号,则可以来算出元素的宽高。1rem=16px(浏览器html的像素,可以设定这个基准值),假如浏览器的html设为64px,则下面的元素则1rem=64px来运算。

2019年12月12日
2087 0 0 0
追梦猪追梦猪
vue
Vue.js16款优秀的UI组件库推荐

Vue.js16款优秀的UI组件库推荐

Vue 是一个轻巧、高性能、可组件化的MVVM库,API简洁明了,上手快。从Vue推出以来,得到众多Web开发者的认可。在公司的Web前端项目开发中,多个项目采用基于Vue的UI组件框架开发,并投入正式使用。

2019年12月12日
3179 0 0 0
追梦猪追梦猪
vue
vue 跨组件和父子之间调用事件

vue 跨组件和父子之间调用事件

在vue开发当中我们在不同的场景要实现结果,比如,跨组件调用事件,跨组件调用方法,无非是多写一个公共的js来实现互相调用,但是我们这里讲的是父子间跨组件调用事件来,达成我们想要的结果,依葫芦画瓢我们可以实现任意的组件调用,只不过缺少一个开头的地基!我们打印this会发现 vue包括跟多对象属性这就是我们需要用到的东西!

2019年12月06日
1831 0 0 0
追梦猪追梦猪
vue
vue项目中favicon.ico不能正确显示的问题

vue项目中favicon.ico不能正确显示的问题

注意:如果打包发布到线上,会导致ico图标不显示的问题,是因为执行npm run build打包后只有static文件夹和index.html文件,找不到根目录下的ico图标,解决办法:把ico图标放到static文件夹下就OK啦。

2019年12月06日
2371 0 0 0
追梦猪追梦猪
vue
vue弹出框组件封装实例代码

vue弹出框组件封装实例代码

在vue学习中,我们会用到大量弹窗来实现业务的交互,比如,弹窗提醒删除,添加,通知,修改,等等相关长用的类型,在今天我们写一个弹窗组件开发,如果想学习vueui组件的开发,请关注我们的ui组件库ZMZUI,搜索zmzui即可,也可关注我们的网站点击上方git地址进行源码下载!

2019年12月05日
2281 0 0 0
追梦猪追梦猪
vue
vue.js中实现HTML标签转义及反转义及富文本编辑器显示

vue.js中实现HTML标签转义及反转义及富文本编辑器显示

当我们把服务端传给vue的代码放入vue中的时候我们出现了犯难,转义以后是字符串类型的vue只有v-html才能导入到ueditor中显示,由于是纯前端操作,不涉及后端,因此需要通过js对输入内容进行转义。这里提供一个非常简单有效的转义方案,利用了innerHTML和innerText

2019年12月05日
4827 0 0 0
追梦猪追梦猪
vue
vue中的mixins混合正确使用方法

vue中的mixins混合正确使用方法

混入 (mixins) 是一种分发 Vue 组件中可复用功能的非常灵活的方式。混入对象可以包含任意组件选项。当组件使用混入对象时,所有混入对象的选项将被混入该组件本身的选项。

2019年12月05日
1749 0 0 0
追梦猪追梦猪
vue
vue请求之axios发送cookie和node读取session

vue请求之axios发送cookie和node读取session

在使用node验证码的时候我们把验证码保存在后台的session中但是我们前台会出现一个cookie字段connect.sid,这是默认的存储的session加密保存在cookie中,验证的时候我们要把cookie发送给后台,这样我们才能在后台获取到存储的session,而我们用axios,但是axios 默认不发送cookie,跨域也是一个原因,需要全局设置,所以我们需要这么设置

2019年12月05日
2302 0 0 0
追梦猪追梦猪
vue
vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

vue页面在微信内置浏览器打开网页打开软件键盘出现底部空白解决方式

最近在做移动端vue项目的时候遇到了一个这样的一个问题,当我点击input框输调起手机软件盘输入内容以后,关闭软键盘,页面没有回到底部,导致底部出现了空白,手动往下滑动一下,页面才会恢复正常,当关闭软键盘的时候,页面不会自动回到底部。目前Android和Ios上都有这个问题

2019年12月05日
2473 0 0 0
追梦猪追梦猪
vue
vue监听手机物理返回键手机安卓h5返回

vue监听手机物理返回键手机安卓h5返回

追梦猪在使用此来实现手机h5微信支付的时候为了用户更好的体验让用户点击完成触发返回可以不在回到上一层而是我们指定的页面所以监听了返回键但是跟原先的写法返回有了一个冲突,原先go(-3)返回变成go(-4)才能返回到指定的页面,所以在用户体验的道路上任重道远啊!

2019年12月05日
2258 0 0 0
追梦猪追梦猪
vue
vue 非父子传递EventBus事件总线模式开发

vue 非父子传递EventBus事件总线模式开发

想想如果从最顶层组件传一个 data 给最底层组件,仅仅使用父子传递的方式会变得十分麻烦。而 EventBus就是用来解决这个问题的:在需要获取 data 的组件上设置一个监听器,每次要传递 data 时,那个组件就广播这个事件并调用这些监听器。

2019年12月05日
1685 0 0 0
追梦猪追梦猪
vue
vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

vue引入echart错误提示Error in mounted hook: "Error: Component series.line not exists. Load it first

在vue中引入vue-echarts组件的时候报错了Error in mounted hook: "Error: Component series.line not exists. Load it first ,找到vue-echarts下的components>echarts.vue

2019年12月04日
3832 0 0 0
追梦猪追梦猪
vue
vue-echarts npm run build  编译生产版本报错 UglifyJs

vue-echarts npm run build 编译生产版本报错 UglifyJs

原因: 由于 UglifyJs 只支持 ES5 而 vue-echarts可能引入了一部分 ES6 的写法,所以导致 webpack 打包失败。解决: webpack.config.js 配置删除下面这句, exclude 表示/node_modules/ 目录下的 .js 文件不要进行 babel-loader , 覆盖了上一句 include 的设置

2019年12月04日
2471 0 0 0
追梦猪追梦猪
vue
vue打包字体文件路径错误的问题

vue打包字体文件路径错误的问题

​在我的项目中遇到的情形是:打包后,css里加载的font文件路径变成了:/static/css/static/fonts/iconfont.eot,原先的打包没有这样的问题,而期望的应该是/static/fonts/iconfont.eot。

2019年12月04日
1800 0 0 0
追梦猪追梦猪
vue
vue - 如何打造属于自己的CLI脚手架工具?

vue - 如何打造属于自己的CLI脚手架工具?

为什么需要CLI?减少重复性工作。根据动态命令更方便的生成开发环境。团队协同,效率高。我们要达到的设计?

2019年10月12日
2076 0 0 0
追梦猪追梦猪
vue
vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,

2019年09月30日
7170 0 0 0
追梦猪追梦猪
vue
react.js引入配置less

react.js引入配置less

react.js引入配置less,来实现动态管理背景主题

2019年08月26日
2251 0 0 0
追梦猪追梦猪
react

猜你喜欢

vue报错信息(一)之 fns.apply is not a function

追梦猪在做vue项目的时候会遇见各种各样的奇葩报错,以此收集来带入坑不知所措的坑友脱坑,当你在改完vue代码进行热加载的时候,我们的控制台出现了报红(也就是错误),打开控制台f12看到以下如图所示错误:

2018年12月28日
8746 0 0 0
追梦猪追梦猪
vue

ThinkPHP(tp5)一键生成静态方法

常说的页面静态化分为两种,一种是伪静态,即url 重写,一种是真静态化。前两篇讲了两种静态化方法,基本都是使用TP自带的静态化机制。但TP写的网站页面路由都比较繁琐复杂,不利于引擎优化。

2019年01月19日
8065 0 0 0
追梦猪追梦猪
php

vue中wow.js的使用

刚开始我是通过在index页面直接引入wow.js效果,第一天可以,但是第二天就不行了,看了一下代码的前端执行结果发现动画的名称是none,那问题出现在了没有找到动画名称,为什么会出现这样的我想应该是加载顺序导致的,wow.js在页面加载完以后便已经执行了,但是我的数据还没有获取到所有才出现了数据被display:none;

2018年09月12日
7751 0 0 0
追梦猪追梦猪
vue

微信小程序之事件bindtap和catchtap

我们都知道bindtap和catchtap都是当用户点击该组件的时候会在该页面对应的Page中找到相应的事件处理函数。但是bind事件绑定不会阻止冒泡事件向上冒泡,catch事件绑定可以阻止冒泡事件向上冒泡。

2018年09月11日
7569 0 0 0
追梦猪追梦猪
微信小程序

vue报错信息(四)之Error: EBUSY: resource busy or locked, rmdir ''

报错 npm Error : EBUSY resource busy or locked出现这样的错误是因为我们的文件被占用就是其他地方可能在使用文件夹或文件导致无法删除造成的,

2019年09月30日
7170 0 0 0
追梦猪追梦猪
vue