- 博客(34)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue中精准加减算法
let arithmetic = { //加法 accAdd(arg1, arg2) { var r1, r2, m, c; try { r1 = arg1.toString().split(".")[1].length; } catch (e) { r1 = 0; } try { r2 = arg2.toString().split(".")[1].length; } catch (e) { r2 = 0; } c = Math.abs(r1 -
2021-09-18 18:09:11
926
原创 vue中动态渲染css样式
vue2的，动态样式只能通过computed实现<view :style="colors"> <view class="text"> test css </view></view>//jsdata(){ return { color:'#84a555' }},computed:{ colors () { setInterval((res)=>{ this.color = `#${Math.random().t
2021-08-26 10:39:20
1248
原创 小程序修改上一页面数据并达到刷新
获取上一个页面数据let pages = getCurrentPages() let prePage = pages[pages.length - 2] prePage.$vm.needRefresh = true //刷新 uni.navigateBack({ delta: 1 })}, 500)在父页面声明needRefresh ：false export default { data() { return { needRefresh: false, //刷新页
2021-08-25 15:40:58
190
原创 格式化时间格式
export function formatDate(date, format) { var paddNum = function (num) { num += ''; return num.replace(/^(\d)$/, '0$1'); }; //指定格式字符 var cfg = { yyyy: date.getFullYear(), //年 : 4位 yy: date.getFullYear().toString().substring(2), //年
2021-08-22 22:39:05
131
原创 封装
import axios from 'axios';var moment = require("moment");import md5 from 'js-md5'import { Message} from 'element-ui';// 生成随机字符串function randString(len) { len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /****默认去
2020-12-17 15:34:06
119
原创 腾讯云TRTC 多人视频会议
<template> <div class="center-page" v-loading="loading"> <!-- --> <div class="on-box"> <div id="local_stream" class="local-stream"></div> <div class="uese-box"> <p> &l
2020-12-17 15:08:10
1234
1
原创 Vue + vue-quill-editor富文本禁止粘贴图片
项目中粘贴图片过大 富文本内容上传后台服务器上传不到。解决办法：不允许粘贴图片//添加匹粘贴板事件 handleCustomMatcher(node, Delta) { let ops = [] Delta.ops.forEach(op => { if (op.insert && typeof op.insert === 'string') {// 如果粘贴了图片，这里会是一个对象，所以可以这样处理 ops.push(
2020-11-12 12:03:00
3530
8
原创 Vue 富文本 vue-quill-editor + elementUI实现
安装 vue-quill-editornpm install vue-quill-editor --save文件import引入依赖import { quillEditor } from 'vue-quill-editor'import 'quill/dist/quill.core.css'import 'quill/dist/quill.snow.css'import 'quill/dist/quill.bubble.css'DOM层代码 <quill-editor ref="
2020-10-30 17:29:15
653
原创 JS禁止浏览器缩放大小（Ctrl+滚轮）
window.addEventListener('mousewheel', function(event){ if (event.ctrlKey === true || event.metaKey) { event.preventDefault(); } },{ passive: false}); //firefox window.addEventListener('DOMMouseScroll', func.
2020-10-22 10:23:14
1554
2
原创 2020-09-08
一.发送效果HTML<div id="send-btn"> <button> // 这里是一个svg的占位 Send </button></div>复制代码CSS#send-btn{ display: flex; align-items: center; justify-content: center; height: 100vh;}button { background: #5f55af;
2020-10-16 15:25:23
92
原创 css实现瀑布流简易效果
css实现瀑布流简易效果<div class="waterfall-container"> <div class="waterfall-item" v-for="i in list"> <div class="item" :style="{height:i+'px'}"> @pky </div> </div></div>export default { data(){ return{
2020-09-11 11:00:17
276
原创 **uni-APP学习一个月后..... 从入门到放弃**
uni-APP学习一个月后… 从入门到放弃一、性能表现得益于CSS的灵活以及移动浏览器渲染引擎的优化，即便是打包app (套壳应用)，在一些设计界面的还原上也能“唬”得住一般老百姓。那什么时候会“露陷”呢，一般是从转场动画。动画性能应该是目前非原生解决方案和原生差距最明显的地方，个人认为也是Flutter 能得到多数拥趸的最大优势。因为，在APP的大多数需求里，动画真的很重要。uni对这方面有什么帮助呢？很少，几乎没有。洋洋洒洒的一堆API (多数设计的很稚嫩，印象中甚至不支持Promise)，就是用
2020-09-04 15:40:13
4697
1
原创 css水平垂直居中
css水平垂直居中1.如果是只有水平居中，如果子元素是块级元素：子元素设置display:block/table;margin: 0 auto;2.如果只有水平居中，如果子级元素是行内元素或者行内块元素，需要父级设置text-align:center;子级设置display: inline/inline-block;3.如果只有垂直居中，而且父子元素不脱离标准流：父元素设置display:table-cell;vertical-align: middle;2和3一起，可以实现水平垂直居中4.如果
2020-09-01 10:31:20
430
原创 **uni-app Socket学习**
uni-app Socket学习socket.js 文件class Socket{ static socketOpen = false; static connect(){ uni.connectSocket({ url: 'ws://118.31.21.220:2800' }); // console.log('我连接---') this.socketOpen = true; } static close(){ uni.closeSocket(); this.
2020-08-20 15:59:04
1150
原创 身份证和出生日期正则
身份证验证var p = /^[1-9]\d{5}(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/;日期码验证var checkDate = function (val) { var pattern = /^(18|19|20)\d{2}((0[1-9])|(1[0-2]))(([0...
2019-08-15 15:01:27
399
原创 简单rem.js代码
window.onload = function(){ /*720代表设计师给的设计稿的宽度，你的设计稿是多少，就写多少;100代表换算比例，这里写100是 为了以后好算,比如，你测量的一个宽度是100px,就可以写为1rem,以及1px=0.01rem等等*/ getRem(1940,100)};window.onresize = function(){ ...
2019-08-12 15:39:04
337
原创 Vue生命周期（(*^_^*)）
=实例创建前 beforeCreate()钩子函数里面的this都指向vue实例创建前无法操作data中的数据，也拿不到根元素实例创建后 created()创建后能够拿到data中的数据操作data中的数据发起ajax请求实例（组件）挂载前，vue不管事 beforeMount()可以获取到根元素。DOM还没有被渲染实例挂载后，vue管事了 mounted()DOM渲染完毕。...
2019-08-06 08:04:11
103
原创 css生成各种形状。
箭头#curvedarrow { position: relative; width: 0; height: 0; border-top: 9px solid transparent; border-right: 9px solid red; transform: rotate(10deg);}#curvedarrow:after { content: ""; ...
2019-07-30 11:21:43
161
转载 用 top left 定位和 transform 的区别
链接：https://www.zhihu.com/question/334077465/answer/759985633来源：知乎最首要的区别是元素位置：使用 top left 定位是直接改变元素真实位置的，简单来说你 top: 5px 那就真的是离父容器上端 5px 或者偏离顶部定位 5px（这里我们不讨论 position 各种定位的破事）但是你用 transform: transla...
2019-07-24 16:32:15
4188
原创 vue面试常问题
什么是 mvvm？MVVM 是 Model-View-ViewModel 的缩写。mvvm 是一种设计思想。Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，而...
2019-07-24 16:26:26
128
原创 中国城市省市
let city = [ { "citys": [ { "citysName": "石家庄市" }, { "citysName": "邯郸市" }, { "citysName": "唐山市" }, { "citysName": "保定市"...
2019-07-22 11:24:50
197
原创 小程序瀑布流组件
JS/** * 瀑布流组件 */Component({ properties: { intervalWidth: { type: String, value: "20rpx" } }, data: { items: [], stopMasonry: false }, methods: { /** ...
2019-07-19 14:44:20
170
原创 Git常用命令
编辑区添加到暂存区：git add .暂存区提交到分支：git commit -m “备注”创建远程主机名：git remote同步远程仓库：git push -u origin <分支名>克隆项目：git clone url拉取项目代码: git pull origin <分支名>查看分支:git branch创建分支 git branch <分支名...
2019-07-15 09:47:13
85
原创 小程序Canvas字体换行/显示省略号
dealWords(options) { options.ctx.setFontSize(options.fontSize);//设置字体大小 var allRow = Math.ceil(options.ctx.measureText(options.word).width / options.maxWidth);//实际总共能分多少行 var count = allRow >...
2019-07-12 15:57:03
767
原创 城市名字 按a-z排序
[{“initial”: “A”,“list”: [{“code”: “0997”, “name”: “阿克苏”, “pinyin”: “Akesu”, “label”: “Akesu0997”, “latitude”: “41.10”,“longitude”:“80.15”}, {“code”: “0837”,“name”: “阿坝”,“pinyin”: “Aba”,“label”...
2019-07-12 14:23:24
1350
1
转载 this指向问题
var number = 5;var obj = { number: 3, fn1: (function () { var number; this.number *= 2; number = number * 2; number = 3; return function () { ...
2019-07-12 14:16:09
306
1
原创 数组。。。
写一个函数,输入一个数组如[‘昌平’,‘丰台’,'海淀‘,‘朝阳’,‘海淀’,‘昌平’],得到数组中相同元素的个数,返回结果如[[‘昌平’,2],[‘丰台’,1],[‘海淀’,2],[‘朝阳’,1]] 。var index = [];var arr =[‘昌平’,‘丰台’,‘海淀’,‘朝阳’,‘海淀’,‘昌平’];for(var i = 0;i<arr.length;i++){if(...
2019-07-11 16:12:22
93
1
原创 数组中的对象键相同，让值相加。
var arr = [{“a”:1},{“a”:2},{“a”:3},]var newArr ={};arr.forEach(item=>{for(var key in item){var value =item[key]; key in newArr?(newArr[key] += value):(newArr[key] = value)console.log(valu...
2019-07-11 15:55:31
1748
1
转载 前端面试题
1、JavaScript有哪些垃圾回收机制？答：有以下垃圾回收机制。 标记清除（mark and sweep）这是JavaScript最常见的垃圾回收方式。当变量进入执行环境的时候，比如在函数中声明一个变量，垃圾回收器将其标记为“进入环境”。当变量离开环境的时候（函数执行结束），将其标记为“离开环境”。垃圾回收器会在运行的时候给存储在内存中的所有变量加上标记，然后去掉环境中的变量，以及被...
2019-07-11 15:21:11
98
转载 函数防抖和节流
函数防抖和节流函数防抖和节流，都是控制事件触发频率的方法。应用场景有很多，输入框持续输入，将输入内容远程校验、多次触发点击事件、onScroll等等。为了说明问题，假设一个场景：鼠标滑过一个div，触发onmousemove事件，它内部的文字会显示当前鼠标的坐标。效果是这样的：在上边的场景下，我们不希望触发一次就执行一次，这就要用到防抖或节流。下面我们看一下它们能为我们做什么吧。防抖函数防抖...
2019-07-10 10:34:34
350
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人