摘要: Flex 布局示例 容器的属性 1、flex-direction属性 flex-direction属性决定主轴的方向(即项目的排列方向)。 .box { flex-direction: row | row-reverse | column | column-reverse; } 2、flex-wra 阅读全文
posted @ 2020-11-04 14:50 shine_lovely 阅读(60) 评论(0) 推荐(0) 编辑
摘要: box-shadow: h-shadow v-shadow blur spread color inset; 值描述 h-shadow 必需。水平阴影的位置。允许负值。 v-shadow 必需。垂直阴影的位置。允许负值。 blur 可选。模糊距离。 spread 可选。阴影的尺寸。 color 可选 阅读全文
posted @ 2020-11-03 10:58 shine_lovely 阅读(65) 评论(0) 推荐(0) 编辑
摘要: background: background-color background-image background-repeat background-position / background-size div { background: #00FF00 url(bgimage.gif) no-re 阅读全文
posted @ 2020-11-03 10:56 shine_lovely 阅读(85) 评论(0) 推荐(0) 编辑
摘要: rgba(0,0,0,0.2) #00000033 十六进制颜色透明度alpha值对照表 100% — FF99% — FC98% — FA97% — F796% — F595% — F294% — F093% — ED92% — EB91% — E890% — E689% — E388% — E0 阅读全文
posted @ 2020-11-03 10:50 shine_lovely 阅读(2403) 评论(0) 推荐(0) 编辑
摘要: 安装node管理包 安装n模块 npm install -g n 升级到最新版本 sudo n latest 升级到稳定版本 sudo n stable 升级npm sudo npm install npm@latest -g 查看版本 node -v npm -v sudo n可以查看所有已安装的 阅读全文
posted @ 2020-10-12 10:37 shine_lovely 阅读(278) 评论(0) 推荐(0) 编辑
摘要: websocket应用场景 原则上,判断标准就是以下2个: 你的应用需要提供给多个用户同时交流吗? 你的应用需要展示服务器端经常变动的数据吗? 以下是一些典型的应用场景: 社交 / 订阅 比如微信朋友圈的实时更新提醒、点赞或评论的红点通知,比如qq的特别关注人的动态提醒,比如聊天信息的实时同步,比如 阅读全文
posted @ 2020-08-05 15:14 shine_lovely 阅读(2866) 评论(0) 推荐(0) 编辑
摘要: //格式化日期:yyyy-MM-dd function formatDate(date) { var myyear = date.getFullYear(); var mymonth = date.getMonth()+1; var myweekday = date.getDate(); if(my 阅读全文
posted @ 2020-06-22 16:44 shine_lovely 阅读(482) 评论(0) 推荐(0) 编辑
摘要: vue生产包: css放在一个文件下,图片在img文件夹下 通常我们使用img标签引入文件,npm run build 打包后 ,因为img为html标签,打包后他的路径是由index.html开始访问的,他走static/img/'图片名'是能正确访问到图片的 而我们写在css backgroun 阅读全文
posted @ 2020-05-09 17:46 shine_lovely 阅读(431) 评论(0) 推荐(0) 编辑
摘要: 1 arr.push() 从后面添加元素,返回值为添加完后的数组的长度 let arr = [1,2,3,4,5] console.log(arr.push(5)) // 6 console.log(arr) // [1,2,3,4,5,5] 2 arr.pop() 从后面删除元素,只能是一个,返回 阅读全文
posted @ 2020-05-06 16:47 shine_lovely 阅读(197) 评论(0) 推荐(0) 编辑
摘要: 在开发中,我们经常会将一些常用的代码块、功能块进行封装,为的是更好的复用。那么,被抽离出来独立完成功能,通过API或配置项和其他部分交互,便形成了插件。 函数库 Lodash https://github.com/lodash/lodash Underscore https://underscore 阅读全文
posted @ 2020-05-06 15:43 shine_lovely 阅读(3860) 评论(1) 推荐(2) 编辑
摘要: 编程式导航 // 命名的路由 params 传参 取数据:this.$route.params.type this.$router.push({ name: 'user', params: { userId: '123' }}) // 路径传参,带查询参数,变成 /register?plan=pri 阅读全文
posted @ 2020-05-06 15:42 shine_lovely 阅读(168) 评论(0) 推荐(0) 编辑
摘要: 1. css background属性连写 background:#fff url('../assets/images/bgc_book.png') no-repeat right top/359px 257px, background: url('../assets/images/bgc_pc.p 阅读全文
posted @ 2020-04-30 14:09 shine_lovely 阅读(147) 评论(0) 推荐(0) 编辑
摘要: 使用场景 promise、async、await 一般在请求接口中使用,解决回调问题。 Promise Promise是一个对象,可以通过promise获取异步操作的结果。 1 new Promise((resolve, reject) => { 2 3 }) 1 let p = new Promi 阅读全文
posted @ 2020-04-28 17:38 shine_lovely 阅读(476) 评论(0) 推荐(0) 编辑
摘要: axios的特点1. 支持浏览器和node.js2. 支持promise3. 能拦截请求和响应4. 能转换请求和响应数据5. 能取消请求6. 自动转换JSON数据7. 浏览器端支持防止CSRF(跨站请求伪造) PS:防止CSRF: 让每个请求都带一个从cookie中拿到的key, 根据浏览器同源策略 阅读全文
posted @ 2020-04-26 16:53 shine_lovely 阅读(212) 评论(0) 推荐(0) 编辑
摘要: 1. eruda 1、安装 npm install eruda 2、在index.html或者vue3的public/index.html中引入 <script src="//cdn.jsdelivr.net/npm/eruda"></script><script>eruda.init();</sc 阅读全文
posted @ 2020-04-26 10:40 shine_lovely 阅读(158) 评论(0) 推荐(0) 编辑
摘要: 1. 在本地git中添加git账户和邮箱,用于每次提交时记日志(log) git config --global user.name "cheng*********" git config --global user.emall "2*******6@qq.com" 2.生成秘钥: (1)首先检查电 阅读全文
posted @ 2020-04-17 14:15 shine_lovely 阅读(3072) 评论(0) 推荐(0) 编辑