前端html页面导出pdf文档,并且上传保存至服务器

1. 引入三个js文件 <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.js"></script> ...

2019-03-06 11:49:48

阅读数 145

评论数 0

记录HMAC-SHA256加密+base64转码

1. 引入cryptoku:<script src="https://cdn.bootcss.com/crypto-js/3.1.9-1/crypto-js.min.js"></script&am...

2019-03-06 11:41:20

阅读数 54

评论数 0

css中常见的At-rule

1. @chatset,用来提示css文件使用的字符编码方式,其一般在外部样式表文件中使用,如果它被使用,必须出现在最前面。该规则后面的分号是不可省略的,如果省略了该分号,会生成错误信息。 使用方式: @charset<charset>; 一般常...

2019-02-25 19:26:14

阅读数 19

评论数 0

Failed to set the 'value' property on 'HTMLInputElement'

记录今天遇到的一个小问题,文件上传格式不对,我想直接对file类型的value赋值,但是当运行到这一行的时候,页面会报错,并且显示Failed to set the 'value' property on 'HTMLInputElement'这样的错误,这里提示说不能直接赋值,所以我就使用了set...

2019-02-18 11:23:36

阅读数 94

评论数 0

Invariant Violation: Minified React error #130问题解决

今天遇到一个问题,我本地的项目是好的,但是发布到线上环境之后,一点击页面的按钮就会报:Invariant Violation: Minified React error #130这个错误,页面展示一片空白。 按照react官方网站的说法,出现这个错误是因为传递的参数不对,所以我debugger了...

2019-02-01 13:48:28

阅读数 816

评论数 0

react-document-title

前几天在代码中看到react-document-title这个插件,一查才明白原来它可以实现在单页应用中根据不同路由来改变文档的title,正好有时间就看一下其内部实现的原理是怎么样的 该组件内部主要使用的是一个高阶组件,通过修改document.title来实现文档的title改变的功能,这个...

2019-01-22 14:00:38

阅读数 148

评论数 0

relative布局--块级元素

今天实现一个简单的功能: 就是td里面内容超出左边一部分,并覆盖掉左边的边框。一般情况下我是设置外层的父元素为relative,并且设置一个z-index,之后设置里面的元素同样是relative,设置其背景覆盖外层边框即可。但是后来发现文字上面的空白部分一直实现不出来,使用margin-t...

2019-01-21 18:13:08

阅读数 25

评论数 0

git配置

首次加入公司,初次配置git记录一下。 配置git的用户名和邮箱,邮箱是公司分配给你的邮箱,用户名一般没有定性的限制。到这一步就可以通过http链接来拉取对应的项目代码了。 但是通过ssh还不行,需要配置对应的公钥,主要执行下面的两个命令: ssh-keygen -t rsa -C ‘公司...

2019-01-18 14:33:06

阅读数 16

评论数 0

面试题

1. 隐式类型的转换 var object1 = {toString:function(){return 'object1'}, valueOf:function() {return 10}} var object2 = {toString: function(){return 'object...

2019-01-04 23:43:45

阅读数 12

评论数 0

前端面试习题收集

1. React相对于传统的框架来说其优势是什么? 框架本身就是为了更好更方便而诞生的,而框架最具优势的就是各种使用便捷,接口规范的插件 插件是框架的灵魂。其本质的好处就是以框架规范代码,使项目工程化,提高可维护性。 (1)虚拟dom,可以减少dom的操作,减少dom的操作就是提高浏览器的渲染性能...

2018-06-12 20:52:28

阅读数 542

评论数 0

css3实现一个div设置多张背景图片及background-image属性

CSS3/CSS1 background-image 属性语法:background-image:<bg-image> [ , <bg-image> ]* <bg-image&am...

2018-03-11 09:47:48

阅读数 349

评论数 0

可以设置inline元素的padding和margin吗?

对于这个问题,我的第一感觉就是不能,后来查看资料才知道原来我把inline元素设置了width和height无效和题目搞混了,经过查资料和实际验证后,得出以下结论:    1. inline元素设置width,height属性无效    2.inline元素的padding和margin可以设置,...

2018-03-06 23:00:10

阅读数 748

评论数 0

左右两列定宽,中间自适应的方法

1. 使用flex布局<div class="container"> <div class="left">left&...

2018-03-06 15:37:43

阅读数 111

评论数 0

CSS盒模型的深度思考及BFC

题目:谈一谈你对CSS盒模型的认识专业的面试,一定会问 CSS 盒模型。对于这个题目,我们要回答一下几个方面:(1)基本概念:content、padding、margin。(2)标准盒模型、IE盒模型的区别。不要漏说了IE盒模型,通过这个问题,可以筛选一部分人。(3)CSS如何设置这两种模型(即:...

2018-03-06 11:26:38

阅读数 63

评论数 0

HTML实体

对于HTML而言,有一部分字符是预留的,不能出现在HTML中,如果在html中使用小于号(<)和大于号(>),浏览器会误认为是标签。如果希望可以正确显示标签,那么就必须在html源代码中使用HTML字符。下面是常用的HTML实体的对应表格:显示结果描述实...

2018-03-05 21:13:27

阅读数 32

评论数 0

判断两个参数是否相等

function diff(obj1, obj2) { if(typeof obj1 !== typeof obj2) { return false; } else { switch (typeof obj1) { case ...

2018-03-04 19:06:56

阅读数 247

评论数 0

判断是否是数组的几种方法

1. objName instanceof Array2. objName..constructor == Array3. Array.isArray(objName);4.Object.prototype.toString.call(objName) == "[object A...

2018-03-03 21:35:03

阅读数 120

评论数 0

4种方法生成三个并排的大小相等的元素

基本的dom结构如下:div class="container"> <div class="item">item1</di...

2018-03-03 17:08:01

阅读数 83

评论数 0

前端性能优化(CSS动画篇)

原理现代浏览器在使用CSS3动画时,以下四种情形绘制的效率较高,分别是:* 改变位置* 改变大小* 旋转* 改变透明度层?重绘?回流和重布局?图层重组?首先要了解CSS的图层的概念(Chrome浏览器)浏览器在渲染一个页面时,会将页面分为很多个图层,图层有大有小,每个图层上有一个或多个节点。在渲染...

2018-03-02 19:03:47

阅读数 86

评论数 0

HTTP协议GET和POST请求的区别

浏览器中输入网址访问资源一般都是通过GET方式;在FORM提交中,可以通过Method指定提交方式为GET或者POST,默认为GET提交。Http协议定义了与服务器交互的不同方法,最基本的方法有4种,分别是GET、POST、PUT、DELETE。URL全称是资源描述符,可以认为一个URL地址用于描...

2018-03-01 20:54:12

阅读数 33

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭