前端
前端经验分享
weixin_42017624
这个作者很懒,什么都没留下…
展开
-
【无标题】css
css中广泛使用两种盒子:块级盒子(div,p,h1...) 特性:独占一行,支持所有样式,不写宽度的时候,和父容器宽度相同,所占区域一定是个矩形 内联盒子(span,a,strong...) 特性:不会产生换行,有些样式不支持(width,height等),不写内容的时候,宽度由内容决定,所占区域不一定是个矩形(一旦换行后就不一定是了),内联盒子之间有空隙(可以t通过放同一行解决)css盒子的组成:content内容 padding内填充 border边框 margin外边框原创 2022-05-18 18:04:51 · 124 阅读 · 0 评论 -
html应用
css绝对定位如何居中?css绝对定位居中的四种实现方法css绝对定位如何居中?css绝对定位居中的四种实现方法-css教程-PHP中文网原创 2022-01-15 17:18:16 · 96 阅读 · 0 评论 -
vue后台开发记录
vue-element-admin 之登陆及目录权限控制Vue 新手学习笔记:vue-element-admin 之登陆及目录权限控制_乐之终曲-CSDN博客_vue登录权限控制使用file-saver导出文件vue中使用file-saver导出文件_rsancy-BK-CSDN博客_filesavervue 2.0的日历插件vue-fullcalendar 用法详解 (vue 2.0的日历插件) - 简书vue-admin-template后台管理之权限篇vue-a原创 2022-01-15 17:14:05 · 421 阅读 · 0 评论 -
Uni-App学习
创建uni-app项目后,需要手动在根目录下创建components,以及store文件夹(新建index.js)manifest.json各个平台的配置文件:选择微信小程序配置,将ES6转ES5,上传代码时样式自动补全,上传代码时自动压缩勾选上App.vue:项目公共部分,通过onLaunch中的option拿到用户进入的场景值img地址是一个变量时,不需要使用require函数了,与vue不同生命周期应用生命周期(app.vue):onLaunch:当uni-ap..原创 2021-06-09 16:09:36 · 202 阅读 · 0 评论 -
echart相关应用
调整图表位置:myChart.setOption({ title:{ text:"价格指数" }, grid:{ x:25, y:45, x2:5, y2:20, borderWidth:1 },})原创 2021-05-06 11:30:58 · 66 阅读 · 0 评论 -
vue报错记录
使用import关键字报错:error Parsing error: Unexpected token import解决方案1:eslintrc.js加入这一句解决方案2:vue.config.js中调整babel和eslint的顺序原创 2021-04-29 09:53:49 · 203 阅读 · 0 评论 -
vscode代码片段分享
//javascript.json{ "Print to console": { "prefix": "cl", "body": [ "console.log('$1')" ], "description": "Log output to console" }, // //输入‘clr’之后按 Tab就可以出来console.log,$1表示鼠标停留位置 "Print to console": { "prefix": "clr", .原创 2021-04-23 17:16:47 · 263 阅读 · 0 评论 -
element-ui 使用分享
当select组件的change事件需要传入自定义的值时: <el-select v-model="levelValue" placeholder="请选择" @change="( (val) => test(val, 'levelValue'))"> <el-option v-for="item in levelOptions" :key="item.value" :label="item.label" :value=原创 2021-03-26 15:57:47 · 1576 阅读 · 0 评论 -
vue-cli3-h5移动端适配搭建
记载vue-cli3 进行移动端h5 框架搭建1.通过vue-ui 进行项目基本搭建,选择babel,less,vuex,router,eslint2.安装postcss-pxtorem,yarn addpostcss-pxtorem@5.1.1 -D 指定选择5.1.1版本是防止报错提示: postcss-pxtorem 需要 8根目录下新建.postcssrc.js补充代码// https://github.com/michael-ciniawsky/postcss-loa...原创 2021-03-09 00:23:34 · 647 阅读 · 2 评论 -
小程序开发经验总结
获取到接口文章内容的处理方案/***html编码转义*/functionhtmlDecodeByRegExp(str){vars="";if(str.length==0)return""; s=str.replace(/&/g,"&"); s=s.replace(/</g,"<"); s=s.replace(/>/g,">"); ...原创 2021-01-28 17:52:34 · 144 阅读 · 1 评论 -
前端常用概念
视口标签标准的viewport设置:视口宽度和设备保持一致,默认缩放比例1.0,最大最小允许缩放比例1.0,不允许用户自行缩放<metaname="viewport"content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=no">物理像素和物理像素比物理像素就是我们说的分辨率,pc端页面,1个px等于1个物理像素,但是移动端就不...原创 2021-01-13 17:54:38 · 140 阅读 · 0 评论 -
vue中eslint的使用
eslint相关配置:1.安装项目的时候选择eslint +prettier 的组合2.vscode 安装 vetur, ESlint, Prettier三个插件3.打开首选项的设置,找到ESlint,点击在settings.json中配置,加入以下代码 "editor.formatOnSave": true, //每次保存自动格式化 "prettier.printWidth": 200, "prettier.trailingComma": "none", //去除原创 2021-01-06 16:11:45 · 502 阅读 · 0 评论 -
前端js常用函数集合
//限制最多输入2位小数 clearNoNum =(value)=>{ const reg = /^(-)*(\d+)\.(\d\d).*$/ if(value) { value.toString().replace(reg, '$1$2.$3') } }原创 2020-12-08 17:07:05 · 131 阅读 · 0 评论 -
vscode中使用 es-lint
1.安装eslint插件2.首选项-设置-扩展中,eslint选项勾选format:enable3.点击编辑器右下角eslint图标,选择every where使用原创 2020-11-24 15:52:09 · 643 阅读 · 0 评论 -
ES6常用语法
循环函数 //1.高阶回调函数filter filterFun(){ const firstNums = [10, 20, 30, 40, 50]; // filter的回调函数有一个要求,必须返回一个布尔值 // 当返回true时,函数内部会自动将这次回调的n加入到新的数组中,新的数组指的是内部自动创建的 // 当返回false原创 2020-11-02 15:28:16 · 183 阅读 · 0 评论 -
vue-cli3中mockJs的使用
作用:生成随机数据,拦截AJAX请求安装:npm install mockjs核心:Mock.mock()Mock.Random()随机生成数据原创 2020-10-27 09:33:15 · 667 阅读 · 1 评论 -
vue经验记录
vue.config.js中的常用配置:module.exports = { //基本路径,vue.cli 3.3以前请使用baseUrl publicPath: "./", configureWebpack: { resolve: { alias: { assets: "@/assets", common: "@/common", components: "@/components", network:原创 2020-10-26 11:08:16 · 588 阅读 · 2 评论