- 博客(14)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 font-size设置大小小于12px时,需要使用transform: scale(numX, numY)属性详解
1. 为啥要使用transform: scale(numX, numY)属性由于浏览器为了提升用户的浏览体验,设置字体最小为12px,如果继续缩小字体,样式就不会生效,此时就需要使用transform: scale(numX, numY)属性2.transform: scale(numX, numY)注意事项transform: scale(numX, numY)属性表示缩小盒子的大小,并不是缩小字体,所有只对块级盒子其效果由于transform: scale(numX, numY)默认居中缩小,
2020-12-04 11:13:40
1317
原创 使用bcrypt模块对用户密码进行散列加密(node教程)
为啥选择BcryptBcrypt 有两个特点每一次 HASH 出来的值不一样计算非常缓慢因此使用 Bcrypt 进行加密后，攻击者想要使用算出 M2 成本变得不可接受。但代价是应用自身也会性能受到影响，不过登录行为并不是随时在发生，因此能够忍受。对于攻击者来说，需要不断计算，让攻击变得不太可能。1.安装npm i bcrypt2.使用,初始化一个node服务器,开启mongodb,项目文件为server1.创建models/AdminUser.js文件,使用bcrypt模块
2020-11-28 11:25:41
404
原创 客户端上传图片显示自己的图片
图片上传显示客户端上传图片显示自己的图片tampate部分<input type="file" class="fileInput" ref="file" id="file" placeholder="" @change="chooseFile accept="image/*"/><div class="lookUrl"> <img :src="lookUrl" alt="#" class="lookUrl"></div>data部分da
2020-11-26 16:17:24
187
1
原创 bootstrap框架教程
头部样式<head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <!-- 要求当前网页使用IE浏览器最高版本的内核来渲染 --> <meta http-equiv="X-UA-Compatible" content="IE=dege"> <!-- IE9以下时使用 -->
2020-07-23 12:15:52
219
原创 获取原型对象的方法
一.Object.getPrototypeOf.(对象)三种方法结果都一样推荐使用第一种方法二.对象.prototype三.对象.__proto__
2020-07-20 08:32:08
1971
2
原创 javascript中array(数组)对象的常用方法及实例
1.返回结果为boolean1.every() :使用指定函数检测数组中的所有元素 let a = ['21','17','19'] function Age(age) { return age >=18 } let b = a.every(Age) console.log(b) //false如果数组中检测到有一个元素不满足，则整个表达式返回 false ，且剩余的元素不会再进行检测。如果所有元素都满足条件，则返回 true。2.includes() :判断一个数组是否包
2020-07-19 19:13:59
488
原创 css属性
字体属性：(font)大小 font-size:x-large;(特大) xx-small;(极小) 一般中文用不到，只要用数值就可以，单位：PX、PD样式 font-style:oblique;(偏斜体) italic;(斜体) normal;(正常)行高 line-height:normal;(正常) 单位：PX、PD、EM粗细 font-weight:bold;(粗体) lighter;(细体) normal;(正常)变体font-variant: small-caps;(小型大写字母) n
2020-07-19 16:24:49
145
原创 vue对象的深拷贝
let obj={}; //this.templateData是需要拷贝的对象 obj=JSON.parse(JSON.stringify(this.templateData)); return obj
2020-07-16 20:37:49
669
原创 基于element-ui插件设置页脚
<template> <div> <!-- 分页区域 @size-change页面条数发生变化时 @current-change页数发生变化时 :current-page绑定当前页数 :page-sizes每页显示条数选择 :page-size当地当前页面的条数 layout 显示的内容 :total 绑定总条数--> <el-pagination @size-change="handleSizeChange" @c.
2020-07-16 09:02:21
1182
原创 Vue的时间过滤器(毫秒转化为年月日时分秒的形式)
在main.js中全局注册过滤器// 全局注册自定义的日期过滤器dataFormat,传参值originVal为毫秒Vue.filter(‘dateFormat’,function(originVal){// 先把传参毫秒转化为new Date()const dt = new Date(originVal)const y = dt.getFullYear()// 月份是从0开始,需要+1。 +’‘是把数字转化为字符串,padStart(2,‘0’)是把字符串设置为2位数,不足2位则在开头加’0
2020-07-16 08:36:30
2496
原创 基于element插件的表单验证及重置
<template> <div class="login"> <div class="login_box"> <div class="box_img"> <img src=".././assets/logo.png" alt=""> </div> <!-- 表单 --> <el-form :model="loginForm" :rules="l
2020-07-07 10:57:02
1256
原创 vue二维数组渲染(2次v-for循环)
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> *{ margin: 0; padd
2020-07-05 17:30:15
3621
原创 响应式布局模板
响应式布局模板<style>*{ margin: 0; padding: 0;}.comtainer { height: 150px; background-color: aqua; margin:0 auto;}/* 1.小屏幕(宽度小于768px)下,宽度为100% */@media screen and (max-width: 767px) { .comtainer { width: 100%; }}/* 2.中屏幕下(宽度大于768p
2020-06-28 17:42:52
378
原创 css的线性渐变
css的线性渐变背景属性名称:backround-image-默认(从上往下渐变)background-image:linear-gradient(red,#000);//背景颜色从红色变黑色(方向为上往下)-设置方向background-image:linear-gradient(to left ,red,#000);//背景颜色从红色变黑色(方向为左渐变)方向:to left , to right , to bottom(默认的) , to top , xxxdeg(xxx为数字,
2020-06-27 11:01:34
161
element-ui插件开发电商后台管理系统项目.zip
2020-07-19
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人