前端编写ip地址输入框
前端编写ip地址输入框项目需要临时写的,没有用到兼容性方面的知识,代码已整理好,可直接运行看效果。本人小白一枚,有不足的地方请指正<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>
vue用postcss做适配,背景图无法适应解决方法
vue做适配背景图无法适应解决方法最近使用postcss插件做不同屏幕适配,使之看起来在任何屏幕上显示效果和设计图一样,但是运行时发现按钮的容器是根据适配改变了,但是背景图却没有缩放这是原来的写法和效果.f-btn,.f-btn1{width:82px;height:31px;color:#fff;}.f-btn{text-align:left;background: url("../imgs/auto.png") 100% 100% no-repeat;}这是修改后的写法和效果图.f
vue配置api代理详解与使用方法
创建的vue框架中,在自动生成的config目录下dev.env.js'use strict'const merge = require('webpack-merge')const prodEnv = require('./prod.env')ule.exports = merge(prodEnv, { NODE_ENV: '"development"', BASE_URL:'"/api"' //这里是自己修改的})config目录下index.js(只放关键代码) dev: {
循环函数return可以缺省
最近在学习es6写法的时候,发现教程使用类似map,findIndex等**有返回值的循环函数**时没有给条件语句加return var arr = [11,22,33,44] //var ob = arr.some(item=>{return item>25})//正确 var ob = arr.some(item=>{item>25})//也正确 //检查数组是否有大于25的数 console...
数组中改变原数组与不改变原数组的方法
不改变的:concat()---连接两个或更多的数组,并返回结果。every()---检测数组元素的每个元素是否都符合条件。filter()---检测数组元素,并返回符合条件所有元素的数组。indexOf()---搜索数组中的元素,并返回它所在的位置。join()---把数组的所有元素放入一个字符串。lastIndexOf()---返回一个指定的字符串值最后出现的位置,在一个字符串中的指定位置从后向前搜索。map()---通过指定函数处理数组的每个元素,并返回处理后的数组。slice()--
jq获取form踩坑
今天用jquery获取表单form怎么也获取不到,检查id和名称都拼写正确<form id="a"> <form id="b"></form> <div id="c"></div></form>$('#a').get(0) //可以获取到$('#b').get(0) //打印undefined,获取不到$('#c').get(0) //可以获取到解决方法:form如果嵌套的话,是获取不到form内部的form,想
js事件冒泡--通俗易懂
①父元素的事件阻止子元素触发,父元素绑定完事件后return false②子元素事件防止父元素触发,子元素需添加stopPropagation()下面是自己写的小案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
.postcssrc.js初始文件
由于对pc适配不熟练,最近用postcss把项目弄崩了,.postcssrc.js文件是vue框架的自动生成的文件,搞半天自己都乱了,特此记录一下原来的配置module.exports = { "plugins": { "postcss-import": {}, "postcss-url": {}, // to edit target browsers: use "browserslist" field in package.json "autoprefixer": {
vue使用postcss适配在chrome下浏览器字体偏大
最近被适配搞的头疼,设计图基于1920,vue项目用postcss适配后网页在ie和Firefox下正常比例缩小,文字一放到chrome上就乱了,元素检查对比了好几遍尺寸确实缩放的一样,比如某字体大小在postcss处理后都是font-size:.792vw,但chrome显示目测看上去的文字确实比正常的要大!???。在百度查了很久,貌似只有一个人提问,只有提问没有人回答!!!以下是尝试过的方法:①调试font-size尺寸,发现14px及继续调小视觉显示效果一样大②单位大写PX使postc...
bootstrap输入框取消之前输入消息提示
在input里添加属性autocomplete=“off”注意:①是off不是false!!!②如果autocomplete的值为on,在下拉提示中选择内容填入后,输入框背景色会变成淡蓝色,直接键盘输入则还是白色
前端将时间戳转化为日期格式
function (data) { var date = new Date(data) var Y = date.getFullYear() + '-' var M = (date.getMonth() + 1 < 10 ? '0' + (date.getMonth() + 1) : date.getMonth() + 1) + '-' var D = (date.getDate() < 10 ? '0' + date.getDate() : date.getDate()) +.
一文读懂 HTTPD 服务的访问控制
前言在前两篇《详解Linux环境下部署HTTPD服务》和《如何在Linux环境下部署AWStats分析系统来监控Web站点?》的文章,我们详细讲解了在Linux环境下HTTPD服务和AWStats分析系统的部署及相关配置等,在访问AWStats分析系统是无需账户密码即可访问Web站点,同时这也给服务器带来了一些安全隐患。为了更好的控制对网站资源的访问,可以为特定网站目录添加访问授权,本篇文章将给大
今日推荐
周排行