weixin_42017624-CSDN博客

原创【无标题】css

css中广泛使用两种盒子：块级盒子（div，p，h1...）特性：独占一行，支持所有样式，不写宽度的时候，和父容器宽度相同，所占区域一定是个矩形内联盒子（span，a，strong...）特性：不会产生换行，有些样式不支持（width，height等），不写内容的时候，宽度由内容决定，所占区域不一定是个矩形（一旦换行后就不一定是了），内联盒子之间有空隙（可以t通过放同一行解决）css盒子的组成：content内容 padding内填充 border边框 margin外边框

2022-05-18 18:04:51 89

原创 html应用

css绝对定位如何居中？css绝对定位居中的四种实现方法css绝对定位如何居中？css绝对定位居中的四种实现方法-css教程-PHP中文网

2022-01-15 17:18:16 83

原创 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 387

原创 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 140

原创 WebStorm快捷键操作

Ctrl+D 复制并黏贴当前行 Ctrl+X删除当前行 Ctrl+Alt+L 格式化代码 Ctrl+R 替换代码 Ctrl+Shift+N 通过文件名来查找项目中的文件

2021-06-07 10:28:03 40

原创谷歌浏览器常用快捷键

Ctrl+N 打开新窗口 Ctrl+T 打开新的标签页 Ctrl+Tab 切换标签页 Ctrl+W 关闭当前标签页 Ctrl+PgUp 切换到下一个标签页 Ctl+PgDn 切换到上一个标签页 Ctrl+F5 强制刷新页面

2021-06-07 10:00:41 107

原创 echart相关应用

调整图表位置：myChart.setOption({ title:{ text:"价格指数" }, grid:{ x:25, y:45, x2:5, y2:20, borderWidth:1 },})

2021-05-06 11:30:58 49

原创 vscode好用的插件分享

koroFileHeader快速生成文件头部注释和函数注释Auto Close Tag自动补全标签HTML Snippets超级实用且初级的 H5代码片段以及提示Atuo Rename Tag修改标签时，自动完成尾部闭合标签的修改veturvue专用，语法高亮，错误提示，文档格式化open in browser右键在浏览器打开...

2021-04-29 14:14:55 56

原创 vue报错记录

使用import关键字报错：error Parsing error: Unexpected token import解决方案1：eslintrc.js加入这一句解决方案2：vue.config.js中调整babel和eslint的顺序

2021-04-29 09:53:49 117

原创 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 243

原创 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 1439

原创 vue-cli3-h5移动端适配搭建

记载vue-cli3 进行移动端h5 框架搭建1.通过vue-ui 进行项目基本搭建，选择babel，less，vuex，router，eslint2.安装postcss-pxtorem，yarn [email protected] -D 指定选择5.1.1版本是防止报错提示： postcss-pxtorem 需要 8根目录下新建.postcssrc.js补充代码// https://github.com/michael-ciniawsky/postcss-loa...

2021-03-09 00:23:34 583 2

原创移动端H5开发经验

以下是个人总结的移动端开发需要知道的概念以及应用，持续更新ing视口标签标准的viewport设置：视口宽度和设备保持一致，默认缩放比例1.0，最大最小允许缩放比例1.0，不允许用户自行缩放<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0,minimum-scale=1.0, user-scalable=0" />...

2021-03-06 16:05:14 650

原创小程序开发经验总结

获取到接口文章内容的处理方案/***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 106 1

原创 linux命令学习

cd:改变目录 cd .. 回退到上一个目录，直接cd进入默认目录 pwd 显示当前所在的目录路径 ls 和 ll ，都是列出当前目录下的所有文件，只不过ll列出的内容更为详细 touch ，新建一个文件如touch index.js rm 删除一个文件，如rm index.js mkdir 新建一个目录 rm -r 删除一个文件夹，如rm -r src 删除src目录 rm -rf 递归删除全部文件，切勿在Linux中尝试 mv 移动文件， mv index.html src ,把..

2021-01-21 09:57:36 63

原创前端常用概念

视口标签标准的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 103

原创 git

配置个人信息git config --global user.name coderguangit config --global user.email [email protected]查看个人的配置信息: cat ~/.gitconfiggit分为四个区域工作区（用开发工具打开一个项目，就可以理解为工作区），working area 暂存区：工作区添加了一些文件，文件当中添加了代码，需要用 git add 把这些文件添加到跟踪信息当中本地仓库：git commit把暂存区..

2021-01-11 18:00:38 160

原创 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 425

原创前端js常用函数集合

//限制最多输入2位小数 clearNoNum =(value)=>{ const reg = /^(-)*(\d+)\.(\d\d).*$/ if(value) { value.toString().replace(reg, '$1$2.$3') } }

2020-12-08 17:07:05 114

原创 vscode中使用 es-lint

1.安装eslint插件2.首选项-设置-扩展中,eslint选项勾选format:enable3.点击编辑器右下角eslint图标，选择every where使用

2020-11-24 15:52:09 398

原创 ES6常用语法

循环函数 //1.高阶回调函数filter filterFun(){ const firstNums = [10, 20, 30, 40, 50]; // filter的回调函数有一个要求，必须返回一个布尔值 // 当返回true时，函数内部会自动将这次回调的n加入到新的数组中，新的数组指的是内部自动创建的 // 当返回false

2020-11-02 15:28:16 137

原创 vue-cli3中mockJs的使用

作用：生成随机数据，拦截AJAX请求安装：npm install mockjs核心：Mock.mock()Mock.Random()随机生成数据

2020-10-27 09:33:15 646 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 219 2

weixin_42017624的博客