• Ajax
  • Ant design
  • Axios-Fetch
  • Avue
  • Browser
  • Canvas
  • CSS
  • Dos-bat
  • Dva
  • Dedecms
  • Echart
  • ElementUI
  • Editors
  • Git
  • GeoServer
  • GIS
  • H5
  • Jquery
  • Java安卓
  • Json
  • Javascript
  • Leaflet
  • Linux
  • Life-Info
  • Mock
  • MongoDB
  • Network
  • NodeJS
  • NPM
  • React
  • 设计运营
  • SEO
  • SVG
  • TypeScript
  • Tools
  • umi
  • uni-APP
  • Vant
  • Vue
  • Windows
  • webpack
    • 最新更新
    • 常用代码
  • element修改el-select选中颜色不生效

    1.el-select选中默认颜色 2.使用less修改 .el-select-dropdown__item.selected样式 /deep/ .el-select-dropdown__item .selected { color : #149f97 ; } 3.修改后不生效,给el-select添加属性 popper-append-to-body=false。 (pop

  • leaflet清除所有的图层

    我们在执行一个任务的时候,有时候需要清除leaflet的所有图层,怎么解决呢? 核心代码 clearAll(){ this.map.eachLayer(function(layer){ this.map.removeLayer(layer); }); } 另外的场景:保留地图 clearAll(

  • 根据组名分组,构成新的数组,循环让ID重组新数组

    两种功能: (1)根据组名分组,构成新的数组 (2)satID的值组成新的数组 const arr=[{ group:0, name: 'cuclife-1' , satID: '1' },{ group:0, name: 'cuclife-2' , satID: '2' },{ group:1, name: 'cuclife-3' , satID: '6'

  • el-table根据浏览器动态设置高度

    Vue+Element-UI根据浏览器大小动态设置el-table的高度. 效果: 示例代码 template lls-table :data = tableData :height = tableHeight / llst-bale / template exportdefault{ data(){ return{ tableHeight:window.innerHeight-340, ta

  • el-date-picker指定日期禁用

    在使用el-date-picker的时候,有的情况下需要禁用某个时间段的时间。 HTML el-date-picker size = mini v-model = time type = daterange :range-separator = $t('common.to') :start-placeholder = $t('common.stime') :end-placeh

  • el-upload不显示上传的文件列表

    如何在el-upload上传完成的时候,去掉列表呢? 方法:利用 this.$refs.upload.clearFiles(); 去掉文件列表 el-upload ref = upload class = upload-demo :action = actionFile :headers = headersFile :on-success = onSuccessFi

  • el-upload自定义上传参数

    el-upload上传文件的时候可以自带参数,可以带token等信息。 HTML el-upload class = upload-demo action = https://www.baidu.com //url :headers = headers // 请求头,一般填token、orgid等身份校验信息 :with-credenti

  • el-input内容输入不进去原因

    (1)是否使用v-model双向绑定数据 (2)如果用v-mode双向绑定之后,还不能输入的解决方案是: this.$forceUpdate() //手动更新视图 例子: el-input @ input =change($event) mothods:{ change(e){ this.$forc

  • el-dialog 关闭事件和打开事件

    el-dialog的打开事件和关闭事件示例。 el-dialog :modal-append-to-body = false :title = orgFunction :visible.sync = isAddEdit width = 700px :close-on-click-modal = false @ close = closeAddEdit() @ open = openDialog() el-form label

  • el-dialog初始化的校验问题,二次打开后防止立刻校验

    不刷新页面重新打开el-dialog时,如果我们绑定了rules或者某个值需要required,它总会自动校验。 一个非常好用的方法: el-dialog @ open = openDialog() / el-dialog 调用dialog打开的回调 复制代码

  • el-form表单验证规则rules配置参数说明

    在el-form上面添加下面这三个属性 :model = ruleForm :rules = rules ref = ruleForm :model = ruleForm 是绑定我们form表单中需要提交给后台的一个对象 :rules = rules 是动态绑定的rules,表单验证规则 ref =

  • vue通过refs修改某个弹窗中的某个dom的宽度

    根据需求,点击按钮进入弹窗,下面的界面是进入弹窗后的下一步。通过ref计算出横向滚动条上面的元素的长度。 基本代码段: div class = tabtit Transittime / div div class = transit div class = l

  • CSS圆角菜单,下拉风格的菜单导航代码

    通过CSS的样式来显示二级菜单,划过上面后显示二级菜单,点击后跳转到其他页面。

  • 解决el-date-picker的Avoid mutating a prop directly错误

    在使用element-UI的时候,引用了时间组件el-date-picker,出现了如下的错误: Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop's

  • vue子组件使用$emit 向父组件传递多个参数

    vue子组件使用$emit向向父组件传值时,可以传递一个参数,也可以传递多个参数,示例如下: 传递一个参数: 子组件: submit(){ this.$emit('submit',this.name) } 父组件: foods @ submit = handelFoo

  • el-upload不显示上传的文件列表

    如何在el-upload上传完成的时候,去掉列表呢? 方法:利用 this.$refs.upload.clearFiles(); 去掉文件列表 el-upload ref = upload class = upload-demo :action = actionFile :headers = headersFile :on-success = onSuccessFi

  • cesium的entity.label属性的设置参数解释

    cesium添加实体时候,会涉及到添加的文字注释,即会涉及到label属性。 functionsetProperties(){ var entity = viewer .entities.add({ position:Cesium.Cartesian3.fromDegrees( -75.1641667, 39.9522222, 300000.0 ), label:{ t

  • 化学元素表图片示例

    化学元素周期表是指根据原子序从小至大排序的化学元素列表。 按照元素在周期表中的顺序给元素编号,得到原子序数。原子序数跟元素的原子结构有如下关系:质子数=原子序数=核外

  • OpenLayers 3857坐标系和4326坐标系

    EPSG:4326 (WGS84) 世界大地测量系统1984 (World Geodetic System of 1984) 是 GPS 用来描述地球上位置的地理学坐标系统(三维)。WGS84 通常使用 GeoJSON 作为坐标系统的单位,GeoJSON 中使用数字作为经

  • vue通过refs修改某个弹窗中的某个dom的宽度

    根据需求,点击按钮进入弹窗,下面的界面是进入弹窗后的下一步。通过ref计算出横向滚动条上面的元素的长度。 基本代码段: div class = tabtit Transittime / div div class = transit div class = l

  • element-UI上传组件限制上传文件类型和文件大小

    element-UI 使用Upload组件上传文件,我们有时候需要设定类型和文件的最大值。如何来操作呢?zjcopy来说明一下 el-upload :action = actions accept = .jpg,.jpeg,.png,.gif,.bmp,.pdf,.JPG,.JPEG,.PBG,.GIF,.BMP,.P

  • canvas旋转银河系星空背景效果

  • XMLHttpRequest的标准操作方法

    abort(): 终止当前请求; getAllResponseHeaders(): 把HTTP所以响应首部作为键/值对返回; getResponseHeader(header) ;返回指定首部的串值; open(POST/GET/PUT,url); 建立对服务器的调用,url参数可以是相对URL或绝

  • uniAPP开发中遇到this的指向错误问题

    在制作扫一扫功能时候,遇到这样的一个错误。thirdScriptError,undefined is not an object (evaluating 'this.netInfo = res.result');at App onError function;at api scanCode success callback function 就是不能用this给变量

  • canvas lineTo() 使用方法

    lineTo() 方法添加一个新点,然后创建从该点到画布中最后指定点的线条(该方法并不会创建线条)。 语法 context.lineTo(x,y); x 路径的目标位置的 x 坐标 y 路径的目标位置的 y 坐标

  • canvas createPattern() 使用方法

    canvascreatePattern() 方法在指定的方向内重复指定的元素。元素可以是图片、视频,或者其他 canvas 元素。被重复的元素可用于绘制/填充矩形、圆形或线条等等。 语法 context.createPattern(im

  • 今日头条的最佳发布时间(超级好用)

    很多自媒体人都关心在今日头条上什么时候发文章最好,小编经过长时间的摸索,总结出以下规律: 在今日头条上什么时间发文章最好之一:早上6-8点; 在今日头条上什么时间发文章

  • 什么是JSON ?

    JSON 指的是 JavaScript 对象表示法(JavaScriptObjectNotation) JSON 是轻量级的文本数据交换格式 JSON 独立于语言:JSON 使用 Javascript语法来描述数据对象,但是 JSON 仍然独立于语言和平台。JSO

  • 解决el-date-picker的Avoid mutating a prop directly错误

    在使用element-UI的时候,引用了时间组件el-date-picker,出现了如下的错误: Avoidmutatingapropdirectlysincethevaluewillbeoverwrittenwhenevertheparentcomponentre-renders.Instead,useadataorcomputedpropertybasedontheprop's

  • 总结归纳uni-app页面跳转的多种方式

    根据官方设计,uni-app的页面跳转有多种方式。其中很常用的两种方式: 1,navigator标签方式 navigator url = ../hello/hello open-type = navigate view class = zjcopy' 直接复制网 / view / navigator 2,函数跳