![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
js
society、康
这个作者很懒,什么都没留下…
展开
-
vscode格式化问题
设置vscode格式化代码配置,不过不会保存是自动格式化需要 shift+alt+f 格式化,这个文章只是配置格式化时按两格缩进,双引号变单引号,不强行换行等功能,我用着是挺顺的,分享给大家1 下载插件2 删除插件3 找到设置中的4 将下面代码复制进去保存{ "files.associations": { "*.cjson": "jsonc", "*.wxss": "css", "*.wxs": "javascript", "*.js": "javas原创 2021-08-18 11:16:23 · 480 阅读 · 0 评论 -
管理系统登录的基本方法
1、登录页面<template> <div class="login_centent"> <div class="login_box"> <div class="img_box"> <img src="../assets/logo.png" alt=""> </div> <el-form class="login_form" ref="loginFormRef" :原创 2021-05-22 15:20:37 · 1024 阅读 · 0 评论 -
VsCode字体颜色修改和背景图片修改 字体高亮
1.打开VS Code编辑器,在编辑器中设置。根据以下步骤,打开settin.json文件。2.在json文件中若有代码覆盖即可没有代码直接添加下面代码。看注释可以自定义设置喜欢的颜色。{ //设置用户选中代码段的颜色 "workbench.colorCustomizations": { // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色 "editorCursor.foreground":原创 2021-04-14 20:14:36 · 3445 阅读 · 0 评论 -
js jq爬楼梯效果 鼠标滚动 点击回到顶部 点击左边楼层切换
// 引入jQuery <script src="../js/jquery-3.2.1.js"></script> <style> * { margin: 0; padding: 0; } #menu { position: fixed; top: 25%; left: 40px;原创 2021-04-09 15:46:50 · 492 阅读 · 0 评论 -
js 隔行变色 与 移入变色
隔行变色 与 移入变色var bianse = document.querySelector(".bianse");//隔行变色var tie = true;//设置变量=truefunction bian(){//函数 在标签内用点击事件调用 var set = document.querySelectorAll("tbody>tr");//提取所有的tr if(tie){//判断上面设置的变量 是 // bianse.innerHTML = "关闭隔原创 2021-01-18 18:45:14 · 244 阅读 · 0 评论 -
元素 内外插入 替换 删除 remove detach 克隆 页面加载
创建元素 //jq var pDom = $("<p>人性本恶</p>")[0]; console.log(pDom);内部插入<div class="box"> <h2>骚年,向前冲</h2> </div> <script> var pDom = $( "<p>加油,加油,加油!!!</p>" );原创 2021-01-14 21:50:58 · 130 阅读 · 0 评论 -
全选与全不选
复选框最基本样式<input type="checkbox" class="checkall"> <label for="">全选</label> <div> <input type="checkbox" checked class="j-checkbox"> </div> <div> <input type="checkbox" class="j-c原创 2021-01-13 20:07:51 · 422 阅读 · 2 评论 -
Object.defineproperty方法
Object.definepropertyObject.defineproperty(目标对象,属性名,{ value:"属性的值", writable:"是否可写/改变", enumerable:"是否可以枚举/遍历/循环", configurable:"是否可配置/删除", get(){ //读取 属性时 自动执行 的方法 }, set(newval){ //改变/设置 属性时 自动执行 的方法 }})/* value:"属性的值", writable:"是原创 2021-01-12 21:12:21 · 73 阅读 · 0 评论 -
深拷贝 浅拷贝
//深拷贝:一个改变,另一个不改变 //浅拷贝:一个改变,另一个也改变 //浅拷贝 var obj1 = {"name":"静静","age":23};// 设置一组对象 var obj2 = obj1; //设置变量 = 对象 也就是将对象赋值个新变量 obj1.name = "莹莹"; //修改对象中的属性值 console.log(obj1);//输出的是修改过的对象 cons原创 2021-01-12 20:36:28 · 50 阅读 · 0 评论 -
判断对象是否为空
判断对象// 判断 对象 是否 为空 var obj = {}; var obj2 = {"name": "静静","age": 23}; // 1、转字符串 JSON 字符串 和 “{}” 作比较 如果为true 为空 console.log( obj == {} ); //false console.log({} == {});//对象不可以直接判断相等 这样显示的是false con原创 2021-01-12 20:09:46 · 94 阅读 · 0 评论 -
对象 增 删 改 查
对象 var obj = {};//设置一个空对象 //增加 var s = "sex";//设置一个变量 obj.name = "静静";//直接往空数组添加属性 obj["age"] = 23;//使用数组方式往数组里添加属性 obj[s] = '女';//使用变量方法往数组添加属性 obj.type = "唱歌"; console.log(obj原创 2021-01-12 20:02:28 · 159 阅读 · 0 评论 -
组合继承 = 原型链继承 + 类式继承
既可以0给父类传参也可以继承父类原型对象1.创建父类function Fu(name,age){ this.name = name; this.age = age;}Fu.prototype.say = function(){}2.创建子类并在子类内部调用父类改变this指向function Zi(name,age){ Fu.call(this,name,age);//类型继承改变this指向 传参 行参}3.子类.prototype = new 父类()Zi.prototy原创 2021-01-11 18:16:18 · 119 阅读 · 1 评论 -
类式继承 / 借用构造函数继承 / 改变 this 指向继承
优点:可以给父类传参缺点:不能继承父类的原型对象1.创建父类function Fu(name,age){ this.name = name; this.age = age;}Fu.prototype.say = function(){}2.创建子类function Zi(){}// 这里可以省略在第三步直接进行 这一步是为了可以看的更明白3.子类内部 调用父类 改变父类的 this 指向function Zi(name,age){ //设置子类行参 Fu.call(thi原创 2021-01-11 17:58:36 · 135 阅读 · 0 评论 -
原型链继承
优点:继承所有缺点:不能给父类传参1.创建父类function Fu(name,age){ this.name = name; this.age = age;}Fu.prototype.say = function(){}//父类 的 原型 的 方法 = function2.创建子类function Zi(){ }3.子类.prototype = new 父类();Zi.prototype = new Fu();4.实例化var obj = new Zi();...原创 2021-01-11 17:13:14 · 83 阅读 · 1 评论 -
this 指向 与 改变 this 指向
this普通函数: 指向调用时的所在对象(谁调用指向谁)(.前面是谁指向谁)箭头函数: 指向定义时所在的对象(ES6)全局函数: this 指向 window 调用时省略了windowvar obj = { say : function (){ console.log(this); }obj.say();//指向 objvar x = obj.say;x();//指向 window//对象中 函数this指向当前对象//调用时 对象.方法名but.onclick = f原创 2021-01-09 21:45:37 · 70 阅读 · 0 评论 -
创建对象的6种方式
对象是无序属性的集合表现的方式:{“key”:value,“key2”:value2}: 是映射= 是赋值key是字符串value是任何数据类型且不重复第一 new Object// 1.new Objectvar x = "age";//设置变量var obj = new Object(); //创建对象 obj.name = "li"; //对象中添加内容 obj.x = 23;// 变量 = 值 . 是字符串 console.log(obj);//输出的是添加过后的原创 2021-01-09 20:45:38 · 899 阅读 · 0 评论