学习笔记
文章平均质量分 65
limi2020
这个作者很懒,什么都没留下…
展开
-
重学前端2022之Promise
1.Promise是什么Promise是JS处理异步编程的一种解决方案。从语法上看,Promise是一个构造函数;从功能上看,可以用来封装一个异步操作并且可以获取其成功/失败的结果值。常见的异步编程: fs文件操作、Ajax、定时任务fs文件操作(1) 回调函数形式:// 引入fs模块const fs = require('fs')fs.readFile('./context.txt', (err, data) => { // 如果出错,抛出异常 if(err) th原创 2022-04-11 00:49:10 · 891 阅读 · 0 评论 -
this指向问题
this只有被调用时才能被确定,因此this也是上下文的一部分1. 全局作用于函数,this指向windowvar name = 'limi'function fn() { console.log(this); // window console.log(this.name); // limi }fn() // fu() === window.fn()2.对象中的方法,this指向对象本身const obj = { name: '李四', say() { con原创 2021-03-22 04:07:43 · 122 阅读 · 0 评论 -
前端奇淫技巧系列(三):复制文本之clipboard插件
1.原生js复制使用document.excCommand('Copy')进行复制,有兼容性代码:<body> <input type="text" id="copy"> <button onclick="copyContent()">复制</button> <script> function copyContent() { var btn = document.getEleme原创 2021-07-08 15:44:10 · 421 阅读 · 0 评论 -
前端奇淫技巧系列(二):打印网页内容
1.效果图:<body> <div>将被打印的内容</div> <button onclick="printContent()">打印</button> <script> function printContent() { window.print() } </script></body>...原创 2021-07-08 15:22:35 · 202 阅读 · 0 评论 -
前端奇淫技巧系列(一):动态网页之樱花飘落效果
1.效果图:2.代码:<body> <script src="./sakura.js"></script></body>3.下载地址:地址在这呢原创 2021-07-08 15:15:30 · 1220 阅读 · 0 评论 -
Vue之组件传值
Vue之组件传值1.父子组件间的传值1.1父传子子传父:自定义事件1.父子组件间的传值1.1父传子父组件通过属性绑定的方式向子组件传递数据,子组件通过props接收数据。子组件:<template> <div> <h3>{{Fmsg}}</h3> </div></template><script>export default { props: ['Fmsg'], data原创 2021-05-26 02:33:37 · 568 阅读 · 0 评论 -
数组
数组数组基础1.创建数组2.获取数组下标3.获取数组长度4.遍历数组数组的方法1.添加数组元素2. 删除数组元素3. 数组翻转4.数组排序5.返回指定元素的下标6. 数组拼接7.数组转字符串8.截取数组ES5新增的方法1. 遍历数组2. 过滤数组3.查找数组数组基础数组:一组数据的集合1.创建数组利用字面量创建数组var arr = [1, 2, 3, 4];利用new Array()创建数组var arr = new Array();2.获取数组下标数组名[下标],下标从0开原创 2021-03-22 09:16:23 · 91 阅读 · 0 评论 -
Ajax未完
传统网站中存在的问题网速网时,页面加载时间长表单提交后,如果有一项内容不合格,需重新填写所以表单内容页面跳转,重新加载页面,造成资源浪费什么是Ajax它是浏览器提供的一套方法,可以实现页面无刷新更新数据Ajax的应用场景:页面上拉加载更多列表数据无刷新分页表单项离开焦点数据验证搜索框提示文字下拉列表Ajax的运行环境:Ajax技术需要运行在网站环境中才能生效Ajax运行原理:Ajax相当于浏览器发送请求与响应的代理人,以实现在不影响用户的情况下,局部更新页面数据,从而提高用户原创 2021-02-26 17:54:45 · 107 阅读 · 0 评论 -
Node.js+express+mySql开发后台接口
1.配置开发环境确保已安装node和express安装express框架:npm install express -gnpm install -g express-generator创建项目:express apiDemo初始化项目和开启项目cd apiDemo // 切换目录npm install npm start修改项目入口文件:// 把bin/www中的部分代码剪切到app.js文件中var http = require('http');var server =原创 2021-02-25 10:19:57 · 519 阅读 · 5 评论 -
webpack工具的使用
网页中引用的静态资源JS : .js .jax .coffee .ts(TypeScript)CSS: .css .less .sass .scssImage: .jpg .png .gif .bmp .svgFonts(字体文件): .svg .ttf .eot .woff .woff2模板文件:.ejs .jade .vue网页中引入的静态资源多了以后有什么问题网页加载速度慢,需要发起很多二次请求要处理错综复杂的依赖关系解决方案:合并、压缩、精灵图、图片的Base64编码原创 2021-02-25 10:16:18 · 178 阅读 · 0 评论 -
Node.js
1.什么是ES6?ES(ECMAScript):它是由ECMA国际组织制定的一项脚本语言的标准化规范。2.ES6新增的用于声明的变量的关键字2.1 let关键字1.let关键字是用来声明变量的2.let声明的变量具有块级作用域3.let声明的变量能防止循环变量变成全局变量4.let声明的变量不存在变量提升(先声明,再使用)5.let声明的变量具有暂时性死区特性...原创 2021-02-19 03:53:33 · 124 阅读 · 0 评论 -
创建MongoDB数据库账号
1.连接数据库:mongose2.查看数据库:show dbs3.切换数据库: use 数据库名称4.创建数据库账号:db.createUser()创建普通数据库账号需先创建超级管理员账号3.1创建超级管理员账号:(1)切换到admin数据库:use admin(2)创建超级管理员账号:db.createUser({user: ‘账号名’,pwd: ‘密码’,roles:[‘root’])3.2创建普通账号:(1)切换数据库;(2)创建普通账号:db.createUser({us原创 2021-02-17 16:36:57 · 462 阅读 · 2 评论 -
登录/退出功能
1. 登录业务流程:在登录页面输入用户名和密码调用后台接口进行验证通过身份验证,跳转到项目主页2. 登录状态保持:HTTP是无状态协议。所谓无状态是指协议对于事务处理没有记忆功能,对于同一个URL请求没有上下文关系,每次的请求都是独立的,服务器没有保存客户端的状态。可以通过cookie、session和token来保持用户状态。如果服务器和客户端同源,使用cookie或session保持登录状态。cookie在客户端记录状态,session在服务器端记录状态。如果服务器和客户端跨域,使用原创 2021-02-01 17:39:38 · 947 阅读 · 0 评论