前言 我就想随便找个地方放东西不行吗? 看别人写的代码,<head>中写原生js无一例外加了window.onload, jquery示例中无一例外的加了 $(function(){}) But why? 从…
分类:html
CSS Tips------未知宽度高度居中对齐<三种最优解决方案>
前言 无论是pc还是移动端开发,我们经常会遇到,这样一个问题:父元素内包裹子元素,而子元素的宽度是未知的,如何让子元素,左右居中呢?经过实战演练,及资料搜索,感觉以下三种方法是最优的解决方案,有需要的同学可以看看,相互交…
Web前端常用代码笔记整理(02)
1.canvas图片预加载及进度条的实现 /*star *loading模块 *实现图片的预加载,并显示进度条 *参数:图片数组对象,加载完成的回调函数 */ function loadImages(sources,ca…
input价格输入过滤
<input type="text" name="hello" onkeyup="clearNoNum(this)"> function clearNoNum(obj) { //先把非数字的都替换掉,除了数字…
vue打开word、excel、pdf、office之类的文件和下载
vue打开word、excel、pdf、office之类的文件和下载 <a href="https://view.officeapps.live.com/op/view.aspx?src=https://xxx.x…
html、css、js分工,内核,html头,html表单
html:内容css:样式js:交互 内核 浏览器控制台输入navigator.userAgent,回车显示出内核”Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKi…
HTML语义化、结构化标签(个人小结)
结构化的标签,它在一个网页结构中,可以清楚的表示该部分在文档中的结构含义。 HTML5关注的不仅是呈现出一个页面的效果,它更加关注如何构造一个结构化的代码内容优雅地页面。HTML5新增的结构化标签虽然本质上都是div标签…
学习如何用CSS变量创建网页响应布局 — css var()
在创新的2018年已经过去,在2019年看看如何简单做成响应性的网站 如果你未曾听说过CSS变量,那么我告诉你,它就是CSS的一种新功能,可以让你拥有在样式表中使用变量的能力,这样做时并不需要什么特别的设置呦。 从本质上…
初识wkhtmltopdf
背景 最近接到一个客户需求,要求将学生的考试结果分析表格和图表导出到PDF。表格使用的是普通的table,图表引用了https://www.chartjs.org/ 遇到的问题详见wkhtmltopdf chartjs …
transform导致的border-radius失效
在写一个移动端的类似进度条的动画时遇到了一个问题,父元素设置了border-radius属性,然后overflow:hidden,子元素最初没有问题,但是加上了一个animate动画后,原先边界处圆角应该隐藏的地方溢了出…
JavaScript 函数式编程到底是个啥
随着大前端时代的到来,在产品开发过程中,前端所占业务比重越来越大、交互越来越重。传统的老夫拿起JQuery就是一把梭应付当下重交互页面已经十分乏力。于是乎有了Angular,React,Vue这些现代框架。 但随之而来的…
javascript设计模式--策略模式
javascript策略模式总结 1.什么是策略模式? 策略模式的定义是:定义一系列的算法,把他们独立封装起来,并且可以相互替换。 例如我们需要写一段代码来计算员工的奖金。当绩效为a时,奖金为工资的5倍,绩效为b时,奖金…