
前端学习
waitti
这个作者很懒,什么都没留下…
展开
-
使用 nodemailer 实现邮箱验证
1.工具准备下载 nodemailer:cnpm i nodemailer --save下载 axios(我这里的请求使用 axios 完成):cnpm i axios --savenodejs 使用 express 框架:cnpm i express --save2.编写发送邮件代码 mail.js// mail.jsmodule.exports = { mail}/** * 发送邮件 * @param {string} to 收件方邮箱 * @param {strin原创 2020-11-06 12:17:41 · 692 阅读 · 0 评论 -
前端 axios 和 后台 nodejs 的 express 实现跨域 cookies
分别设置 axios 和服务器响应时可以携带 cookies原创 2020-09-15 17:19:55 · 444 阅读 · 1 评论 -
display: none 和 visibility: hidden 区别
display:none 元素看不见,也不占据页面空间; visibility: hidden 看不见但仍然占据页面空间;原创 2020-09-14 16:18:14 · 293 阅读 · 0 评论 -
纯函数
函数的返回结果只依赖于传入参数;函数的执行过程里面没有副作用:不会改变原始输入参数,或是外部的环境 。原创 2020-09-10 14:24:53 · 120 阅读 · 0 评论 -
清除浮动:浮动元素使得父元素高度塌陷
当元素设置浮动后,会自动脱离文档流,即元素设置浮动后,就不在文档的管辖范围,其父元素的高度就不复存在,会被认为没有内容。原创 2020-09-09 12:20:40 · 454 阅读 · 0 评论 -
理解 height 百分比
相对于父元素的高度根据百分比计算高度。如果父元素没有设置高度或者父元素高度百分比不生效,则无法计算自己的高度。原创 2020-09-09 12:15:20 · 1170 阅读 · 0 评论 -
元素子节点 childNodes
element 元素的子节点元素可以有任意数目的子节点和后代节点,因为元素可以是其他元素的子节点。元素的 childNodes 包含了它的所有子节点。不同浏览器看待这些节点方面存在显著的不同:<ul id="list"> <li>item 1</li> <li>item 2</li> <li>item 3</li></ul>对于IE8或以下:<ul> 元素有 3 个子节点,分别是 3原创 2020-08-26 18:09:03 · 1795 阅读 · 0 评论 -
vue 父组件向子组件传值(普通参数和对象)
父组件向子组件传值(普通参数和对象)步骤:在父组件定义要传递的参数;在父组件中引用子组件的地方绑定值;在子组件中使用 props 接收值;在子组件直接使用。// 父组件<template> <div> // NavHeader 为需要传递的子组件,在该组件上绑定需要传的值 <nav-header v-bind:logined="logined" v-bind:currentuser="currentuser"></原创 2020-08-17 16:00:18 · 1385 阅读 · 0 评论 -
结合 js 点击事件和 css 动画实现箭头翻转
先构造出向下箭头的 html:<svg class="icon icon-arrow" onclick="rotateArrow()"> <symbol id="icon-arrow" viewBox="0 0 1024 1024"> <title>down</title> <path d="M771.512499 509.49597 511.614214 959.653483 251.715929 509.原创 2020-07-27 11:38:55 · 3727 阅读 · 2 评论 -
如何在 HTML 中使用 svg
在网页使用 svg先在素材网站上找到素材,下载 svg 格式,一般在 iconfont 上面找素材,这里以向下的箭头为例: https://www.iconfont.cn/search/index?searchType=icon&q=%E5%90%91%E4%B8%8B%E7%AE%AD%E5%A4%B4找到第二个点击下载,选择 svg 格式;下载后以记事本方式打开 svg 文件,如下所示:先放着,打开所要展示 svg 图片的 html,将 viewBox 和 <path>原创 2020-07-22 20:39:31 · 4201 阅读 · 0 评论 -
MongoDB 学习笔记(陆续更新)
文章目录安装mongoDB启动MongoDB不需要用户认证打开需要用户验证打开安装robo3T在robo3T授权打开mongoDB创建数据库插入数据创建用户1. 创建管理员2. 授权认证3. 给使用的数据库添加用户安装mongoDB教程: https://blog.youkuaiyun.com/baidu_39298625/article/details/98592631启动MongoDB不需要用户认证打开所有人都可以访问到该数据库的内容,可以打开命令行输入打开:> mongo需要用户验证打开原创 2020-07-16 22:09:18 · 168 阅读 · 0 评论 -
ES6-模板编译(解释正则表达式及模板字符串变化)
通过模板字符串生成正式模板。模板字符串:var template = `<ul> <% for(var i = 0; i < data.supplies.length; i++) { %> <li><%= data.supplies[i] %></li> <% } %></ul>`;该模板使用 <%...%> 防止 JavaScript 代码,使用 <原创 2020-06-28 12:03:13 · 499 阅读 · 0 评论 -
ES6之冻结对象的同时冻结属性
冻结对象:const prop = { name: "Nicholas" };冻结对象属性:var constantize = (obj) => { Object.freeze(obj); // 冻结对象及对象里的非对象属性 Object.keys(obj).forEach( (key, i) => { // 冻结对象里的对象属性 if ( typeof obj[key] === 'object' ) { con.原创 2020-06-25 09:44:20 · 393 阅读 · 0 评论 -
js 中的 sort()
sort()函数在排序前调用每个数组项的toString()方法,然后比较得到的字符串,进行排序,即使数组中的每一项都是数字,sort()比较的还是字符串,根据字符编码进行排序,例如"10" 在 "5" 前面。var values = [1, 0, 5, 10, 15];values.sort();alert(values); // [0, 1, 10, 15, 5]如...原创 2020-04-09 11:24:12 · 1302 阅读 · 0 评论