- 博客(42)
- 收藏
- 关注
原创 angular9 实现 双向绑定的三中方法
<!--实现双向绑定的三中方法--><inputtype="text"[(ngModel)]="inputValue"><button(click)="searchValue($event)">btn</button><inputtype="text"#phone><button(click)="searchValue2(phone.value)">btn</button>...
2021-08-08 18:12:15 140
原创 angular9 动态添加class
<ul><li*ngFor="letitemoflist;leti=index"(click)="activeIndex(i)"[ngClass]="{'newCla':activeCla===i}"><div>{{i}}---{{item.name}}---{{activeCla}}</div></li></ul>list=[{...
2021-08-08 18:10:51 667
原创 获取对象上的属性(三种方法)
letobj={name:'高兴',age:15,hobby:'足球'}//第一种for(letkeyinobj){console.log(key)}//第二种console.log(Object.keys(obj))//...
2021-05-12 15:14:39 763
原创 深度克隆 deepClone
<script>functiondeepClone(obj){if(typeofobj!='object'){return}letstr=obj.constructor===Array?[]:{}for(letkeyinobj){...
2021-05-11 16:10:43 203
原创 数组去重的三种方法:indexof、es6中的Set和 对象的key值不能重复这一特性
//数组去重//第一种方法indexofletnums=[1,2,5,8,2,2,5]letarr=[]//去重后的新数组for(leti=0;i<nums.length;i++){//如果检索的结果没有匹配值,则返回-1.//如果检索的结果匹配到,则返回1.if(arr.indexOf(num...
2021-05-11 15:09:53 339
原创 数组中的重复出现的次数
<!DOCTYPEhtml><html><head></head><body><divid="block"></div><script>//数组中的重复出现的次数letnums=[1,2,5,8,2,2]functionmapcountFu...
2021-05-11 14:47:15 288
原创 oneday
<!--<metahttp-equiv="Refresh"content="5"URL=page2.html>--><!--meta标签:自动刷新/跳转--><metahttp-equiv="Refresh"content="5"><!--在使用它的时候,刷新和跳转操作是不可取消的--><!--对刷新时间间隔或者需要手动取消的,推荐使用javastrict定时器来实...
2021-04-16 00:01:31 119
原创 lib-flexible和postcss-px2rem PC端和移动端的适配 (PC端的设计稿1920,移动端的设计稿750)
之前ui 给pc端的设计稿是 1920* 1080 ,并没有1,安装 flexible和 postcss-px2rem(命令行安装)npm install lib-flexible --savenpm install postcss-px2rem --save提过要写移动端网站,所以之前一直做的是pc端,在node_modules 找到lib-flexible文件下的flexible.js,然后找到refreshRem函数,将其改为:那么pc端的适配就好了后来又在这..
2021-04-07 15:40:14 2702 2
原创 vue v-for 层层循环嵌套 鼠标悬停是的效果
<divclass="sbLeftOneSecond"><spanclass="title"style="padding-top:30px;">场所设备统计</span><divclass="sbLeftOneSecondConcent"><divv-for="(v,it)instatisDeviceList":...
2021-03-23 16:17:03 444
原创 iview Table表格 表头 checkbox 下添加 批量删除
mounted(){varbox=document.getElementsByClassName('ivu-table-cellivu-table-cell-with-selection')[0]varsbox=document.createElement('div')sbox.className='lili'sbox.innerHTML='批量删除'box.insertAdjacentElement('a...
2021-01-27 15:04:11 443
原创 render函数
1.动态添加标签父组件:子组件:浏览器显示:第三个参数也可以是数组:浏览器显示:二、第二个参数可以参一些属性,如浏览器显示:第二个参数也可添加点击事件,如下:注意:第一个参数不仅限于标签,也可以是组件...
2020-10-24 00:37:05 118
原创 vue pc端适配 lib-flexible+px2rem-loader
1.安装 lib-flexible npm install lib-flexible --save-dev2.安装 px2rem-loadernpm install px2rem-loader --save-dev3.在main.js中引入lib-flexibleimport 'lib-flexible'4.配置 px2rem-loader(我的是vue-cli 3.x,需要自己配置,在项目根目录新建文件vue.config.js)module.export...
2020-09-21 16:53:46 429
原创 如何在echarts地图默认的行政区(县)新增一个没有编号的区(如甘肃省天水市的区县新增一个新安区)
以上其他区县的json数据来自:http://datav.aliyun.com/tools/atlas/#&lat=31.769817845138945&lng=104.29901249999999&zoom=4天水市:https://geo.datav.aliyun.com/areas_v2/bound/620500_full.json新安区的数也按当前的数据格式导入 assets/620500.json一下json 数据是assets文件下的62050...
2020-08-31 15:26:18 1683
原创 pc端分页
<divclass="modifyPage"v-if="pageList.recordCount>0"><!--分页--><Pageshow-total:total="pageList.recordCount":page-size="pageList.pageSize"...
2020-08-09 21:36:01 256
原创 Vue 点击按钮,下载视频
download(loadAddress,id){//下载产品letfiles={};files.name="作品压缩包";//files.filePath=loadAddressletnotifyinfo=this.$notify({title:'正在下载产品...',iconClass:'el-icon-loading'});...
2020-08-09 21:26:06 6359
原创 解决小程序rich-text 富文本解析图片过大的问题
onLoad: function (options) {console.log(options.id)this.bannerDetail(options.id)},bannerDetail(id) {// 请求的接口$api.bannerDetail({id}).then(res => {//res.data.data.content 富文本内容res.data.data.content = res.data.data.content.replace(...
2020-07-09 18:00:42 1896
原创 商家预约并签到
const $api = require('../../../utils/api.js').APIconst pointFun = require('../../../utils/pointMap.js').IsPtInPolyPage({/*** 页面的初始数据*/data: {swiperPhoto:[{images:'/images/business.png'}, {images: '/images/business.png'}, {image.
2020-07-02 15:53:33 417
原创 查询字符串参数(获取url路径后的参数)
<!DOCTYPEhtml><html><body><script>//查询字符串参数 localtion.searchvarargs='?q=javastrpt&num=10&id=5'functiongetQueryString(args){console.log(args)varqs...
2020-06-29 22:00:26 662
原创 创建express项目(nodejs)
创建express项目(nodejs)1、下载nodejs安装包nodejs官网下载(http://nodejs.cn/download/),根据自己的计算机,自动下载跟电脑操作系统位数符合的安装包,2、配置环境最新版node自带npm,环境变量也自动安装好。3、全局安装和本地安装,npm install * -g就是全局安装,npm install *,不带-g就是本地安装4、安装express插件npm install express -g,安装的express版本是4.
2020-06-15 13:36:43 182
翻译 vue项目中导出excel表格数据
一、需要安装三个依赖: npm install -S file-saver xlsx npm install -D script-loader文件目录Index.vue页面引用二、新建excel文件夹,放置两个文件Blob.js和Export2Excel.jsBlob.js内容:/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27...
2020-06-12 18:43:58 888
原创 vue移动端上拉加载数据(vant组件库中的list列表)
data() { return { lawyer: [], loading: false, finished: false, par: { page: 1, // 页数 limit: 4 // 每页的条数 } }},methods: { layerList(inde) { // 请求列表 console.log('11', inde.page) layerList(inde).then(res =&g...
2020-06-03 18:15:59 1896
原创 百度地图之 区域划分、在线人员点标记、点每个标记点,弹出对应的信息
在线人员,箭头指向的分别是一级是镇的整体在线人员,二级菜单指的的村的在线人员有区域划分、自定义弹窗信息<template> <div class="contentHome"> <div class="forest" @click="froest"><img class="forestImg" src="@/assets/img/森林.png" alt=""></div> <div v-if="trueList" ..
2020-06-01 19:01:35 1154
原创 列表轮询
npm install 安装vue-seamless-scrollhtml部分:<div class="rightImg"> <div class="setTop"> <vue-seamless-scroll :data="eventShow" class="seamless-warp"> <ul class="content"> <li v-for="(item,index) in eventSho..
2020-06-01 18:51:11 473
原创 vue 封装接口
import axios from ‘axios’import qs from ‘qs’import { Toast } from ‘vant’// 转换请求方式axios.defaults.transformRequest = [function(data) {const str = qs.stringify(data, { allowDots: true })console.lo...
2020-04-29 11:38:44 3441
原创 微信小程序动态倒计时
微信小程序之倒计时插件 wxTimer1、在全局app.js引入下载: wxTimer 然后把wxTimer文件放在js中for (let i = 0; i < addEvaluate.length; i++) {// 约会时间let time = addEvaluate[i].appointmentTime;var that = this// ...
2020-04-29 11:20:37 790
原创 防抖和节流
函数防抖和节流,都是控制事件触发频率的方法。应用场景有很多,输入框持续输入,将输入内容远程校验、多次触发点击事件、onScroll等等。防抖函数函数防抖,这里的抖动就是执行的意思,而一般的抖动都是持续的,多次的。假设函数持续多次执行,我们希望让它冷静下来再执行。也就是当持续触发事件的时候,函数是完全不执行的,等最后一次触发结束的一段时间之后,再去执行。分解一下需求:持续触发不执行...
2019-11-25 11:21:56 94
原创 :hover 和 ::after结合使用,制作鼠标悬停效果
:hover 和 ::after结合使用,鼠标悬停效果:鼠标悬停效果:代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="utf-8"> <style> ul>li { list-style: none; ...
2019-11-21 16:55:51 3510
原创 vue传值(先介绍props refs parent)
vue中父组件像子组件传值:* *用props,如下:父组件中:<template> <div> <firstchildren :Msg="msg"></firstchildren> </div></template><script>import firstchi...
2019-11-19 16:51:40 315
翻译 vue中使用loading
因为有很多组件需要loading,所以我们把loading写为组件,在全局中都可以使用而选择的loading ,最好是css3动画写的,如果用图片,图片本身就是需要请求的在网上找了一个css3动画,如下:loading中的代码:<template> <div class="loader"></div></template><s...
2019-11-13 12:22:14 4030
原创 关于Uncaught (in promise) NavigationDuplicated {_name: "NavigationDuplicated", name: "NavigationDuplic
关于Uncaught (in promise) NavigationDuplicated {_name: “NavigationDuplicated”, name: "NavigationDuplic}的报错问题针对上述图片中的报错,解决方法如下,点击第一次报错,如果在这个点击页面 在点击一次router-link 就会报这个错 但是不影响功能,在此情况下,可以在router文件夹的inde...
2019-11-13 09:52:05 7868 3
原创 路由懒加载
路由的懒加载懒加载相对来说就是延迟加载或按需加载,即在需要的时候的时候进行加载,解决首屏组件加载速度更快,解决白屏问题。常用的懒加载方式有两种:使用vue异步组件 和 ES中的import1、未用懒加载,vue中路由代码如下: import Vue from 'vue' import Router from 'vue-router' ...
2019-11-08 10:35:42 181
原创 vue中后台返回日期,前台用过滤器filter处理日期
后台返回数据格式:2019-05-23 11:50:02;前台需要的数据格式:Vue.filter('dataTime', function(value) { console.log(value) var value = new Date(value) if (!value) return ''; if (value instanceof Dat...
2019-10-30 23:53:54 911
原创 Jquery导航阶梯效果
* { margin: 0; padding: 0; } .contain { width: 70px; height: 350px; overflow: hidden; position: fixed;...
2019-10-26 11:24:24 272
原创 点击a链接,使用javacript:void(0),不跳转路径,弹出弹框
空链接 javacript:void(0);在使用<a>标签时,经常会绑定其他事件比如onclick,这时我们会给<a>标签的href属性赋值为“#”,“javacript:;”,“javacript:void(0);”等等。一、href="javacript:;" 用这个的话会出现浏览器访问“javascript:;”这个地址的现象,所以任何情况下都不建议使用;...
2019-10-21 15:24:32 2547
原创 常用的设计4种设计模式
为了代码可重用性、让代码更容易被他人理解、保证代码的可靠性和稳定性(性能优化及开发模式)。1、工厂模式:最终返回一个对象,解决了创建对个对象的问题缺点:对象类型检测最终都是objectfunctionworker(name,sex){//函数里封装对象,返回对象varobj=newObject()...
2019-10-01 15:07:04 295
原创 express.static托管静态文件
使用express.static托管静态文件app.use(express.static("public")) //第一种:此文件夹为public,在网页上直接/data.jsonapp.use("/static", express.static("public")) //第二种:虚拟一个静态目录static,但是真实的还是public,在网页上直接/static/data.j...
2019-08-11 22:17:22 180 1
原创 express 渲染ejs模板
express 渲染ejs模板第一种方法:首先要安装cnpm install express --save 安装 cnpm install ejs --savevar express = require("express");var app = new express();var ejs = require("ejs")app.use(express.static...
2019-08-11 22:09:43 133
原创 子组件主动获取父组件的属性和方法
子组件主动获取父组件的属性和方法在子组件的挂在中,获取父组件,即this.$parent,然后用this.$parent点出父组件的属性。如果想获取父容器的方法,则在父组件中methods中写个方法,在子组件中用this.$parent点出父组件中的方法,即可获取父组件的方法。例如:下边例子中用红框框住的代码...
2019-07-27 23:49:19 1389
原创 父组件获取子组件里边的方法或调用属性
父组件获取子组件里边的方法或调用属性如果父组件想获取子组件对象,执行里边的方法或者调用属性,直接在父组件mounted(){}挂在,ref(获取虚拟dom元素)获取整个子组件,然后在子组件写个方法,在父组件中调用子组件的方法。...
2019-07-27 23:23:30 758
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人