唐宋元明清的博客

摘要： 这是封装出来的针对.NET环境安装的精简流程 根据流程新建一个配置文件 教程都是很简单的，可以参考《InnoSetup 客户端程序打包教程》 添加.NET安装基本的函数及辅助方法 在[Setup]模块下引用几个辅助文件 1 //import dependency for .net 2 //isxdl 阅读全文

摘要： 图片按比例填充容器，不需要获取详细的图片大小。 可以直接设置图片裁剪、缩放的模式mode=aspectFit 而某些场景，比如画布上绘制图片，需要获取保持纵横比自适应的图片大小~ 直接上代码，方便大家copy~ 1 getImageScaleSize = async (imagePath) => { 阅读全文

摘要： 此章主要介绍小程序里，如何进行笔迹书写/图片批注。 小程序文档介绍 画布：Canvas，绘图上下文：CanvasContext 1.在前端创建一个canvas，前端的canvas的canvas-id，使用 wx.createContext 获取绘图上下文context var context = w 阅读全文

摘要： 官方文档：RecorderManager 录音管理器，内部实现计时不准确。有以下俩个问题： 点击暂停继续，当录音结束时，stop返回的时间包含了暂停的那一段时间。 正常录音，录音文件的时长有概率少个1s。-- 这个问题，我在社区已反馈 以上俩个问题，根本原因还是因为recorderManager内部 阅读全文

摘要： 右键菜单，tootip等弹出时，弹出的位置经常在左侧，使用体验不好。 弹出方向有左对齐和右对齐 SystemParameters.MenuDropAlignment 当右对齐时，值为false 可以在控制面板中查看当前的设置： 如何在软件中强制向右弹出显示？ 可以设置SystemParameters 阅读全文

摘要： 小程序不支持，获取窗口的滚动位置，比如window.pageYOffset、window.scrollY 当需要当界面滚动到元素位置时，设置元素固定，可以如下处理： 使用微信组件Scrollviewer 滚动时触发，event.detail = {scrollLeft, scrollTop, scr 阅读全文

摘要： 当我们刷新页面时，除了路由，页面的当前状态及数据会全部清空/重置，包括浏览器标题。 如果想保存刷新前的一些数据，可以通过window.localStorage/sessionStorage，在浏览器里存储一些键值对小数据。 localStorage与sessionStorage的区别，前者的存储一直 阅读全文

摘要： 官网Calendar文档：http://taro-ui.jd.com/#/docs/calendar 日历虽然兼容性很高，小程序也能使用，但扩展性并不高，如果需要更强的样式/自定义，需要复制部分源码到本地再魔改。 代码包已经处理好，直接下载即可： https://files.cnblogs.com/ 阅读全文

摘要： 当我们设计界面时，在以下情况会需要阻止元素/组件内的事件阻断，不被上层触发： 弹出提示框，期望点击框外空白区域可以关闭弹框、点击框内不关闭弹框 组件设计时，期望点击全局/点击指定元素时，显示不一样的交互。 网上搜到三种答案： ev.preventDefault() ev.stopPropagatio 阅读全文

摘要： 官网：https://ant.design/components/date-picker-cn/ 如果要显示中文，官网是这么指导的： 但是，设置后并没有生效！原因是默认的中文local文件并没有月份的format格式： 解决： 根据官网local的格式，添加本地local对象即可 1 import 阅读全文

摘要： 官网文档：https://echarts.apache.org/zh/option.html#series-pie.type 使用案例指导：https://echarts.apache.org/zh/tutorial.html#%E4%B8%AA%E6%80%A7%E5%8C%96%E5%9B%BE 阅读全文

摘要： react异常警告：Each child in a list should have a unique “key” prop 原因：Dom在渲染数组时，需要一个key，不然嵌套数组时会引起歧义 解决： 1 <div className="classlist-contaier"> 2 {this.st 阅读全文

摘要： 当我们添加一张svg图片显示时，react提示找不到文件。 我们可以在全局文件global.d.ts内，添加图片类型的声明： 详见《TypeScript 引用资源文件后提示找不到的错误处理方案》 声明之后，引用不报错了。然后我们看看svg图片，里面有颜色及其它设置： 1 <?xml version= 阅读全文

摘要： 上一篇 前端 浏览器所在客户端信息，有浏览器信息后，以下是区分手机的详细类型 虽然没难度，但是记录下来，方便后续无脑复制： 苹果APP类型 1 // iOS 2 isIPhone = (userAgent: string) => /iphone/i.test(userAgent); 3 isIPod 阅读全文

摘要： 在开发App端的网页时，要适配iphone、ipad、ipod、安卓等各种机型，一般是直接使用em、px转em、界面缩放。 本章是通过将界面缩放，等比例显示在各机型上。过程中遇到了些问题和大坑~ 然后下面是具体的自适应尝试~ 方案一 设置tranform/scale 首先设置内容固定宽度、自动高度（ 阅读全文