- 博客(22)
- 收藏
- 关注
原创 uni-app如何适配钉钉小程序
在uni-ui组件和自定义组件中直接使用style和class,编译到钉钉小程序平台会出现样式丢失,建议在组件的外层在套一层view组件在钉钉小程序中要使用自定义导航栏的话需要在pages.json中页面配置节点添加如下配置"style": {其中配置是为了让原生导航栏变得透明,属性设置为空是为了不出现原生导航栏的字样,,如果不加就会出现如下效果在加完如上配置之后,就会发现加了自定义导航栏的在首页没有什么问题,而在跳转到另外一个配置自定义导航栏页面时会出现返回按钮重叠的情况,如下图所示。
2024-08-13 09:00:00
790
原创 echarts绘制SPC控制图(X-R控制图)
控制图(Control Chart)又叫管制图,是对过程质量特性进行测定、记录、评估,从而监察过程是否处于控制状态的一种用统计方法设计的图。图上有三条平行于横轴的直线:中心线(CL,Central Line)、上控制限(UCL,Upper Control Limit)和下控制限(LCL,Lower Control Limit),并有按时间顺序抽取的样本统计量数值的描点序列。UCL、CL、LCL统称为控制限(Control Limit),通常控制界限设定在±3标准差的位置。
2024-08-07 09:00:00
436
原创 Electron 如何在沙箱中使用node和Electron的模块
在Electron的沙盒中往往会需要使用node或Electron的Api,一般有以下两种方式。
2024-05-27 09:00:00
600
原创 如何规范化前端项目中的package
前端项目开发过程中,为了减少项目开发成员因各自设备的运行环境不同导致在前端开发过程中安装的包的版本以及node.js版本不一致,导致项目启动失败或者运行时报错,一般就会去做如下的一些配置去限制开发者的行为。
2024-05-27 09:00:00
222
原创 create-react-app创建的项目如何修改webpack配置
craco是 “Create React App Configuration Override” 的缩写,它是一个用于扩展和覆盖 Create React App(CRA)默认配置的工具。Create React App 是 Facebook 提供的一个流行的脚手架工具,用于快速初始化和构建React Web应用程序,特点是开箱即用并且有一套固定的配置集。
2024-05-13 09:00:00
1079
原创 iconfont调用和网页上展示的图标不一致
在web前端项目中使用iconfont有时会出现这种问题:在网页中使用iconfont的图标与iconfont官网展示的不一致,不管是用font-class、unicode的方式去调用使用的是实际展示的是。
2024-05-13 09:00:00
199
原创 如何启动一个静态的前端工程的服务
在前端开发过程中,可能会要对发布到生产的包做验证或者要本地运行一个开源的包的实例,这时候就需要在本地启动一个前端服务,一般有以下两种方式。
2024-04-08 09:18:27
498
原创 Webpack项目如何改了配置文件自动重启项目
基于Webpack的项目,项目的配置文件、package.json、环境变量文件发生了变更都需要手动重启项目,才可以在浏览器中看到效果。由于这些都是静态的配置文件,如果需要让他们的变更能够触发项目自动重启,就需要一个工具去监听他们的变化,这个时候nodemon隆重登场了。
2024-03-27 10:40:35
468
原创 前端如何监听的dom元素的变化
在前端开发中,会有这样的两种场景出现这种情况时,可以通过去监听dom元素的变化,去做相应的控制,来实现这种类似的功能。
2024-03-27 10:40:05
582
原创 Webpack性能优化 模块分包
在前端的自动化部署过程中,随着项目体积的不断增大,服务器打包的压力也在逐渐变大,打包时占用服务资源太大,这个时候就需要考虑如何减轻打包的压力。这两种方式并非是只能选其一,而是能双管齐下。一般情况下,其实使用方法1已经足够了,但不排除有特殊情况,使用splitChunks后还是感觉打包的压力略大,所以接下来就来讲讲如何使用webpack进行模块分包。
2023-10-31 09:00:00
1440
原创 如何实现浏览器标签页之间的通信
前端开发过程中,总是避免不了要进行前端标签页之间的通信,最经典的例子莫过于音乐播放网站中,当第一次点击播放列表中的歌曲时,它会打开一个新的标签页进行播放,而当在列表中再次点击歌曲播放时,并不会再多打开一个标签页,而是会在刚才新打开的标签页上播放歌曲。
2023-09-21 08:30:00
1479
原创 ES 2023新特性速解
JavaScript 中的 hashbang 注释类似于 Unix 中的 shebang,它提供了一个特定的 JavaScript 解释器的路径,用它来执行这个脚本。如果省略,则将数组元素转换为字符串,然后根据每个字符的 Unicode 码位值进行排序。只有当脚本直接在 shell 中运行时,Hashbang 语法才有语意意义,其他环境下 JavaScript 解释器会把它视为普通注释。指定的位置到数组末尾的元素数量,将会删除从。,表示已找到匹配的元素,否则返回一个。之后的所有元素,因为显式的。
2023-09-18 11:05:42
1591
原创 Webpack性能优化 代码分片与公共模块提取
通过将通用模块从bundle中分离出来,生成的块文件可以在最初加载一次,并存储在缓存中供以后使用。优化将优先考虑具有更高 priority(优先级)的缓存组。默认组的优先级为-20,以允许自定义组获得更高的优先级(自定义组的默认值为 0)。webpack-bundle-analyzer:一个 plugin 和 CLI 工具,它将 bundle 内容展示为一个便捷的、交互式、可缩放的树状图形式。如果当前 chunk 包含已从主 bundle 中拆分出的模块,则它将被重用,而不是生成新的模块。
2023-09-16 20:18:39
420
原创 如何使用Vite创建Vue3的uniapp项目
uniapp原生的uni.request使用比较麻烦,它并非使用Promise的形式也不支持请求拦截和相应拦截的配置,而luch-request基于 Promise 对象实现更简单的 request 使用方式,支持请求和响应拦截。正常来说这样子引入的话,使用组件时,需要在页面处import才可以使用,然而可以通过npm+easycom的形式来全局引入组件。和**.eslintrc-auto-import.json**两个文件,然后在.eslintrc.js文件中的extends属性中,引入该文件。
2023-09-16 20:16:56
854
原创 前端项目如何配置Eslint
ESLint 是一个根据方案识别并报告 ECMAScript/JavaScript 代码问题的工具,其目的是使代码风格更加一致并避免错误。
2023-09-16 20:12:17
239
原创 在Vue2和Vue3中JSX的使用集锦
有时候,我们使用渲染函数(render function)来抽象组件,而渲染函数使用Vue的h函数来编写Dom元素相对template语法差别较大,体验不佳,这个时候就派 JSX 上场了。变量绑定由data中的数据由 **@input="inputChange"或v-on:input=“inputChange”**变为。变量绑定由data中的数据由 **v-model=“value”**变为。变量绑定由data中的数据由 v-for变为插入JSX 语句段。template语法。template语法。
2023-09-16 20:08:46
3263
原创 vue中如何实现双向绑定
双向绑定的需要在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以变更父组件,且在父组件和子组件两侧都没有明显的变更来源。vue2中双向绑定的实现(2.3.0+)子组件<template> <div class="hello"> <div> {{ num }} </div> <button @click="addNum"></b
2022-04-11 08:00:00
6633
1
原创 Visual Studio中类库dll生成配置文件
在使用vs开发exe或dll的过程中难免会遇到要写固定的很少有变动的东西,比如说连接数据库的语句、配置应用程序的一些信息。在这个时候就可以,为了使exe或dll不用一经过小小更改就重新编译,就可以把这些固定的很少有更改的东西写入配置文件中,在编写时读取配置文件就可以了而一般的Winform程序或WPF程序一般都会一经编译自动生成配置文件(一般以程序名称.exe.config为文件名称,生成位置默认与应用程序相同文件夹)而dll却不会,这时候在开发时候就可能会有点迷惑,难道dll不可以按照要求生成专属的
2022-04-09 11:28:01
1516
原创 js中两个对象数组如何比对合并
情景有时候,从后端的数据并非是可以直接使用渲染的,需要经过处理之后才可使用,比如说以下这种情况//需要将这个数组中的字段合并,渲染在列表中const array1 = [{id:1,name:'张三'},{id:2,name:'李四'}]const array2 = [{id:1,age:6,desc:'描述1'},{id:2,age:7,desc:'描述2'}]方法方法1使使用嵌套循环的方式去查找比对,我这里采用Array.map方法嵌套Array.find方法来实现,此时的时间复杂度为
2022-04-09 02:49:42
1375
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人