由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”
common.css”);引用。body{padding:10px;margin:0;background:#fff;font-size:12px;line-heig
转载
精选
2010-01-28 10:51:02
189阅读
由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”common.css”);引用。body{padding:10px;margin:0;background:#fff;font-size:12px;line-height
转载
精选
2010-02-01 08:53:13
262阅读
由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”common.css”);引用。body{padding:10px;margin:0;background:#fff;font-size:12px;line-height
转载
精选
2010-05-20 09:41:16
210阅读
由于各浏览器的默认CSS样式不一样，我们必须写一个CSS Reset统一起来。通常我的做法是在common.css里写全局控制，这里面也包括header和footer，其它CSS文件就通过@import url(”common.css”);引用。body{padding:10px;margin:0;background:#fff;font-size:12px;line-height
转载
精选
2010-06-01 11:24:45
221阅读
从零开始部署vue+node+mongodb全栈项目，既为个人记录，也为分享(最简单的方案，本人亲测)。配置阿里云服务器安全组规则 如果你不配置这个规则，那么你连mongodb，node部署的后端应用接口都访问不到。常见配置如下。安全组规则安装node第一步，升级 apt-get 源sudo apt-get update第二步，安装nodesudo apt-get install node第三步，
转载
2024-10-28 17:34:09
64阅读
文章目录什么是Less注释变量嵌套@arguments获取参数转义(避免编译)运算Mixins混合继承 什么是LessLess是一门向后兼容的 CSS 扩展语言。它为css新增许多能，如：变量、函数、作用域、混合、嵌套等等。它的优点是：更具有维护性、扩展性等，可以降低了维护的成本，less可以让我们写更少的代码做更多的事情。它需要编译为css再被引入：lessc xxx.less yyy.css
转载
2024-10-21 13:55:52
132阅读
axiosaxios 简介Axios 是一个基于 promise 的 HTTP 库，可以用在浏览器和 node.js 中。axios 安装$ npm install axios或者使用cdn<script src="https://unpkg.com/axios/dist/axios.min.js"></script>vue项目axios封装创建文件夹并引用创建axios.
转载
2023-08-18 14:10:34
233阅读
main.js 中 let $vue = new Vue({ router, el: '#app', render: h => h(App) }); export default $vue 在js文件中，直接使用$vue即可 ...
转载
2021-08-30 15:06:00
880阅读
2评论
这里我主要介绍两种自定义全局公共组件的方法 （1）第一种： 首先在components中新建一个文件夹，我这里做的是全局加载动画组件所以命名的是Loading文件夹 如图： 其中index.js为组件加载文件，index.vue为组件模板文件index.js文件：// 引入组件
import Loading from './index.vue'
// 创建个空对象
const obj = {}
/
什么是CSS-in-JS？顾名思义，CSS-in-JS就是可以使用JS来编写CSS样式，那么为什么要用JS来编写CSS呢？我写CSS写的好好的，干嘛非给自己找不自在呢？相信以前大家都听说过这么一个词：关注点分离，就算没听过这个词那么你肯定至少也听说过这么一句话：要把HTML、CSS和JS分开编写，不要写在一起形成耦合，不要写行内样式和行内脚本等，比如像这样?CSS-in-JS但是React的出现打
转载
2024-05-22 15:45:26
45阅读
【代码】vue-其他组件公用数据.html。
原创
2023-06-03 00:07:01
44阅读
文章目录jeecg-boot 项目前言config\index.jsrequest.js地址通用项目解决办法1、修改 env 配置，以 开发环境为例（这一步针对 jeecg-boot 项目）2、vue.config.js 添加跨域注意： 普通项目多重跨域请直接看 vue.config.js 添加跨域 jeecg-boot 项目前言最近公司使用 jeecg-boot 低代码平台做项目，总体来说项
在vue中使用less首先要下载依赖： npm install less less-loader --save-dev 下载好之后就可以.vue文件中使用lang="less"和@import如下图：1，将vue组件中style标签属性改为： <style lang="less" rel="stylesheet/less">
</style> 2，如有引入文件，则文
转载
2024-03-19 15:48:22
151阅读
1、vue-cli webpack全局引入jquery(1) 首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。)(2)在webpack.base.conf.js里加入var webpack = require("webpack")(3)在module.exports的最后加入pl
转载
2023-05-31 09:40:21
951阅读
VUE中CSS样式穿透1. 问题由来在做两款H5的APP项目，前期采用微信官方推荐的weui组件库。后来因呈现的效果不理想，组件不丰富，最终项目完成后全部升级采用了有赞开发的vant组件库。同时将webpack顺利从3升级到4（项目结构 webpack+vue+vuex+vue-router+vant+less）。相信好多做TOB的开发朋友都会选择顺手组件库。组件库内置了很多样式，方便了我们开发者
转载
2024-04-28 10:38:40
70阅读
一、配置全局css// main.js文件下
// 配置全局css样式
import '@/assets/css/global.css'
requrie('@/assets/css/global.css');直接导入css文件就可以在全局中应用二、配置全局JS// 1. assets文件夹下新建一个js文件夹
// 2. 在js文件夹中建一个settings.js文件
'''settings.
转载
2023-06-09 08:48:43
76阅读
最近有报一个全栈课程，里面内容比较新颖，其中对scss样式管理的理念让我十分喜欢，各种操作让项目更加具有条理性。1.@mixin 在一个可以全局适用的scss文件中，姑且叫global.scss，写入：@mixin center(){
display:flex;
justify-content:center;
align-items:center;
} 用css的眼光看，这是一个弹
转载
2024-04-18 22:22:42
86阅读
随着用户对Web前端的使用体验升级，导致Web前端开发的工作难度增大。为了提高开发效率和代码复用率, 近几年,互联网前端行业发展迅速,涌现出一大批优秀框架 这些框架逐渐改变了传统前端的开发方式,譬如:谷歌的AngularJS,脸书的ReactJS这些MVVM框架的碰到以及器件化的盛行,促使前端程序员不得不增速本人的步伐,不断更新本人的理论知识体系。因篇博客简单介绍了VueJS是什么、核心原理及技术
转载
2024-09-12 03:54:32
49阅读
方法方法是属于类的函数和过程，它们相对于类是局部的，并且在类的外部是不存的。只有在类的内部或者通过类的实例才能调用方法，方法能存取所有的公用的、保护的和私有的字段。方法可在private、protected或者public段中声明，要设计一个比较好的类，应该考虑哪些方法应该放在类中。公用方法（Public method）和属性（property）代表着用户与类的接口。通过公用方法，类的使用者可以存
转载
2023-10-19 22:29:53
0阅读
太长不看我把多项目集成模板上传到了github vue-multi-admins-template, clone到本地即可使用, 使用方法在文章最后使用需求vue多个项目开发时, 存在项目内资源共用的问题, 解决方案一般有两个, 1, 每个项目独立开发, 公用资源通过npm打包发布到私人或公用npm服务器, 使用时引用这些npm包 2, 多个项目集成到一个根项目里, 每个子项目可单独运行打包, 也
转载
2024-08-12 16:58:01
1287阅读
