标签搜索列表

纯CSS3方块跳动加载动画特效

利用css3动画属性完成动态效果,让人眼前不在是死气沉沉的,给人眼前一亮的感觉

2019-09-27 09:33:51
2209 0
追梦猪追梦猪
Css

[thinkPHP5项目实战_06]引入前台页面

一个网站的前端分一般分为前台和后台两个部分,下面说明一下如何在tp5中引入前台页面。tp5中访问的是模块下的控制器,通过控制器获取视图下的页面(模板布局),输出替换引导页面加载静态文件(css,js,image)

2019-12-28 09:02:53
1301 0
追梦猪追梦猪
Php

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

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

2019-12-04 11:17:12
1465 0
追梦猪追梦猪
Vuejs

angular从入门到精通(五) — 路由事件

路由链接的激活状态RouterLinkActive 指令会基于当前的 RouterState 为活动的 RouterLink 切换所绑定的 css 类。在每个 A 标签上,你会看到一个到 RouterLinkActive 的属性绑定,形如 routerLinkActive="..."。

2019-10-16 13:08:04
1463 0
追梦猪追梦猪
AngularJS

react-native从入门到精通搭建app(一) 一一 简介

React Native (简称RN)是Facebook于2015年4月开源的跨平台移动应用开发框架,是Facebook早先开源的UI框架 React 在原生移动应用平台的衍生产物,目前支持iOS和安卓两大平台。RN使用Javascript语言,类似于HTML的JSX,以及CSS来开发移动应用,因此熟悉Web前端开发的技术人员只需很少的学习就可以进入移动应用开发领域。

2019-09-19 14:56:01
1317 0
追梦猪追梦猪
react

webpack + vue之抽离style样式css方法

大部分使用过webpack的朋友都知道,抽离css需要使用到webpack的插件extract-text-webpack-plugin,vue也不例外。官方给的vue-loader的文档里面有这样的描述。不要在style上添加scss或者less,否则你要去配置他们的抽离 我们现在抽离.vue文件下的style的css样式,zmz在测试了很多得出以下不是结论的结论,由于第一次玩没有别人指点走了不少弯路,现在总结如下,抽离普通css样式,(适合style默认lang)

2019-05-21 15:41:55
3254 0
追梦猪追梦猪
Vuejs

vue2.0项目CSS3动画打包后动画失效解决

在vue2.0项目里我们发现外部引入的组件css3动画失效,但是在浏览器当中没有问题,一打包css3动画就失效,我们在打完包以后发现浏览器对动画特效没有出现兼容的状态,因此我们想到css3动画在框架下没有生效,最后找到是脚手架package.json没有加兼容处理

2019-05-16 14:48:31
1917 0
追梦猪追梦猪
Vuejs

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

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

2018-12-17 16:18:28
2433 0
追梦猪追梦猪
Css3

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

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

2018-12-12 09:34:58
5204 0
追梦猪追梦猪
Css3

3D正方体旋转Css3动画

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

2018-08-28 10:54:39
3288 0
追梦猪追梦猪
Css3

利用@media screen实现网页布局的自适应

利用@media screen实现网页布局的自适应 优点:无需插件和手机主题,对移动设备友好,能够适应各种窗口大小。只需在CSS中添加@media screen属性,根据浏览器宽度判断并输出不同的长宽值

2018-09-06 17:17:32
2362 0
追梦猪追梦猪
Css

猜你喜欢

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

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

2018-12-28 17:50:29
8288 0 0
追梦猪追梦猪
Vuejs

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

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

2019-01-19 17:20:22
7605 0 0
追梦猪追梦猪
Php

vue中wow.js的使用

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

2018-09-12 14:34:41
7326 0 0
追梦猪追梦猪
Vuejs

微信小程序之事件bindtap和catchtap

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

2018-09-11 09:42:22
7136 0 0
追梦猪追梦猪
微信小程序

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

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

2019-09-30 11:09:23
6673 0 0
追梦猪追梦猪
Vuejs