- 博客(23)
- 收藏
- 关注
RSS订阅原创 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
592
原创 vue删除功能
1、删除<el-table-column label="状态">// 获取当前行的所有数据 <template slot-scope="scope"> // 在这里添加点击事件方法 使用上边获取当前行所有数据 传入id值 <el-button type="danger" icon="el-icon-delete" circle @click="delInfo(scope.row.id)"></el-button> </templa
2021-05-25 19:36:28
2084
原创 后台管理渲染添加搜索
1、后台管理系统的渲染添加页面需要在首页 添加 占位符<template> <div class="users"> <!-- 搜索 与 添加用户布局 --> <el-row :gutter="20" class="el-row"> <el-col :span="10"> <el-input placeholder="请输入内容" v-model="queryInfo.query" clea
2021-05-24 22:01:58
313
原创 管理系统登录的基本方法
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
1128
原创 VsCode字体颜色修改和背景图片修改 字体高亮
1.打开VS Code编辑器，在编辑器中设置。根据以下步骤，打开settin.json文件。2.在json文件中若有代码覆盖即可没有代码直接添加下面代码。看注释可以自定义设置喜欢的颜色。{ //设置用户选中代码段的颜色 "workbench.colorCustomizations": { // "editorBracketMatch.background": "#f511bc",//匹配括号的背景色 "editorCursor.foreground":
2021-04-14 20:14:36
3669
原创 vue基础认识
vue 是一个国产框架vue.js创作者：尤雨溪vue.js于2014年2月份正式发布2015年10月27日正式发布1.0.0版本2016年4月27日发布2.0预览版本从一到二变化比较大 有一部分语法不再支持 哪一个版本合适就使用哪一个 vue从出现就受到了前端开发者的青睐vue是渐进式的javaScript框架，如果说是一个库主要提供api为主，如果说是框架他是一提供一些基础性的服务为主。vue底层有虚拟DOM的支撑、有双向数据绑定的支撑，像这些概念都是一些基础性的服务可以节省实际开发的
2021-04-09 16:34:00
299
原创 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
523
原创 HTML 关于button加不加type的区别 ajax
关于button的加type与不加的区别加 type 会在 network 显示 信息不加 不会显示 会重新进入页面在项目中通过 button 按钮搜索的时候 如果没有给button添加 “type=‘button’” 时 点击搜索会重新进入页面IE 的默认类型是 "button"，而其他浏览器中（包括 W3C 规范）的默认值是 "submit"。 所以请始终为按钮规定 type 属性。在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。IE 将提交 <b
2021-01-20 19:52:53
461
原创 html css 3D 立体相册
<body> <!--/*外层最大容器*/--> <div class="wrap"> <!-- /*包裹所有元素的容器*/--> <div class="cube"> <!--前面图片 --> <div class="out_front"> <img src="img/1.jpg" class="pic"/> </div> <!--后面图片 --
2021-01-19 21:04:37
296
原创 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
284
原创 缩略图 简介 出现原图 详情 手风琴
插一个背景图片设置一下<style> *{ margin: 0px; padding: 0px; list-style: none; text-decoration: none; } .king{ width: 1068px; margin: 100px auto; /* bac
2021-01-15 23:26:28
126
原创 元素 内外插入 替换 删除 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
164
原创 全选与全不选
复选框最基本样式<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
520
2
原创 Object.defineproperty方法
Object.definepropertyObject.defineproperty(目标对象,属性名,{ value:"属性的值", writable:"是否可写/改变", enumerable:"是否可以枚举/遍历/循环", configurable:"是否可配置/删除", get(){ //读取 属性时 自动执行 的方法 }, set(newval){ //改变/设置 属性时 自动执行 的方法 }})/* value:"属性的值", writable:"是
2021-01-12 21:12:21
112
原创 深拷贝 浅拷贝
//深拷贝：一个改变，另一个不改变 //浅拷贝：一个改变，另一个也改变 //浅拷贝 var obj1 = {"name":"静静","age":23};// 设置一组对象 var obj2 = obj1; //设置变量 = 对象 也就是将对象赋值个新变量 obj1.name = "莹莹"; //修改对象中的属性值 console.log(obj1);//输出的是修改过的对象 cons
2021-01-12 20:36:28
71
原创 判断对象是否为空
判断对象// 判断 对象 是否 为空 var obj = {}; var obj2 = {"name": "静静","age": 23}; // 1、转字符串 JSON 字符串 和 “{}” 作比较 如果为true 为空 console.log( obj == {} ); //false console.log({} == {});//对象不可以直接判断相等 这样显示的是false con
2021-01-12 20:09:46
121
原创 对象 增 删 改 查
对象 var obj = {};//设置一个空对象 //增加 var s = "sex";//设置一个变量 obj.name = "静静";//直接往空数组添加属性 obj["age"] = 23;//使用数组方式往数组里添加属性 obj[s] = '女';//使用变量方法往数组添加属性 obj.type = "唱歌"; console.log(obj
2021-01-12 20:02:28
190
原创 组合继承 = 原型链继承 + 类式继承
既可以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
189
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
185
原创 原型链继承
优点：继承所有缺点：不能给父类传参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
118
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
88
原创 创建对象的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
952
原创 信息录入系统（案例）
<style> div#box{ min-width: 800px; margin: 20px; } div#entry div{ width: 250px; text-align: center; } div#entry div button.add{ width: 100px; background-color: green; margin: 10px; border: 0px; paddi
2021-01-08 20:53:07
1373
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人