
web前端
文章平均质量分 92
芥焉丶
不要随便敬畏崇拜一个人,对待任何人和事都应该有一个平常心,不卑不亢不骄不躁
展开
-
laravel 使用 vue 及 Ant-design-vue 依赖(Laravel5.6+Vue+Ant-design-vue集成搭建)
我们可以看一下app.js的代码,发现他是引入了vue,然后注册了一个组件,也就时Example.vue , Example.vue 中输出两句话,这是一个完整的组件,我们可以直接使用。我们找到resources\views\welcome.blade.php 文件,将其修改为下面的代码,也就是吧原来的HTML删了,添加一个id为app的div,在其中使用app.js 中注册的组件,需要注意的就是要添加crsf-Token的验证meta标签,和引入 app.js 文件,这个js文件也可以去根目录中的 .转载 2020-05-18 19:43:52 · 2314 阅读 · 0 评论 -
vue Failed to mount component: template or render function not defined 解决办法
在laravel中使用vue是加载一个组件始终提示(与laravel无关)app.js:153241 [Vue warn]: Failed to mount component: template or render function not defined多次尝试得出解决方法如下:require 是 CommonJS 的模块导入方式而组件定义时写的 export default 是 ES6 方式因此require 导入的结果其实是一个含 default 属性的对象所以 vue 中 comp原创 2020-05-18 19:32:38 · 4575 阅读 · 0 评论 -
Vue Cli3(代理配置)
cli3vue ui 映射当前项目的配置,在浏览器内实现 GUI 操作:直接支持创建项目,配置文件npm run dev 启动项目指令,在 Vue Cli 3 内会启动两个服务。一个是 localhost,另一个是当前 ip 下的地址:避免了手动配置需要修改,ip不一样不能启动器只能启动一个的弊端npx 指令:启动服务可用 npx vue-cli-service serve — npx 会自...转载 2020-04-30 15:24:25 · 791 阅读 · 0 评论 -
CSS实现同一行的图片和文字垂直居中
原文链接前端开发过程中,经常遇到这样的布局“同一行的图片和文字都垂直居中”,如图所示:现将几种实现方法总结如下:html代码:<body><div class="line methodOne"> <img src="images/logo.png" alt="图片"/> <span>我是文字</span&g...转载 2020-01-06 20:46:51 · 2214 阅读 · 0 评论 -
iframe 高度根据内容自适应
<iframe onload="this.height=this.contentWindow.document.documentElement.scrollHeight"原创 2019-10-16 14:22:26 · 141 阅读 · 0 评论 -
jQuery无缝轮播
轮播图老是用插件怎么行,简易的jQuery无缝轮播! slider html, body { height: 100%; width: 100%; font-size: 62.5%; } * { margin: 0; padding: 0; list原创 2017-11-26 19:59:52 · 229 阅读 · 0 评论 -
jQuery更换主题换肤
前些日子看到一个奇葩的面试题, 让做一个简单的主题更换,想了想我也试一试,做一个简单的皮肤更换! <head> <meta charset="UTF-8"> <title></title> <style> * { margin: 0; padding: 0; } body {原创 2017-11-26 20:41:41 · 676 阅读 · 0 评论 -
web前端常用初始化css,开箱即用!!!
/*@Author: jieyan*//* 禁用iPhone中Safari的字号自动调整 */*{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}html { -webkit-text-size-adjust: 100%; -ms-原创 2018-01-21 17:27:47 · 3695 阅读 · 0 评论