- 博客(31)
- 资源 (1)
- 收藏
- 关注
原创 假的进度条
<template> <div> <a-progress :percent="format" status="active" /> </div></template><script>export default { computed: { woStr: (that) => JSON.stringify, format: (that) => parseInt(that.percent)
2021-08-26 17:58:49
345
原创 vue 改变数据 视图不会改变或者子组件监听不到数据变化的解决办法
vue 改变数据 视图不会改变或者子组件监听不到数据变化的解决办法this.$set(this.manages, 1 ,123) // 改变单个值this.$set(this, "manages" ,{}) // 改变整个对象或数组
2020-11-12 11:43:54
781
原创 es5和es6部分用法区别
1. 模块的导入导出ES5 使用 CommonJS 标准,一般使用 require() 用法引入模组:var React = require('react');var MyComponent = require('./MyComponent');输出则是使用 module.exports:module.exports = MyComponent;ES6+ import 用法:import React from 'react';import MyComponent from './MyCo
2020-11-05 14:58:25
272
原创 前端网页需要的大数据地图json获取:
1、http://datav.aliyun.com/tools/atlas/#&lat=22.65267050733856&lng=114.18983459472656&zoom=102、 http://geojson.io/#map=9/35.7164/110.9454
2020-10-26 11:01:52
424
原创 富文本插件tinymce.init()最全配置参数说明
代码有点乱 慢慢看{language: _this.language, // 显示语种selector: #${_this.tinymceId}, // 容器的idheight: _this.height, // 高度body_class: 'panel-body ',object_resizing: false, // 图片和表格是否开启在编辑器内部缩放toolbar: _this.toolbar.length > 0 ? _this.toolbar : toolbar, // 工具栏
2020-09-16 17:56:36
12765
转载 js 图片压缩 附赠base64转file文件类型
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="js/jquery-3.1.1.min.js"></script> <style type="text/css"> </style> </head> <body>
2020-08-12 13:52:07
133
转载 n种css居中方法
转载:【基础】这15种CSS居中的方式,你都用过哪几种?简言CSS居中是前端工程师经常要面对的问题,也是基本技能之一。今天有时间把CSS居中的方案汇编整理了一下,目前包括水平居中,垂直居中及水平垂直居中方案共15种。如有漏掉的,还会陆续的补充进来,算做是一个备忘录吧。1 水平居中1.1 内联元素水平居中利用 text-align: center 可以实现在块级元素内部的内联元素水平居中。此方法对内联元素(inline), 内联块(inline-block), 内联表(inline-table),
2020-08-06 13:35:49
125
原创 vue开发你要知道的小技巧----笔记
优雅更新props更新 prop 在业务中是很常见的需求,但在子组件中不允许直接修改 prop,因为这种做法不符合单向数据流的原则,在开发模式下还会报出警告。因此大多数人会通过 $emit 触发自定义事件,在父组件中接收该事件的传值来更新 prop。child.vue:export defalut { props: { title: String }, methods: { changeTitle(){ this.$e
2020-08-04 09:20:03
149
转载 node+vue+webcoket实现网页聊天
http://www.imooc.com/u/1892122/articles?label_id=13
2020-07-30 15:30:29
186
原创 删除node_modules
npm install -g rimraf安装完成后运行下面命令,在node_modules的父级目录rimraf node_modules
2020-07-13 16:11:54
179
原创 时间格式化,时间过滤
先介绍一下通用函数吧// 格式化日期// 返回 年-月-日 时:分:秒formatDate(date) { date = new Date(date); let myyear = date.getFullYear(); let mymonth = date.getMonth() + 1; let myweekday = date.getDate(); let myHour = date.getHours(); let myMin = date.getMinutes(); let mySe
2020-07-06 15:03:24
237
原创 keep-alive 动态缓存
// router.beforeEach((to, from, next) => {// let toView = to.matched.find(c => c.name === to.name);// let fromView = from.matched.find(c => c.name === from.name);// keepalive.keepaliveRules(toView, fromView);// next();// });// 判断组件是否缓存
2020-06-08 13:57:09
286
原创 vue批量引入全局组件
1 -「全局组件注册」组件是我们非常常用的东西,很多人使用组件都是通过一个一个文件去引用和注册。如果一个组件在整个项目里面的使用次数较多,每一次使用都需要引用并注册,就会显得特别麻烦<template> <div> <h1>I am HelloWorld</h1> <Child1></Child1> </div></template><script>import C
2020-05-14 14:26:26
1895
4
原创 js 获取指定时区的时间
var timezone = 8; //目标时区时间,东八区 东时区正数 西市区负数var offset_GMT = new Date().getTimezoneOffset(); // 本地时间和格林威治的时间差,单位为分钟var nowDate = new Date().getTime(); // 本地时间距 1970 年 1 月 1 日午夜(GMT 时间)之间的毫秒数var tar...
2020-04-24 11:02:18
4781
原创 客户端和服务端渲染的区别
服务端渲染和客户端渲染的区别+ 客户端渲染不利于 SEO 搜索引擎优化+ 服务端渲染是可以被爬虫抓取到的,客户端异步渲染是很难被爬虫抓取到的+ 所以你会发现真正的网站既不是纯异步也不是纯服务端渲染出来的+ 而是两者结合来做的+ 例如京东的商品列表就采用的是服务端渲染,目的了为了 SEO 搜索引擎优化+ 而它的商品评论列表为了用户体验,而且也不需要 SEO 优化,所以采用是客户端渲染...
2020-02-28 16:51:53
140
原创 结束上次axios请求
背景:本人在做一个菜单切换的时候,有时候页面还在请求数据,用户点击切换比较快,换到另一个菜单选项了,但是请求还没结束,导致页面存留是上次的数据。想到解决这个bug的直接方法就是结束上一次的请求。上代码:本人用的是axios来请求数据// 引入axios import axios from 'axios'export default { data () { ret...
2020-01-10 18:24:55
172
原创 钉钉小程序时间选择框(微信小程序通用)
time.axml<view class="page-section" a:if="{{prickShow}}"> <view class="page-section-demo"> <picker-view value="{{value}}" onChange="onChange" class="my-picker"> ...
2019-12-27 17:19:21
5318
原创 额 我的githup
记录一下第一次嗯? 第一次? 第一次没了???当然是第一次自己创建githup仓库 还是有内容的githup仓库哦githup地址:https://github.com/taojiatao/wabpack-project...
2019-12-19 17:18:34
80
原创 免费字体下载
https://www.zcool.com.cn/special/zcoolfonts/https://www.scnoob.com/font.html
2019-12-19 15:16:23
272
原创 vue项目适配移动端插件
先安装px2rem-loader和lib-flexiblenpm install px2rem-loader -s //yarn add px2rem-loader -snpm install lib-flexible —s //yarn add lib-flexible -s在main.js文件中引入lib-flexibleimport 'lib-flexible/flexibl...
2019-12-17 15:21:41
1055
转载 字体阴影
<h1> 字 体 边 框</h1>html { background: black;}h1 { background-color:black; font-family: "Raleway", sans-serif; font-size: 28px; color: red; text-shadow: 4px 4px 0 white, ...
2019-12-03 10:28:19
224
原创 正则
/^1(3|4|5|7|8|9|6)\d{9}$/.test(this.contactsTel) //手机号正则/^[\u4e00-\u9fa5\w]{2,16}$/.test(this.contacts) // 姓名正则未完待续
2019-11-12 14:56:40
68
原创 填坑:在Vue中使用better-scroll 结果router-link不生效
又来填坑了 (浪费了我一个小时)使用’better-scroll’移动端局部滚动的时候 router-link竟然用不了????上代码吧 setScroll(){ this.$nextTick(() => { this.scroll = new BScroll(this.$refs.wrapper, { scrollX: true...
2019-11-06 18:26:54
232
原创 前端向上向下取舍保留小数位数
1、向上保留小数(只要目标小数位后有有效数字就进1,保证计算后的数值一定不小于原数值)function upFixed (num, fix) { // num为原数字,fix是保留的小数位数 let result = '0' if (Number(num) && fix > 0) { // 简单的做个判断 fix = +fix || 2 num ...
2019-09-18 18:35:20
1158
1
原创 判断用户是手机还是电脑打开
判断用户的机型if (/(iPhone|iPad|iPod|iOS)/i.test(navigator.userAgent)) { document.getElementById("ios").style.display="block";} else if (/(Android)/i.test(navigator.userAgent)) { document.getElementBy...
2019-09-05 18:40:49
421
原创 关于npm run build 卡住不动
npm run dev能运行,npm run build命令后运行后在下面命令卡住不动D:\project profile\zycoin>npm run build> profile@1.0.0 build D:\project profile\zycoin> node build/build.js修改为淘宝源npm config set registry htt...
2019-08-09 11:44:18
1158
原创 屏幕自适应
屏幕自适应fontSize();$(window).resize(function(){ fontSize(); });function fontSize(){ var size; var winW=$(window).width(); if(winW<=1650 && winW>800){ size=Math.round(winW/16.5); ...
2019-07-10 10:49:43
135
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人