html5
帅气你勇哥
时而憧憬,时而迷茫
展开
-
flex 高度在ios撑不开的问题
问题:写了一个flxed布局,在flex下高度撑不开的问题,找了很久都找不到结果。最后还是找到了答案:“flex布局撑开的最大高度不会大于父级flex元素设置的高度!”解释一下:<div style="height:400px;overflow-y:scroll"> <div style="display:flex;flex-direction:column"> <div style="height:100px">1</div> ..原创 2020-11-11 11:14:45 · 1595 阅读 · 0 评论 -
VUE页面切换时候 回到顶部
VUE页面切换时候 回到顶部产生问题如果不加回到顶部,在每次页面切换的时候会产生一小段的时候 header 看不到,在页面加载之后才下来初试解决办法Vue-Router内置了一个滚动行为scrollBehavior,我试了试,并没有解决我的问题,看了一下它的调用顺序,大概是在我 页面进去后,created之后再调用的,所以这里并不满足我的需求,我使用afterEach最终解决了我的问题最...原创 2019-08-12 15:18:02 · 2647 阅读 · 0 评论 -
dayjs 中文文档
APIDayjs 并没有改变或覆盖 Javascript 原生的 Date.prototype, 而是创造了一个全新的包含 Javascript Date 对象的 Dayjs 的对象。Dayjs 对象是不可变的, 所有的 API 操作都将返回一个新的 Dayjs 对象。解析当前时间时间字符串Date 对象Unix 时间戳 (毫秒)Unix 时间戳 (秒)自定义时间格式复制...转载 2019-08-19 22:10:56 · 34206 阅读 · 0 评论 -
VScode debug React 项目
需要安装最新版本的VS Code和VS Code Chrome Debugger Extension然后将下面的块添加到您的launch.json文件中,并将其放在.vscode应用程序根目录下的文件夹中。{ "version": "0.2.0", "configurations": [ { "name": "Chrome", "type": "chro...原创 2019-06-19 10:51:13 · 3626 阅读 · 0 评论 -
Node request、cheerio
request用来发送请求的库发送requestrequest('http://www.baidu.com', function (error, response, body) { console.log(body); //body.com/index.html 的内容});流//图片下载const file = "https://upload.jianshu....原创 2019-05-06 17:48:56 · 333 阅读 · 0 评论 -
Node sequelize ORM关系库
sequelize star:18.2khttps://github.com/demopark/sequelize-docs-Zh-CN安装yarn add sequelize mysql mysql2 -s连接 const sequelize = new Sequelize("test_orm", "root", "root", { host: "localhost...原创 2019-05-06 17:42:38 · 177 阅读 · 0 评论 -
Fetch设置超时时间
/** * * * @param {string} url * @param {number} 超时时间 * @returns */function request(url,wait=30) { return new Promise((resolve, reject) => { let status = 0; // 0 等待 1 完成 2 超时 let ti...原创 2019-05-06 17:28:28 · 4575 阅读 · 0 评论 -
webpack 打包后 三行超出隐藏不起效果
先说明问题是什么:-webkit-box-orient: vertical 这个属性在本地运行调试是存在的,但是打包后这个属性消失了;解决办法:1.将-webkit-box-orient: vertical改成下面效果;/*! autoprefixer: off */-webkit-box-orient: vertical;/* autoprefixer: on */2.在行内添加...原创 2018-10-15 16:27:51 · 423 阅读 · 0 评论 -
SVG动画,了解一下
浏览器兼容:IE9+描述:基于数学的描述使用:html使用img标签/svg标签 背景图基本图形- <rect> 矩形- <circle> 圆形- <ellipse> 椭圆- <line> 线- <polyline> 折线- <pplygon> 多边形- <path>原创 2018-10-15 16:23:27 · 172 阅读 · 0 评论 -
JavaScript 简单修改get、set方法 实现 双向绑定
JavaScript 简单修改get、set方法 实现 双向绑定//这是ES5的get、set方法var obj = { name:'Hello', height:150, get age(){ console.log('当获取age 属性时调用'); return new Date().getFullYear() - 1988; ...原创 2018-10-15 16:21:45 · 2965 阅读 · 0 评论 -
10个最佳Es6 特性
为了保证可读性,本文采用意译而非直译,并且对源代码进行了大量修改。另外,本文版权归原作者所有,翻译仅用于学习。 ES6,正式名称是ECMAScript2015,但是ES6这个名称更加简洁。ES6已经不再是JavaScript最新的标准,但是它已经广泛用于编程实践中。如果你还没用过ES6,现在还不算太晚… 下面是10个ES6最佳特性,排名不分先后:* 函数参数默认值* 模板字符串* 多行字符串转载 2017-08-22 16:33:51 · 309 阅读 · 0 评论 -
VUE第一天学习
VUE 渐进式框架,数据驱动DOM 和angular和reast 互通 基本概念:引入vue.js 依赖于window对象,不能在小程序中使用 不支持IE8.0以下 注意:如果dom节点是jquery动态生成的,那么vue是渲染不到的 如果是Vue绑定的元素,jq也是选择不到 生命周期:Vue对象是一个闭包,如果不原创 2017-04-22 22:39:52 · 272 阅读 · 0 评论 -
BootStrap 基本应用
BootStrap l.引用bootstrap.css 注,使用JQ需要1.11以上比较好 2.加入mate name 的 设备宽高代码全局CSS 布局容器: .container (固定宽度)或 .container-fluid (100% 宽度) 栅格系统:通过row(行),column(列)的方式,自动计算宽高 栅格参数:12列原创 2017-04-22 22:38:37 · 303 阅读 · 0 评论 -
转//前端工程师进阶
《前端工程师进阶》 HTML先看《HTML & CSS: Design and Build Websites》1-9章,然后《HTML5: The Missing Manual》1-4章。 CSS先看《CSS: The Missing Manual》,然后《CSS权威指南》 javascript先看《javascript高级程序设计》,然后《javascript权威指南》 HTTP看H转载 2017-03-23 15:02:17 · 1479 阅读 · 0 评论