前言 作为前端工程师 de 我们,日常少不了会跟图片打交道。在各大电商平台工作的前端工程师们,感受可能会更加的明显。 以下是我之前跟图片打交道踩到的坑,跟大家分享一下经验。 一、情景再现 用postman请求接口的时候,…
分类:html
css实现图片自适应容器的几种方式
css实现图片自适应容器 经常有这样一个场景,需要让图片自适应容器的大小。 1、img标签的方式 我们马上就能想到,把width、height 设置为100%啊。来看一哈效果。 <div class='div1'&…
vue 2.0 使用 Font Awesome
只需要两步,亲测有效 下载依赖font awesome npm/cnpm install font-awesome --save 在入口文件main.js全局引入 import "font-awesome/css/fon…
Vue+thinkJs博客网站(二)之thinkJs的使用
一.简介 这个个人博客网站最初制作的目的就是练习使用thinkJs,这一篇就主要讲一下thinkJs的一些特性和注意事项。涉及到了文件上传,thinkJs的插件机制,model层建立以及CURD的编写方式等。本项目git…
Vue+thinkJs博客网站(一)之vue多页面应用的webpack3配置
一.项目简介 本项目使用vue作为前端框架,thinkJs作为后端框架,构建个人博客网站,页面分为博客展示和后台管理,主要目的是学习使用thinkJs。现在只完成了主要的博客增删改功能,发现w…
Web前端开发技术综述
1.1Web概述 1.Web起源: 1984年蒂姆伯纳斯李创造了世界上第一个万维网导航站点世界上第一个网站 2.Web的特点: 1.易导航和图形化界面 2.与平台无关 3.分布式结构 4.动态性 5.交互性 3.Web工…
CSS-伪类选择器(未完待续。。。)
子节点选择器 :nth-of-type() && :nth-child() :nth-of-type(n) 匹配父节点下同一级对应标签的第n个节点 (:nth-last-of-type(n)反序) :nt…
限制input输入小数只能到3位或者只能输入正整数(兼容ios)
我们在做表单输入时,有时候对于有些输入比较有限制,比如输入天数必须为正整数,再比如有些特殊需求需要输入保留小数点的后面n位。那么我们如何在输入环节就限制用户的输入情况呢? 我们可以用正则表达式来限制。 限制input输入…
html textarea文本域高度自适应
1、可直接在 菜鸟教程网站测试页面中测试 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <script s…
前端页面:一直报Cannot set property 'height' of undefined
1、出现错误的例子,只拷贝了项目中关键出现问题的部分 例子中明明写了style=’height:16px’这个属性,但是为什么还说height未定义呢 通过打印发现:cks.each(functi…
JS: 将对象在转化成string在控制台中打印出现
直接使用如下方法,在使用时,直接consloe.log(objectString(object)) function objectString(o){ var r=[]; if(typeof o=="string"){ …
编写自适应高度的 textarea
文本框是很常见的输入控件,我相信只要写过表单的肯定接触过 textarea 这个元素。 OK。但是现在产品经理说了:需要这个文本框可以根据用户输入内容自适应其高度。 height: auto 有些初学者可能会想:自适应高…