文章库ARTICLE COLUMN

  • jspdf + html2canvas 实现html转pdf (提高分辨率版本)

    jspdf + html2canvas 实现html转pdf (提高分辨率版本)

    摘要:用这个方法生成的有个问题还挺大的,就是生成的文件尤其是增大了分辨率以后都是大几百的,稍微有点内容的基本就将近了。暂时还未找到解决的方式。 刚解决了html中某div块生成pdf的问题,热乎乎的,赶紧记录下 引入的js传送门: https://cdnjs.cloudfla...

    张金宝张金宝 评论0 收藏0
  • emmet使用心得

    emmet使用心得

    摘要:的基本写法点是井号是加号表示两个并列表示其子元素乘号后面加个数表示该元素的展开个数符号表示数字标号以上的基本方法排列组合,再用来决定展开顺序即可心得一直以来使得标签和标签的书写速度加快,减少了许多不必要浪费的时间,学会使用是每一个前端...

    赵春朋赵春朋 评论0 收藏0
  • 画布、拖放事件、音视频

    画布、拖放事件、音视频

    摘要:立即对当前矩形进行填充清除矩形语法解释清除某个矩形内的绘制的内容,相当于橡皮擦绘制圆形概述方法创建弧曲线用于创建圆或部分圆语法解释圆心坐标,半径大小,绘制开始的角度。 一、拖放事件 1.1 设置拖拽 给标签设置一个draggable设置为true, 标签...

    atinosunatinosun 评论0 收藏0
  • 前端每日实战:94# 视频演示如何用纯 CSS 创作一台拍立得照相机

    前端每日实战:94# 视频演示如何用纯 CSS 创作一台拍立得照相机

    摘要:用伪元素模拟快门增加快门开合动画效果画出照片增加打印照片的动画效果最后,把相机向上挪一点,保持垂直居中大功告成 showImg("https://segmentfault.com/img/bVbezK4?w=400&h=300"); 效果预览 按下右侧的点击预览按钮可以在当前页面预览,点击链...

    lightlight 评论0 收藏0
  • 弹性布局

    弹性布局

    摘要:弹性布局一布局是什么是的缩写,意为弹性布局,用来为盒状模型提供最大的灵活性。二基本概念采用布局的元素,称为容器,简称容器。它的所有子元素自动成为容器成员,称为项目,简称项目。弹性布局效果图提示在样式里面加上就会变成另外一种布局效果。 ...

    lwx12525lwx12525 评论0 收藏0
  • CSS的常用单位 %和 vw vh  和 box-sizing:border-box;  和flex

    CSS的常用单位 %和 vw vh 和 box-sizing:border-box; 和flex

    摘要:一理解号是中的常用单位,它是相对于父容器而言的。效果图利用设置了的宽代码二理解这俩个单位是相对于视口的大小而定的。效果图代码弹性盒布局 一、% 理解: %号是CSS中的常用单位,它是相对于父容器而言的。如:一个父容器的宽是100px,给它的子元素...

    sunny5541sunny5541 评论0 收藏0
  • 弹性布局的基础讲解

    弹性布局的基础讲解

    摘要:弹性布局的基础讲解弹性布局是由在年提出的一种布局方法,目前浏览器都已经支持弹性布局忽略吧。其值为表示不缩小缩放的方向为的方向。默认值为,表示继承父元素的属性,如果没有父元素,则为。 弹性布局的基础讲解 弹性布局是由w3c在2009年提出的一种...

    CoyPanCoyPan 评论0 收藏0
  • <HTTP权威指南>记录  ----  网络爬虫

    <HTTP权威指南>记录 ---- 网络爬虫

    摘要:网络爬虫网络爬虫能够在无需人类干预的情况下自动进行一系列事务处理的软件程序。根据这些爬虫自动探查站点的方式,网络爬虫也可称作网络蜘蛛蚂蚁机器人等。递归地追踪这些链接的爬虫会沿着超链创建的网络爬行,所以将其称为爬虫或蜘蛛。 网络爬虫 网...

    Jingbin_Jingbin_ 评论0 收藏0
  • 弹性盒布局

    弹性盒布局

    一、弹性布局 弹性布局,又称Flex布局 1、弹性布局的使用 给父容器添加display: flex/inline-flex;属性,即可使容器内容采用弹性布局显示,而不遵循常规文档流的显示方式 容器添加弹性布局后,仅仅是容器内容采用弹性布局,而容器自身在文档流中的定位...

    leanxileanxi 评论0 收藏0
  • CSS基础

    CSS基础

    摘要:语法选择器声明声明由属性属性值组成属性宽度单位高度单位背景颜色颜色的英文或者十六进制颜色字体颜色字体大小注释单行注释多行注释样式表内部样式表将语法写在标签里面,而标签写在里面。 css语法:选择器{声明}; 声明由 css属性:属性值; 组成 p{back...

    jemygrawjemygraw 评论0 收藏0
  • 后管模版整理

    后管模版整理

    摘要:项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目演示项目项目演示项目演示项目 Bootstrap Adminlte项目:https://github.com/almas...

    zhonghanwenzhonghanwen 评论0 收藏0
  • 移动端下拉刷新原理和实例

    移动端下拉刷新原理和实例

    摘要:移动端的下拉刷新是一个很常见的功能,也有许多开源库实现了这个功能,不过为了学习,还是先自己写一个例子学习一下。 移动端的下拉刷新是一个很常见的功能,也有许多开源库实现了这个功能,不过为了学习,还是先自己写一个例子学习一下。其中用到了一...

    SoapEyeSoapEye 评论0 收藏0
  • JS 获取一段时间内的工作时长小时数

    JS 获取一段时间内的工作时长小时数

    摘要:本来想是想找轮子的,但是并没有找到能用的,多数都是问题很大,所以就自己写了一个需求说明支持自选时间段,即开始时间与结束时间根据用户的上班及下班时间判定返回小时数技术栈思考过程怎么说呢,其实这个逻辑不是很复杂主要是确定起始时间结束时间与...

    alexnevskyalexnevsky 评论0 收藏0
  • 利用GitHub制作在线炫酷简历

    利用GitHub制作在线炫酷简历

    摘要:首先我们先体验一下炫酷简历。如何使用本项目部署你自己的在线简历书写简历在文件夹里面有个文件夹,文件夹下面有个。 首先我们先体验一下炫酷简历。然后决定我们要不要使用。 https://jessezhao1990.github.... 如何使用本项目部署你自己的在线简历 1...

    qujianqujian 评论0 收藏0
  • 前端文件上传(js/vue.js/axios/canvas图片压缩)

    前端文件上传(js/vue.js/axios/canvas图片压缩)

    摘要:哈哈主要还是我嫌麻烦四上传图片这里的页面样式,图片压缩和预览都和上面一样,这里我主要配置一下的,让接口能够成功上传。如果想让用户有更好的体验,可以对图片进行一下压缩和本地预览。 一、通过Form表单提交上传 HTML enctype属性必不可少 ...

    LsnshLsnsh 评论0 收藏0
  • HTML5  新特性

    HTML5 新特性

    一、HTML5与HTML4 1.1 推出的理由和目标 H5的出现,对于Web来说意义重大。因为他的意图是想要把目前Web上存在的各种问题一并解决掉。 Web浏览器之间的兼容性很低 文档结构不够明确(增加了很多结构, 语义化的标签) Web应用程序的功能受到了限制 H5 的出...

    appetizerioappetizerio 评论0 收藏0
  • 前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星

    前端每日实战:92# 视频演示如何用纯 CSS 创作一颗逼真的土星

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。 showImg("https://segmentfault.com/img/bVber3t?w=400&h=300"); 效果预览 按下右侧的点击预览...

    springDevBirdspringDevBird 评论0 收藏0
  • 响应式导航栏

    响应式导航栏

    摘要:响应式导航栏响应式导航栏就是在和在移动端的渲染形式不一样代码如下首页导航产品新闻我们样式代码如下运行结果如下图技术要点媒体查询当在手机的时候,需要先隐藏,点击的时候全部显示按钮的制作用到了的动画运用到了中的点击事件持续更新,欢迎大家指...

    王陆宽王陆宽 评论0 收藏0
  • 响应式可弹出横向导航栏

    响应式可弹出横向导航栏

    摘要:响应式可弹出横向导航栏的特点在排网页时响应式可弹出导航栏可以增加你网页的美观和可读性。在端时导航栏的内容可以通过来显示和隐藏,在移动端时也可以达到同样的效果。 响应式可弹出横向导航栏的特点 在排网页时响应式可弹出导航栏可以增加你网页的...

    chenatuchenatu 评论0 收藏0
  • web--响应式导航菜单

    web--响应式导航菜单

    摘要:响应式导航菜单代码如下代码响应式导航菜单首页导航产品新闻我们定义样式媒体查询屏幕宽度最大的时候执行里面的效果图 响应式导航菜单 代码如下 HTML代码: 响应式导航菜单 ...

    leviuslevius 评论0 收藏0
  • Jsp页面中动态的引入另一个jsp,jsp:include路径是变量的实现

    Jsp页面中动态的引入另一个jsp,jsp:include路径是变量的实现

    摘要:问题描述在页面搭建时,会有这样的需求,希望局部页面动态的引用另一个。这里的动态的意思引用的的路径是个变量。动态导入的代码如下。下面的写法是可行的。例子目标在中动态的引用或来构建。显然,这个思路是不可行的。 1 问题描述 在页面搭建时,会...

    MarkxuMarkxu 评论0 收藏0
  • 网页程序迁移至微信小程序web-view详解

    网页程序迁移至微信小程序web-view详解

    摘要:网页引入网页发起支付由后台返回,主要是需要统一下单平台的微信支付页面支付参数错误,请稍后重试支付成功支付失败支付错误分享功能小程序直接分享的所在的页面,如果需要加上页面参数,那我们就需要处理一下了。 小程序现在越来越流行,但是公司的很...

    AlphaGoooAlphaGooo 评论0 收藏0
  • webkit渲染机制浅析

    webkit渲染机制浅析

    摘要:模块和将下面的渲染机制,安全机制,插件机制等等隐藏起来,提供一个接口层。进行网页的渲染进程,可能有多个。最后进程将结果由线程传递给进程最后,进程接收到结果并将结果绘制出来。 这是之前在简书上面的处女作,也搬过来了,以后就一直在 segment...

    CobubCobub 评论0 收藏0
  • 前端每日实战:93# 视频演示如何用纯 CSS 创作一根闪电连接线

    前端每日实战:93# 视频演示如何用纯 CSS 创作一根闪电连接线

    摘要:效果预览按下右侧的点击预览按钮可以在当前页面预览,点击链接可以全屏预览。可交互视频此视频是可以交互的,你可以随时暂停视频,编辑视频中的代码。绘制插头上的阴影绘制线缆手持部分的阴影绘制线缆中稍粗部位的阴影最后,为画面增加入场动画大功告成...

    elliott_huelliott_hu 评论0 收藏0
  • 杂谈:渐进增强与优雅降级

    杂谈:渐进增强与优雅降级

    摘要:而渐进增强和优雅降级两种不同的开发流程,也是在我们项目初期做调研选型时会考虑的一个点。二者区别渐进增强和优雅降级只是看待同种事物的两种观点。渐进增强和优雅降级都关注于同一网站在不同设备里不同浏览器下的表现程度。 作为一名前端开发人员,...

    SimonMaSimonMa 评论0 收藏0

热门文章

<