- 博客(16)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 电商后台-学习笔记
电商后台-学习笔记1.初始化项目打开vue项目管理页面vue ui 配置项目预备安装 Babel Router Linter安装依赖库安装依赖： axios初始化git远程仓库、代码托管到码云Git配置多个SSH-Key参考Gitee文章利用本地工具生成ssh公钥和私钥ssh-keygen -t rsa -C '[email protected]' -f ~/.ssh/gitee_id_rsassh-keygen -t rsa -C '[email protected]' -f ~/
2021-03-27 21:42:52
322
原创 饿了么-开发笔记
仿饿了么开发笔记项目演示gitee地址一、移动端开发准备1.引入reset.css 1.1 下载到本地：下载网址 cssreset.com 或者 cssdeck.com 1.2 外部引入<link rel="stylesheet" href="http://...css">2.viewport设置<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.
2021-03-27 15:47:28
1269
原创 事件捕获、冒泡、委托
事件捕获、冒泡、委托1）事件捕获：由外向内触发事件（记：捕获是由表层伸入水的深处）2）事件冒泡：由内向外触发事件（记：冒泡由水深处到表层）3）事件先捕获再冒泡：这是目前主流浏览器采用的做法，试验代码如下先了解事件绑定函数：addEventListener(event, listener, useCapture)event: 什么事件listener: 监听的响应函数useCapture: true表示使用捕获机制，false表示使用冒泡机制。（默认为false）<html lang="
2021-03-27 11:32:34
141
1
原创 Vue打包优化
Vue打包优化分析包大小理解Vue项目的开发环境和生产环境路由懒加载清除consolecdn引入外部资源第三方库按需加载使用gzip浏览器的请求资源的策略分析包大小下载webpack-bundle-analyzernpm i webpack-bundle-analyzer -D可以通过命令npm run build --report然后会出现这个界面，能帮助我们清晰看到包大小请求 （vue-cli 2的项目）如果你使用的是Vue官方的vue-cli 3.0+的脚手架，
2021-03-27 11:07:08
998
1
原创 css3和js实现抛物线运动
实现抛物线运动方式一：CSS3实现我用原生js+css3实现了抛物线效果，查看效果请点击css3抛物线同样的效果，下面代码是在vue中写的，我将用它来分析如何css3实现抛物线运动。实现思路：1）这里需要定一个球图片和一个包裹图片的球盒子，最终的位置是球盒子X轴移动300px，球图片相对于球盒子在Y轴移动了300px。2）给样式变化加上transition，从而实现过渡效果，而不是瞬间完成。X轴方向是匀速的，所以采用了linear函数；Y轴上速度变化：负数-0-正数，所以你会看到小球先是负速度
2021-03-23 16:10:50
1592
原创 session和token认证方式，cookie和localStorage存储，Web安全 ——总结
session和token认证方式，cookie和localStorage存储，Web安全 ——总结目录1.web服务的安全问题1.1 XSS1.2 CSRF 1.3 同源策略1.4 跨域访问2.认证方式2.1 token和session,两种认证方式2.2 存token的解决方案1.web服务的安全问题1.1 XSSCross Site Scripting, 简称XSS (跨站脚本攻击)。参考：百度百科解释： XSS攻击通常指的是通过利用网页开发时留下的漏洞，通过巧妙的方法注入
2021-03-20 15:02:08
2231
原创 嵌套flex下overflow失效
嵌套flex下 overflow失效在flex盒子A下嵌套另一个flex盒子B, B的高度是flex:1，让B的子元素高度是flex:1的且overflow:auto，但是这种情况下的overflow会失效！解决办法：解决overflow失效的关键代码是min-height: 0; 示例如下：效果对比图：<!DOCTYPE html><html lang="zh-CN"><head> <meta charset="UTF-8"> <
2021-03-14 22:29:56
917
原创 从源码到实践理解redux
从源码到实践理解redux原理redux源码分析购物车案例本文会先从源码分析如何实现redux，然后通过一个购物车案例来实践。原理redux源码分析为了更好的理解，这里采用了类来实现（redux源码是函数闭包实现）class store { constructor(combinedReducer, initState){ this.state = initState; //状态树 this.listeners = []; //订阅表（订阅者列表）
2021-02-09 23:01:08
96
原创 上下固定，中间滑动布局
上下固定，中间滑动布局思路：利用flex布局把中间撑开，再给中间加上overflow: auto;代码：<style> html,body{ padding: 0; margin: 0; box-sizing: border-box; height: 100%; } .container{ height: 100%; background-color: #b2b2b2;
2021-01-31 11:52:39
173
原创 数据库系统教材和习题
数据库系统原理习题 李春葆 pdf 下载数据库系统概论 第五版 王珊 pdf 下载数据库系统概论习题解析与实验指导 第5版 王珊 pdf下载https://cloud.189.cn/t/BZrqMrUVRjMf （天翼云盘不限速）关注公众号疯狂踩坑人，回复数据库教材获取访问码...
2021-01-30 10:12:49
406
原创 实现图片背景的两种方式
实现图片背景的两种方式1)通过css样式实现<div class="box"> <a class="logo_link" href="www.bilibili.com"> <img class="header_logo" src="../static/images/bili_logo.png" alt=""> </a></div>* { padding: 0px; margin: 0px;
2021-01-20 19:29:24
148
原创 行内元素对齐，vertical-align属性深入讨论
1.行内元素对齐（vertical-align属性）最终效果图：代码：<div class="box"> <img class="avatar" src="../static/images/avatar.jpg" alt=""> <span class="username">疯狂踩坑人</span> <span class="level_num">LV6</span> <span class
2021-01-20 00:20:10
401
原创 常见的块级元素和行内元素
块级元素和行级元素常见块级(block)元素，（可以设置宽高，会自动换行）div h1-h6 ul ol li p form table label等常见的行内（inline）元素，（无法设置宽高，无法自动换行）span a i（斜体） em（强调） sub(下标) sup（上标）等常见的内联-块级（inline-block） 元素，（可以设置宽高，无法自动换行）img button input textarea select等inline的特点：对外：与
2021-01-20 00:01:07
340
原创 2w学费买来的英语学习方法
目录快速浏览：1.培训机构的背后2.那些恐怖的经历3.对英语教学的质疑4.重新思考，找到自我1. 培训机构的背后说起英语培训机构，当你百度一下时，发现全是各种黑，现在的英语培训机构几乎没有不被黑的。那么培训机构能带来什么？英语又该如何学习？你想知道的话，我在英语口语培训机构花了2w买来的经验教训不妨听一听。一次偶然的机遇，听了一次演讲，大二就开始在一个英语培训机构学习口语， 从此开启入坑模式。我因为交不起学费而纠结和流泪过，我曾穷到晚餐只能啃馒头，我曾当过学校口语市场的校园.
2020-06-23 17:36:13
353
原创 React Native常用组件参考文档
React Native组件参考文档文章目录React Native组件参考文档View属性模板样式模板示例示例代码示例效果图ScrollView属性模板样式模板示例1示例1代码示例1效果图示例2-横向滑动应用示例2代码Image属性模板样式模板示例Text属性模板样式模板示例示例代码示例效果图TextInput属性模板样式模板FlatList属性模板样式模板示例示例代码示例效果图Section...
2019-02-23 16:12:18
375
React Native之头部导航组件
2019-02-23
React Native 自定义字体图标
2019-02-23
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人