boboj1 - 个人主页动态

2021-10-08 14:36

已编辑

概念 cookie叫做会话跟踪技术，在一次会话从开始到结束的整个过程中，全程跟踪记录客户端的状态。 简介 cookie:   1.可以设置过期时间  2.最大可以存储4KB，每一个域名下最多可以存储50条数据（不同的浏览器，有偏差） 【只能是字符串】  语法 格式： name=value;expires=date;path=path;domain=somewhere.com;secure, name 健 value 值 都是自定义 encodeURIComponent 将中文编译成对应的字符 decodeURIComponent 将对应的字符编译成中文 <!DOCTYPE html&gt...

0 点赞评论收藏

2021-10-08 14:36

湖北第二师范学院 Web前端

什么闭包？闭包的作用有哪些？闭包的注意事项

当内部函数被保存到外部时，将会生成闭包。闭包会导致原有作用域链不释放，造成内存泄漏。 直接看一个示例 我想让数组的每一项都是一个函数，并且调用该函数的时候输出的是数组该项的下标  var arr = []; for(var i = 0;i < 5;i ++) {  arr[i] = function() {  console.log(i); }; } arr[0]();//5  arr0;的结果是5 我们可以根据闭包的特性，将内部的变量保存到外部，这个变量在函数执行后不会被销毁  for(var i = 0;i < 5;i ++) {  (function(i){  arr[i] ...

0 点赞评论收藏

2021-10-08 14:36

已编辑

湖北第二师范学院 Web前端

【vscode】主题推荐——Snazzy Light(清新主题)

0 点赞评论收藏

2021-10-08 14:35

湖北第二师范学院 Web前端

前端设计模式-单例模式

单例模式只能创建一个实例  function Person(name) {  this.name = name; } const p1 = new Person('qwe'); const p2 = new Person('asd'); console.log(p1 === p2);//false //p1和p2是两个不同的实例，如果每次都只想创建同一个实例，则可以使用单例模式  单例模式核心代码  function Person(name) {  this.name = name; } let instance = null; function singleTon(name) {  if(!...

0 点赞评论收藏

2021-10-08 14:35

湖北第二师范学院 Web前端

MySql-子查询

子查询是指出现在其他SQL语句内的SELECT子句。 例如： SELECT * FROM t1 WHERE col1=(SELECT col2 FROM t2);  子查询指嵌套在查询内部，且必须始终出现在圆括号内，子查询可以分为四类：  标量子查询：返回单一值的标量，最简单的形式； 列子查询：返回的结果集是 N 行一列； 行子查询：返回的结果集是一行 N 列； 表子查询：返回的结果集是 N 行 N 列。  带比较运算符的子查询    运算符 说明     > 大于   >= 大于或等于   = 等于   != 或 <> 不等于   < 小于   <= 小于...

0 点赞评论收藏

2021-10-08 14:34

已编辑

湖北第二师范学院 Web前端

gulp4中同时执行多个任务

const gulp = require("gulp"); const connect = require("gulp-connect"); gulp.task("watchs",function(){  gulp.watch("index.html",gulp.series("copy")); gulp.watch("style/index.sass",gulp.series("sass")); gulp.watch("*.js",g...

0 点赞评论收藏

2021-10-08 14:34

湖北第二师范学院 Web前端

javascript放大模式，宽放大模式

宽放大模式在放大模式的基础上，不管js文件引入顺序如何都能够正确的执行函数 放大模式： moduleA.js var moduleA = (function(){  var count = 10; function showA() {  count += 20; alert(count); } //返回的是一个对象 return {  outA: showA } }());  moduleA_plus.js //在moduleA的基础上再添加一个showC方法 moduleA = (function(mod){  function showC() {  alert("hello wo...

0 点赞评论收藏

2021-10-08 14:34

湖北第二师范学院 Web前端

es6知识大合集，学习复习两不误

文章目录  变量声明     let(相当于之前的var) const(常量，定义好了不能改变) 块级作用域   解构赋值 字符串模板 函数变化     参数变化 扩展运算符、Rest运算符(...) 箭头函数   数组     新增一个运算符(**) for...of... Array.form() Array.of() 新增的数组的几个方法   对象简介语法及对象新增     对象简介语法 对象扩展运算符 Object.is() Object.assign() keys,values,entries   Promise     语法： Promise.resolve() Promise.r...

0 点赞评论收藏

2021-10-08 14:33

已编辑

湖北第二师范学院 Web前端

js探索require.js-小案例

整个页面 require.js官网 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&gt...

0 点赞评论收藏

2021-10-08 14:33

湖北第二师范学院 Web前端

原生js实现拖拽，并设置拖拽边界

主要思路 1.首先获取鼠标在方块中的位置，以下用到的知识点  offsetLeft/offsetTop(元素相对于最近定位父级元素的坐标，若在所有的父级上都没有定位，则相对于整个文档) e.clientX/e.clientY  2.移动时鼠标的位置减去按下的时候鼠标在方块中的位置，将这个位置设置边界（range函数） 知识点  document.documentElement.clientwidth返回整个文档的可见宽度  //判断边界问题 //loc当前位置，Min最小位置，max最大位置 function range(loc,min,max) {  if(loc > max) {  ...

0 点赞评论收藏

2021-10-08 14:33

湖北第二师范学院 Web前端

将自己代码上传github时可能所需要的git命令

1.配置git git config --global user.name ""  git config --global user.email ""  2.初始化 git init  3.工作区到暂存区 提交所有的文件 git add *  git commit - m ""  4.查看当前工作区的状态 git status  5.从暂存区恢复文件到工作区 git checkout 文件名  6.查看工作区修改的代码 git diff  7.查看已经提交到暂存区的历史版本 git log  8.恢复文件到指定版本 git reset...

0 点赞评论收藏

2021-10-08 14:32

湖北第二师范学院 Web前端

前端设计模式-观察者模式

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc...

0 点赞评论收藏

2021-10-08 14:32

已编辑

湖北第二师范学院 Web前端

前端设计模式-发布订阅模式

0 点赞评论收藏

2021-10-08 14:31

湖北第二师范学院 Web前端

前端设计模式-策略模式

0 点赞评论收藏

2021-10-08 14:31

湖北第二师范学院 Web前端

原生js实现电子时钟

index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t...

0 点赞评论收藏

创作者周榜

关注他的用户也关注了：