- 博客(32)
- 收藏
- 关注
RSS订阅原创 微信小程序webview和小程序通讯
1.1需要再小程序嵌入vr页面，同时在vr页面添加操作按钮与小程序进行通信交互1.3 开发工具：uniapp开发小程序1.3原型图点击体验官带看跳转小程序的体验官带看页面点击立即咨询唤起小程序弹窗打电话web-view | uni-app官网 (dcloud.net.cn)
2024-04-23 16:26:26
2570
原创 【uniapp小程序生成分享海报扫码传参跳转页面】
uni.getImageInfo转换在线图片的时候需要在微信公众平台配置对应的downloadFile合法域名，也就是图片的合法域名。
2024-02-23 16:12:51
221
原创 用户隐私问题小程序审核不通过，微信小程序隐私保护开发指南
小程序隐私协议开发指南一、功能介绍涉及处理用户个人信息的小程序开发者，需通过弹窗等明显方式提示用户阅读隐私政策等收集使用规则。为规范开发者的用户个人信息处理行为，保障用户合法权益，微信要求开发者主动同步微信当前用户已阅读并同意小程序的隐私政策等收集使用规则，方可调用微信提供的隐私接口。2023.08.22更新：以下指南中涉及的 getPrivacySetting、onNeedPrivacyAuthorization、requirePrivacyAuthorize 等接口目前可以正常接入调试。
2023-09-09 23:40:05
3164
原创 git commit 规范化 团队git协作：commitlint，commitizen，husky 自动commit规范化
commitlint: 安装，制定提交规范（采用默认）生成配置文件commitlint.config.js，当然也可以是 .commitlintrc.js安装huskycommitlint.config.js配置参考在 package.json 中引入 husky。
2023-04-17 17:24:36
423
原创 uniapp 实现一键到顶和一键刷新功能
思路方法：封装一个组件，两个按钮：一键到顶和一键刷新按钮。在父页面引用组件，然后在父页面的onPageScroll事件中监听滚动高度，控制组件显隐。页面向下滑动到一定距离时显示按钮，点击按钮可以一键到底，一键刷新，向上滑动到一定距离时按钮消失。selector类似于 CSS 的选择器，但仅支持下列语法。核心功能：利用uniapp的onPageScroll。将页面滚动到目标位置。
2023-03-31 16:36:45
1924
原创 element-ui form表单如何逐个验证
1.背景：使用element-ui的form表单校验功能时，点击提交会对所有要校验的值进行校验，如下图：虽然提示了要必须填写的值，但是不太美观，产品经理要求点击提交只提示最先校验的那个，如下图2.方法使用form表单的这个方法然后对必填项进行遍历调用‘// html<el-form ref="dataForm" :rules="dataRule"***// datadataRule: { title: [ {.
2022-01-07 22:18:49
903
1
原创 vue动态路由，同一路由不同菜单刷新
场景：不同菜单跳转指向同一个路由，页面不会刷新这里只说我使用有效成功的方法：1：路由写法{ path: 'test/:id?', name: 'my/test', component: () => import('@/views/test/list/list.vue'), props: ({ params: { id }, query: { name } }) => ({ name: name, id: id }..
2021-09-07 10:11:27
727
原创 vue3.x配合Typescript配合element-ui-Plus 基础安装配置使用教程(vue3.x ref 响应式，钩子)
vue3.x（vue-cli@4.5）Typescript element-ui-Plusvue3不适用2版本的element-ui，要使用https://element-plus.gitee.io/#/zh-CN/component/installation（element-ui-plus）安装步骤：vue add element-plus安装完： main.ts内会新增import installElementPlus from './plugins/element'con...
2021-01-28 17:05:25
5497
2
原创 vue2.x配Typescript 常规安装配置教程
npm install --global @vue/cli安装升级最新脚手架Vue CLI4.x vue create my-project(项目名)// 也可以使用可视化命令面板创建项目 vue ui 选择Manually select features自定义配置 常规配置 可选择vue2? Please pick a preset: Manually select features? Check the features needed for your project: (*) B.
2021-01-28 16:59:52
596
原创 vuex中如何获取vue的this
vuex中如何获取vue的this？考虑如下场景： 使用vue和elememt-ui开发，在vuex中调用某个接口，根据接口返回想要使用element-ui的弹窗组件提示请求信息但是vuex中没有this，该如何调用比如：this.$message.error('xxx失败');方案比如在login登录文件中：export default { data () { return { }; }, methods: { ...
2020-07-29 16:26:15
5238
3
原创 element-ui el-table表头自定义配置，表格拖动排序
一 需求说明 表格列太多，页面展示不下，希望可以对表头自定义配置，配置是否展示，宽度，顺序等等。配置绑定用户。二 需求开发 2.1在表头右侧添加按钮，使用caption元素，
2020-07-10 10:58:26
2981
原创 echarts 数据量太大，造成图表渲染卡顿，影响性能怎么办？！
一 echarts配置首册链接：https://echarts.apache.org/zh/option.html#dataZoom二 DataZoomdataZoom组件 用于区域缩放，从而能自由关注细节的数据信息，或者概览数据整体，或者去除离群点的影响。现在支持这几种类型的dataZoom组件可以设置dataZoom的start和end，只显示部分图表，可以优化展示性能，但是有时候即使展示部分，还是数据量很多造成渲染性能问题怎么办？三sampling对于 ...
2020-06-18 10:51:03
21856
原创 vue cli3 build 打包后的的dist文件夹内的index.html如何本地正常打开
一 vue.config.js配置里：module.exports = { publicPath: './', 加入这一行 **}官网原文：baseUrl注意⚠️： 从 Vue CLI 3.3 起已弃用，请使用publicPath。publicPath Type:string Default:'/' 部署应用包时的基本 URL。用法和 webpack 本身的output.publicPath一致，但是 Vue CL...
2020-06-11 15:06:04
2313
原创 Web Worker,JS多线程，vue-worker
http://www.ruanyifeng.com/blog/2018/07/web-worker.html阮一峰文档介绍web worker摘录：一、概述JavaScript 语言采用的是单线程模型，也就是说，所有任务只能在一个线程上完成，一次只能做一件事。前面的任务没做完，后面的任务只能等着。随着电脑计算能力的增强，尤其是多核 CPU 的出现，单线程带来很大的不便，无法充分发挥计算机的计算能力。Web Worker 的作用，就是为 JavaScript 创造多线程环境，允许主线程创建 .
2020-05-29 17:36:17
4320
2
原创 事件循环 宏任务 微任务 执行栈，任务队列
我们需要补充一些前置知识，比如单线程模型是什么？js是一个单线程的脚本语言，之所以为什么不是多线程而是单线程，是因为历史遗留的原因，脚本语言如果使用了多线程，那么一个线程操作了dom，第二个线程也操作了dom，那么浏览器改听谁的，如果是多线程会对开发者来说是一个弊大于利的事情；那么没有了多线程就说明了，我们的任务需要在一个线程中进行，但是js虽然是单线程，但是还有很多线程，只是同一时间执行事件的线程只有一个，这个线程叫做主线程；但是我们会发现，如果现在是单线程，执行任务要等到上一个任务执行结束才
2020-05-15 12:37:03
378
原创 JS数据类型，类型转换，显式和隐式强制类型转换
1类型定义：对开发者来说，类型是值的内部特征，它定义了值的行为，以使其区别于其他值。理解类型，掌握类型，有助于理解掌握类型转换1.1内置类型七种类型：空值（null） 未定义（undefined） 布尔值（boolean） 数字（number） 字符串（string） 对象（object） 符合（symbol）除对象外，其他统称为基本类型除了null，其他类型...
2020-04-26 10:25:22
440
原创 对象的深拷贝，浅拷贝
一 普通的object.assign 或者扩展符...只能对基本类型值拷贝后互不影响，但是引用类型还是会影响a = { x: 2, y: [1]}b = Object.assign({}, a) || {...a}b // { x: 2, y: [1]}b.x = 99b.y.push(2)b // { x: 99, y: [1...
2020-04-12 21:22:28
115
原创 vue echarts 组件封装
echarts组件vue-echarts.jsimport echarts from 'echarts';//使用ResizeObserver制作响应式Vue组件import ResizeObserver from 'resize-observer-polyfill';const loadingOption = { text: '努力加载中', color: '#409e...
2020-03-30 11:02:20
1377
原创 js基础知识深入：作用域，闭包，this。对象，类，原型，对象关联，委托
作用域例：var a = 21，编译器先询问作用域是否有变量a，有则忽略，继续编译，无则要求作用域在当前作用域声明一个变量a2，编译器为引擎生成运行所需代码，处理a=2这个赋值操作，引擎先询问作用域是否有a，有则使用，无则继续找。如果最终找到a，把2赋值给a，否者抛出异常。当变量出现在赋值操作左侧为LHS查询，右侧为RHS查询，LHS表示赋值操作的对象目标是谁，RHS是查询。所...
2020-03-30 10:33:13
148
原创 vuecli3 vue.config.js git-repo-info输出git信息
vue.config.js 常用配置，const path = require('path');const moment = require('moment'); // 时间处理插件const webpack = require('webpack');const getRepoInfo = require('git-repo-info'); // git信息插件const isPr...
2020-03-06 13:53:07
733
转载 如何进行网站性能优化？
如何进行网站性能优化？1.背景介绍为什么要对网站进行性能优化网站的访问量及用户的持久性其实在一定程度上取决于其性能，如果一个网站响应耗时久，动画卡顿，占用大量的cpu等，往往就会导致用户流失。尤其是app及微信端应用，可以这么说，如果页面打开都要超过4秒，这体验绝对差。作为一个开发者，是不允许出现这种情况的，那么该如何提高页面的性能呢？大致的网站优化性能步骤不外乎减少HTTP请求次...
2018-08-12 18:39:55
4717
原创 简述原型链是什么，有什么用处？若想访问一个对象的原型，应该使用什么方法？
简述原型链是什么，有什么用处？若想访问一个对象的原型，应该使用什么方法？1.背景介绍1.1普通对象与函数对象 JavaScript 中，万物皆对象！但对象也是有区别的。分为普通对象和函数对象，Object ，Function 是JS自带的函数对象 function f1() {};var f2 = function () {};var f3 = new F...
2018-08-01 09:06:49
1283
原创 angularjs双向绑定后，发生了什么事情？是什么可以让view层和controller层进行绑定的？
angularjs双向绑定后，发生了什么事情？是什么可以让view层和controller层进行绑定的？1.背景介绍1.1什么是双向绑定 双向数据绑定是 AngularJS 的核心机制之一。当 view 中有任何数据变化时，会更新到 model ，当 model 中数据有变化时，view 也会同步更新 1.2双向数据绑定的原理？Angular 在 scope 模型...
2018-07-20 17:34:00
358
原创 angular js自定义指令 directive 如何使用？为什么要使用封装的自定义指令？
angular js自定义指令 directive 如何使用？为什么要使用封装的自定义指令？1.背景介绍1.1什么是指令 AngularJS与jQuery最大的区别在哪里？我认为，表现在数据双向绑定，实质就是DOM的操作形式不一样。 JQuery通过选择器找到DOM元素，再赋予元素的行为； 而AngularJS则是，将指令与DOM绑定在一起，再扩展指令的行为。 所以Angul...
2018-07-10 17:52:13
633
原创 简述angular 中constant和$filter的用法
简述angular 中constant和$filter的用法 1.背景介绍 什么是中constant和$filter，constant是用来设置常量的，constant(name,value)可以将一个已经存在的变量值注册为服务，通过依赖注入将其注入到应用的其他部分中，constant(name,value)可以将一个已经存在的变量值注册为服务，并将其注入到应用的其他部分中。其中，n...
2018-06-30 22:11:23
435
原创 异步编程有哪几种方法来实现
异步编程有哪几种方法来实现？1.背景介绍 JavaScript的执行环境是单线程的，单线程的好处是执行环境简单，不用去考虑诸如资源同步，死锁等多线程阻塞式编程等所需要面对的恼人的问题。但带来的坏处是当一个任务执行时间较长时，后面的任务会等待很长时间。在浏览器端就会出现浏览器假死，鼠标无法响应等情况。所以在浏览器端，耗时很长的操作都应该异步执行，避免浏览器失去响应。所谓异步执行，不同于...
2018-06-22 10:52:19
5648
原创 对一个数组 filter、some、map、foreach的操作分别有什么作用？
对一个数组 filter、some、map、foreach的操作分别有什么作用？1.背景介绍使用JavaScript数组常常需要对数组进行遍历、迭代操作。而我们常用的就是for语句对数组进行迭代。然而在ECMAscript5已经为数组定义了5个迭代的方法，分别是：filter、some、map、foreach、every，下面我们讲讲它们的具体作用。2.知识剖析2.1每个方法的作用 ...
2018-06-14 17:40:17
354
原创 渐进增强和优雅降级之间有什么不同？
渐进增强和优雅降级之间有什么不同？1.背景介绍渐进增强和优雅降级这两个概念是在 CSS3 出现之后火起来的。由于低级浏览器不支持 CSS3，但是 CSS3 特效太优秀不忍放弃，所以产生了的一种解决方式在高级浏览器中使用CSS3，而在低级浏览器只保证最基本的功能。先看一个例子： transition { /*渐进增强写法*/ -we...
2018-06-06 17:06:19
572
原创 请描述 BFC(Block Formatting Context) 及其如何工作
常见的排序算法有哪些？如何实现这些算法？请描述 BFC(Block Formatting Context) 及其如何工作？1.背景介绍box,Formatting Context基本概念先了解下box和Formatting Context： Box 是 CSS 布局的对象和基本单位， 直观点来说，就是一个页面是由很多个 Box 组成的。元素的类型和 display 属性，决定了这个 ...
2018-05-28 19:04:48
1230
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人