- 博客(20)
- 收藏
- 关注
原创 element(饿了么)增加模糊搜索的树状图(节点可选择,父级被选中时,子级不全选)与全选功能
!数据格式与官网的树状图格式一致;需求1、可以通过输入框过滤,刷新树状图的数据,只显示其父级与子级(包括孙级),如搜索橙汁时树状图层级显示水->果汁->橙汁->汇源橙汁;(filter方法)2、全选多选框只选择与判断当前显示的节点是否被全选;搜索后,点击全选也只选择当前显示的所有节点;比如搜索奶茶后,点击全选,只全选了水—>奶茶—>奶茶的子级;删除搜索值(奶茶),全选按钮应为没被全选状态;3、树状图旁边的文字按钮,点击全选时,子级都被全选,同时切换为取消;点击取消时
2021-05-17 14:20:01 1106
原创 前端查缺补漏——基础
页面跳转// 跳转到其他页面 window.location.href = '/'; // 值为要前往的地址,会覆盖当前页 location='URL'" // window.open('URL','_blank');" // 在新窗口打开// 刷新当前页面 location.reload();禁止浏览器自动填充已保存的密码1、在input输入框中加入 autocomplete 字段,值的话new-‘自定义’(火狐浏览器会失效)2、在代码中写入一个和真正密码输入框同样name的inp
2021-05-17 13:23:52 258
原创 数据定义
##表定义更新表alert table下的字句总结添加–add修改–change (列的名称或数据类型)alter(指定列的默认值)、modify(只修改指定列的数据类型)删除–drop重命名–rename to
2021-01-15 16:48:42 143
原创 js-对象的创建
字面量创建缺点:会产生大量的代码;let person1 = { name:xiaomi, age:18}let person2 = { name:dami, age:18}工厂模式通过定义一个函数为接口,通过该函数来创建相似的对象。缺点:不能进行对象识别。 function person(name,age){ var o = new Object; o.name = name; o.age = age;
2020-11-25 17:04:17 75
原创 js——对象属性
对象的属性,在创建时都会带有一些特征值,js通过这些特征值来描述属性。根据定义的不同分布:数据属性访问器属性数据属性通过4个值,来描述其行为特性,可以通过Object.defineProperty来修改属性的默认特性;[[Configurable]]:描述该属性是否可以被delete删除,是否可以修改行为特性的配置。如果为false,则delete则无效,同时不能通过Object.defineProperty二次修改属性的默认特性;默认为ture。 var book = {
2020-11-13 14:43:13 190
原创 js——String类型的方法总结
String方法字符方法length[【返回数组长度】charAt()【查找指定位置的字符】stringValue[index] 【同上。iE8以下不推荐】charcodeAt()【查找特定位置的字节编码】字符串操作方法concat() 【拼接,返回新的字符串】slice()与substring()、substr 【截取字符串,返回新的字符串】indexof()与lastIndexOf() 【返回子字符串位置】trim() 【清除字符串两边的空格,返回新的字符串】toUpperCase与toLocaleUp
2020-11-11 15:50:12 662
原创 学习js高级编程---变量、作用域小记
变量类型基本数据类型:Underfined、null、Boolean、Number、String引用类型:由多个值构成的对象,是保存在内存中的对象。动态属性引用类型可以动态添加属性和方法,赋值;基本类型不可以(虽然不会报错);var person = new Object();person.name = '小米';alert(person.name) //'小米'var name = '小明';name.age = 27;alert(name.age) //undefined
2020-11-04 13:55:00 139
原创 angular配置服务与注入的步骤
一、在当前项目目录下输入命令行创建服务输入下面的命令,就会自动创建2个文件hero.service.spec.ts跟hero.service.ts ,第一个为用于单元测试的文件,第二个为服务的配置文件ng g service service/herohero.service.tsimport { Injectable } from '@angular/core';//@injectable的意思是声明该服务类可被注入到其他的service、component或者其他实例中去@Injectab
2020-11-03 14:16:30 1128
原创 angular父子组件间传值
父传子父组件向子组件传入值父组件名为home,子组件为headhome.component.html代码:【父组件】//通过[]定义一个子组件的属性,该值必须与子组件中所引用的名字相同//等号后面的值为父组件所要传递的属性名【类里面定义的属性】//这里等于将父组件中msgParent的属性值,绑定在子组件的属性上//<app-header [msgChild]="msgParent" [childRun]="parentRun"></app-header>ho
2020-11-01 18:09:02 4689
原创 angular的生命周期函数顺序以及说明
生命周期触发顺序constructorngOnChanges【父子组件传值】ngOnInitngDoCheckngAfterContentInitngAfterContentCheckngAfterViewInitngAfterViewCheckngOnDestory默认预加载会触发除了ogOnChanges跟ngOnDestory的生命周期函数,加载完成后还会再触发ngDoCheck、ngAfterContentCheck、ngAfterViewCheck,是因为绑定数据的时候,数据发生了改变从而触发了。
2020-11-01 15:45:49 835
原创 Echarts实现渐变的方法
series: [{ data: [120, 200, 150, 80, 70, 110, 130], type: 'bar', showBackground: true, backgroundStyle: { color: 'rgba(220, 220, 220, 0.8)' }, itemStyle:{ //方法一 //前四位固定代表了右下左上四个方
2020-10-25 16:46:23 2553
原创 js数据结构——数组
数组数组的含义与特点、为什么要用数组什么是数组数组的特点为什么要用数组数组的声明与初始化最广泛的用法获取数组长度访问数组迭代访问数组的添加末尾添加数组长度添加push方法添加开头添加自定义方法unshift方法数组的删除末尾删除使用pop方法开头删除使用shift删除任意位置删除和增加splice删除元素delete运算符删除元素 [不推荐此用法]splice添加元素数组常用的方法数组合并【concat】every方法some方法forEach方法map和filter【会返回新数组】mapfilterred
2020-09-05 16:33:07 2253
原创 vue如何用echarts画可缩放的中国地图(省会飞行图)
1、创建一个容器之后设计统计图的地理坐标组件与图表类型(事先请保证已经导入了echart依赖包)<template> <div ref="ChinaMap"></div></template><script>import "echarts/map/js/china" //导入echart的中国地图插件 //写图表代码前务必要先导入地图(不导入就不会出现地图,题主这个点卡了半天时间,一直以为是代码错了才没出现)export defau
2020-08-12 14:14:07 3917 4
原创 echart里的相关配置项(工作笔记,持续更新)
初始化echarts this.echarts = this.$echarts.init('相对应的容器') //this.echarts是自定义的一个值2.自定义一个配置项(这里将介绍一些配置的使用) this.option = { backgroundColor:'red', //整体的背景颜色 title: { //标题相关的配置 left: 'center', //title 组件离容器左侧的距离,可数值与百分比,还有top,right,bottom属性 te.
2020-08-03 20:47:39 361
原创 原生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,i
2020-07-30 14:55:24 2503
原创 如何用element写数字输入框
关于输入框,element给我们只举了几个简单的例子,而怎么把普通的输入框变成数字输入框,则只要在el-input上添加一个type属性,值为number就可以解决。<el-input v-model="inputValue" placeholder="请输入数字" type="number"></el-input>效果图这样就可以单纯的只能输入文字,但是当选择文本框的时候,右边会显示2个小箭头,特别影响美观,强迫症的我肯定是要干掉的,于是输入以下代码 input:
2020-07-28 16:52:17 2522
原创 GitHub怎么配置密匙+如何把本地代码关联到远程服务器库里
github怎么配置密匙下载好git后直接傻瓜式安装到底打开git bash里输入github的账户名与绑定的邮箱git config --global user.name "用户名"git config --global user.email "绑定的电子邮箱"在git命令窗口输入命令生成密匙ssh -keygen -t rsa -C“绑定的电子邮箱” (输入完后连按3次回车,密码为空)根据命令提示的地址去C盘里找到 .ssh文件夹,打开里面的id_rsa.pub文件,文件里的
2020-07-27 17:28:00 356
原创 GitHub的常用命令总结
git常用的命令总结git如何远程创建一个新分支git分支的切换、删除、合并、查看操作切换删除合并(把其他分支的代码写入当前分支)查看分支强行推送当前代码到远程分支版本回退目前题主日常经常用到的比较难记的就这些,奥里给!与君共勉之!(新手一枚,有错误的地方请在评论指出,多谢海涵)git如何远程创建一个新分支新建一个新的本地分支(创建后会自动选择当前分支为新建分支)git checkout -b 新的分支名将新的分支添加到远程服务器(如果已有本地分支,可以直接通过下面的代码在远程服务器创建新的
2020-07-24 17:19:12 143
原创 用jQuery写关键字检索数据的案例(思路逻辑详解)
<style> .box{ width: 300px; height: 200px;; margin: 0 auto; border: 1px solid #ccc; } </style> <script src="../jQuery/jquery-1.12.4.min.js"></script></head&...
2019-05-13 23:19:17 2732
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人