腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端说吧

专栏作者

292

文章

660360

阅读量

44

订阅数

html2canvas - 项目中遇到的那些坑点汇总

html canvas https 网络安全

因为css里的只是展示画布显示的大小，不像这样是canvas真正的内里图画分辨率的大小。

2020-06-29

3.8K0

javascript html android 编程算法

1 1. 什么是JSX语法 2 2. jsx语法示例与渲染的VNode节点 3 3. jsx的渲染流程 4 4. jsx中的js和html的写法不同 5 a. js：{ js语法 } 6 i. 花括号里边一定要返回字符串才能渲染 7 ii. {{ 双花括号表示js语法里的对象格式 }} 8 iii. 花括号里可以写表达式、三元、有返回值且返回字符串的函数调用 9 iv. 花括号里直接放对象报错 10 v. 数组可以直接被渲染到页面中。 11 b. html：<html语法> 12 i. class等关键字不能用做html的属性（如class、for等不行，需要替换成别的） 13 1) class -> className 14 2) for -> htmlFor 15 c. a标签写了以后，必须写href属性 16 d. 组件根节点只能是一个标签，不能有并列标签。否则报错！ 17 三种方法实现空白标签包裹：（就像小程序的block标签、又像vue的template标签） 18 i. <React.Fragment>空白标签1</React.Fragment> 19 ii. import { Fragment } from 'react'；<Fragment>空白标签1</Fragment> 20 iii. <>空白标签2</> 21 e. 列表渲染 - 迭代的方法（没有for）：利用数组进行渲染 22 f. key值唯一的绑定 23 g. 条件切换的使用（没有if else、简直反人类） 24 h. 动态样式的绑定 - style的值需要是一个js语法，包裹在对象里边。 25 i. v-html类似用法：dangerouslySetInnerHTML={ {__html: variableName} }【innerHTML容易造成xss攻击，避免使用】 26 j. jsx中的注释 27 i. 多行注释：{ /** js注释 **/ } 28 ii. 单行注释： 29 { 30 // 单行注释，花括号如果提上来就被注释了。所以换行 31 }

2019-11-26

2K0

React - 入门：前导、环境、目录、原理

javascript html npm react

版本v16之后，对其底层的核心算法进行了重构，引入了底层的新引擎React Fiber（16版本以后的react）

2019-10-14

1.1K0

【译】为什么要了解HTTP

http 网站 html

原文地址：Why should I care about HTTP? 原作信息：by Devon Campbell. Dec 15 '18 Originally published at radde

2019-08-20

4880

css布局 - 两栏自适应布局的几种实现方法汇总

这种两列布局的样式是我们在平时工作中非常常见的设计，同时也是面试中要求实现的高频题。很有必要掌握以备不时之需：

2019-02-20

1.7K0

CSS3 -- 动画库

http://www.jq22.com/yanshi819 文件结构： html 1 <!DOCTYPE html> 2 <html lang="zh-CN"> 3 <head> 4

2019-02-20

1.5K0

JS-JavaScript类库整理 [更新中...]

http jquery css javascript html

　　http://www.bootcss.com/p/chart.js/docs/

2019-02-20

2.6K0

JS-DOM2级事件对象跨浏览器处理（已封装）

以下是测试时的html文件，DOM2级事件-跨浏览器处理.js就是上面的js源码。

2019-02-20

8300

前端 - 曾经我爱的义无反顾

　　大学毕业后这一年，我很明白作为前端小白所有的东西都要开始学、从头学，所以一年的时间都在埋头恶补。因为在大三开始就有意识的学习html+css布局，大四接过多个布局的项目，所以正式工作时，是以学javascript为入口开始提升，学了scss学pug，学了gulp搭webpack，学了小程序学vue......

2018-08-21

3910

vue-awesome-swiper - 基于vue实现h5滑动翻页效果

说到h5的翻页，很定第一时间想到的是swiper。但是我当时想到的却是，vue里边怎么用swiper？！

2018-08-02

4.2K0

JS-时间处理函数封装汇总 (更新中...)

spring java html xml

最近听说thymeleaf好像也挺流行的，还说是spring官方推荐使用，那thymeleaf究竟是什么呢？spring为什么推荐用它呢？怎么用呢？本文将为你揭秘！

2018-08-02

1.4K0

vue - 生命周期第二次学习与理解

react ajax html vue.js

对于刚接触vue一两个月、才仅仅独立做过一两个vue项目的小白来说，以前一直自我感觉自己知道vue的生命周期，直到前两天去面试，面试官让我说一下vue的生命周期。。。其实我的心中是有那张图的，但是因为学习、分析的年代久远，心中有图却不知道怎么表述，成了个能发声的哑巴，最后也就只能按顺序说出了那几个钩子函数，真是憋足了气！直到今天一鼓作气二刷生命周期，我才恍然大悟，原来我之前的理解中，潜意识里一直是把那几个钩子函数当做了vue的生命周期！简直了，想想那天，面试官肯定在心里把我鄙视死了吧！好了不扯了

2018-06-25

4270

JS - 原生js实现网页截图(+下载截图) 功能

实现：html2canvas + canvas.toDataURL 首先，引入依赖插件： import { html2canvas } from './html2canvas'; html2canvas截图模糊处理： 1 /*图片跨域及截图模糊处理*/ 2 let canvasContent = document.getElementById('canvas'),//需要截图的包裹的（原生的）DOM 对象 3 width = canvasContent.clientWidth,//canvas

2018-06-25

17K0

前端切图-PhotoShop软件使用教程(png+jpg格式图片)

部分看了文章的设计师，来找我说怎么切图。sorry？在我的理解，这就是切图啊，但是他们所指的“切图”是，怎么把设计图制作成html页面。

2018-05-29

1.7K7

JS - 原生js实现网页截图(+下载截图) 功能

实现：html2canvas + canvas.toDataURL 首先，引入依赖插件： import { html2canvas } from './html2canvas'; html2canvas截图模糊处理： 1 /*图片跨域及截图模糊处理*/ 2 let canvasContent = document.getElementById('canvas'),//需要截图的包裹的（原生的）DOM 对象 3 width = canvasContent.clientWidth,//canvas

2018-05-17

29.4K1

CSS3-column分栏

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>column分栏</title> <style> div{ width: auto; margin-bottom:30px; padding: 10px; outline: 2px solid #ff04bb; }

2018-05-17

1K0

CSS3中的animation动画

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>animation制作复杂帧动画</title> <style> body{ background-color: rgba(163, 207, 255, 0.69); } a:link{ color: #ff5ee6; }

2018-05-17

8090

JS-DOM2级封装练习题--点击登录弹出登录对话框

html javascript

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="author" content="gjf-702004176@qq.com" /> <title>Document-DOM2级封装练习题</title> <style> * { margin: 0; padding: 0; } .head { font-size: 12px; padding:

2018-05-17

3.6K0

JQ-动画合集（ing...）

一：给向上按钮加动画，让页面卷回上面而不是生硬跳转.js $('#topBtn').click(function(){ $('html,body').animate({scrollTop: '0px'}, 1000); return false; }); //给向上按钮加一个animate的动画，控制scrolltop属性变为零，在1秒内，（可以加一个$（）包起来，当其所在的js页面中有这个设置后，直接copy进去就ok了）二：tab选项卡，用j

2018-05-17

7140

CSS-各种cs样式之浏览器兼容处理方式汇总大全（更新中...）

页面模板 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 6 <meta name="description" content="本网站的目的是....." /> 7 <meta name="keywords" content="作品集,素材库"

2018-05-17

1.6K0

点击加载更多

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态