uni-app 日期选择组件 单日/日期范围 选择 先看效果单日选择多日选择组件<template> <view v-show="value" class="calendar-body"> <view class="title-name"> {{title}} <text class="iconfont icon-close-bold" @click="close()"></text> </view> <view v-i
uni-app 表情、键盘切换输入组件 组件内容<template> <view v-if="showInputEmoji" class="icon-img-emoji"> <view class="pop_pinglun" :style="{bottom: keyHeight + 'px'}"> <view class="mask" @click="showInputEmoji = false"></view> <view class="warp" @tap
rrweb + vue用户屏幕行为录制 • npm install rrweb -S• npm install rrweb-player -S这里我使用的是 PHP + mysql 接收数据 保存录屏数据的字段最好使用 longtext 类型 录屏数据一般比较大<template> <el-card shadow="never" class="aui-card--fill"> <div class="rrweb-create"> <el-button @click="c
ThreeJs+vue3.0 加载obj/dae3D模型 3D模型下载地址 https://www.3dxy.com/3dmodel/pt-7.html<template> <div> <div id="container"></div> </div></template><script>import * as Three from 'Three'import { OrbitControls } from 'three/examples/jsm/c.
ThreeJS + vue3.0 实现 粒子波浪 <template> <div class="LatheBufferGeometry"> </div></template><script>import * as Three from 'Three'import Stats from 'stats-js'export default { name: 'LatheBufferGeometry', setup () { // FPS引入 const stats
ThreeJS vue3.0 快速实现VR全景图 引用对应的扩展 import { OrbitControls } from‘three/examples/jsm/controls/OrbitControls’ 抗锯齿参数 antialias: true双面显示 side: Three.DoubleSide<template> <div class="Create"> </div></template><script>import * as Three from 'thre.
ThreeJS vue3.0 立方体如此简单 vue3.0 引用 three.jscnpm install three -S在使用的页面 import * as Three from ‘three’使用three绘制最简单正方体<template> <div class="Create"> </div></template><script>import * as Three from 'three'export default { name: 'Create',
vue3.0 admin 管理后台 使用 vue3.0 + element-plus 的vue3.0管理后台项目地址:https://gitee.com/wfHuang/vue3.0-element// 使用的组件"dependencies": { "core-js": "^3.6.5", "element-plus": "^1.0.1-alpha.19", "lodash": "^4.17.20", "register-service-worker": "^1.7.1", "vue": "^3.0.0.
第九天: arguments is not defined 我们在使用 arguments 的时候 出现 arguments is not defined其原因常见的是因为没有注意 es6 箭头函数 没有this 和 argumentsArray.prototype._push = (...value) => { for (let i = 0; i < arguments.length ; i++) { this[this.length] = arguments[i] return this.len.
第八天:ios new Date() 兼容问题 js20202014 new Date() 创建时间在IOS 系统中的兼容问题问题描述: new Date(‘yyyy-MM-dd’) 这个操作在ios中会报错问题所在: ios new Date() 操作的时候 , 时间格式必须是 yyyy/MM/dd getToDay(curDate) { // 兼容ios // 这里一般合理的处理方式 就是将 ‘-’ 替换成 ‘/’ // 特别注意的是:curDate 这个值至少是 包含 yyyy-MM-dd 年月日
uni-app 实际开发中遇到的坑 createCanvasContext 中的 ctx.draw() 失效问题描述let ctx = uni.createCanvasContext('myCanvas', _this);// 解析图片// 画图// 最后下面和这个不执行了ctx.draw(false, () => { // 描绘路径 // 下载图片})问题所在// 没有传入对应的thisctx.draw(false, () => { // 描绘路径 // 下载图片}
第七天: uni-app 最实用的单点登录及权限验证 Uni-app20200519 uni-app 最实用的单点登录及权限验证登录方法/** * 登录 */ sumbit () { this.$http.post('/sys/User/login', this.dataForm).then(({ data: res }) => { // 存储token uni.setStorageSync('token', res.token) // 存储用户数据 this.$store.dis
第六天: 超详情的vue锚点定位详解 Js20200422 vue自定义锚点定位<template> <div> <!-- 内容区域 --> <div class="content"> <div> content-0 </div> <div> content...
第五天:uni-app 封装请求拦截、响应拦截 Uni-app20200421 uni-app 封装请求拦截、响应拦截安装npm install uni-request --save封装方法import uniRequest from '../uni-request/index.js';import config from '../config/index.js' // 全局域名配置/** * 提供的方法有 * uniRe...
第四天:日常使用的正则判断 Javascript20200413 日常使用的正则判断/** * 判断是否是字母 * @param {Number} data */export const checkLetter = data => /^[a-zA-Z]+$/g.test(data)/** * 判断是否全部是小写字母 * @param {Number} data */export const...
第三天:数组操作集合 Javascript今天没想起什么特别的骚操作,就总结一下数组的操作吧20200410 数组操作/** * 数组并集,只支持一维数组 * @param {Array} arrOne * @param {Array} arrTwo */export const arrAndSet = (arrOne, arrTwo) => { return arrOne.concat...
第二天:vue全局导入组件,也是创建组价组件库的方式 我想写一篇专题博文,每天一个知识点第二天vue20200408 全局导入组件// 组件目录下新建一个index.js 文件// 这其实就是开发公共组件库的方式, 以下为内容// 导入button组件import WButton from './Button'// 组件列表const components = [ WButton]// 定义 install 方法,...
第一天:路由传值解耦 我想写一篇专题博文,每天一个知识点第一天vue20200408 路由传值解耦// 路由设置props{ path: '/url-id', name: 'url_id', component: () => import('@/views/modules/url/id'), meta: { title: '加载中···' }, props: (r...
2020 前端面试必问知识点 又到了一年一度 金三银四 ,今年因为疫情的影响。机会也显得格外的少,根据自己这段时间面试的三家公司,还有面试别人的经历来总结了一下面试必问知识点我整理了一个思维导图提供原始思维导图文件还在继续整理中,有兴趣的可以 在评论区留下你面试的考点...