- 博客(206)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 移动端问题
修改触底数值： onreachBottomDistance: 30。app-plus { bounce: none} 关闭回弹效果。ios: 2020-1-1 转为 2020/1/1。修改targetsdkVersion: 30。二、onreachBottom触底生命周期，ios无法触发。解决：pages.json下。四、IOS和安卓的隐私协议和安卓不同。五、ios的安全区域（底部有横线）
2024-11-14 11:49:48
204
原创 vue面试题
如果使用下标作为key，每次数组发生变化时，Vue可能会因为下标的变化而重新渲染整个列表，而不是只更新变化的部分，这会导致性能下降。虚拟DOM是js的抽象数据结构，浏览器直接操作DOM是比较昂贵的，频繁的操作DOM会出现性能上的问题，当响应式数据发生变化时，会对前后新旧虚拟DOM进行对比，尽可能少的更新真实DOM，达到优化性能的目的。采用发布者和订阅者模式，通过缺齿Object.defineproperty的getter和setter属性，当这个属性发生变化时，会发布消息给订阅者，出发相应的回调。
2024-11-13 20:20:50
512
1
原创 性能优化、安全
防抖：立即出发，如果一定时间内触发 重新计时，提交事件。4、documentFragment,代码片段。节流：一定时间内只出发一次，浏览器resize。延迟加载，减轻服务器压力，减小浏览器负担。重绘： 增加、删除、内容尺寸等会重绘。1、操作DOM，在低层级Dom操作。回流不一定重绘、重绘一定导致回流。2、多个修改放在一起、出发回流。XSS注入：跨站脚本注入（客户端），解决：转译。回流：修改字体、颜色、背景等。SQL注入：表单中插入SQL查询（服务端）3、尽量少的操作Dom。CSRF攻击：跨站请求伪造。
2024-11-13 17:25:14
490
原创 IOS证书申请流程；证书无法信任；证书到期如何做
申请的流程，大概都可以按照dcloud官方文档进行申请，最后有总结可能存在的问题dcloud官方文档：https://ask.dcloud.net.cn/article/152开发(Development)证书和描述文件（一个账号最多申请两个）用于开发测试，在 HBuilderX 中打包后可在真机环境通过发布(Distribution)证书和描述文件（最多申请三个）用于提交 AppStore，在 HBuilderX 中提交云打包后提交到 AppStore 审核发布。
2024-04-28 16:02:35
1050
原创 chrome 安装devtools
依赖安装完成后，开始打包build。需要注意，这里的命令需要带watch，如果不带，会出错。即出现successfully 就可以退出了。出现上面画面，ctrl+c退出即可。打开chrome浏览器扩展程序。选择shell-chrome。进入下载的目录安装依赖。
2024-04-28 15:31:24
975
1
原创 软件版本号讲解:什么是Alpha, Beta, RC
文件名称由四部分组成：第一部分为项目名称，第二部分为文件的描述，第三部分为当前软件的版本号，第四部分为文件阶段标识加文件后缀，例如：项目外 包平台测试报告1.1.1.051021_beta_b.xls，此文件为项目外包平台的测试报告文档，版本号为：1.1.1.051021_beta。例如：1.1.1.051021_beta。如果是同一版本同一阶段的文件修改过两次以上，则在阶段标识后面加以数字标识，每次修改数字加1，项目外包平台测试报告1.1.1.051021_beta_b1.xls。
2024-03-19 10:00:19
3154
原创 Mac 安装nvm
①：使用 nvm install node版本号 也可直接输入nvm install node 最新版本。3.安装完成后关闭终端，重新打开终端输入 nvm -v 验证一下是否安装成功，当出现版本号时，说明已安装成功。②：使用 nvm list 或 nvm ls 可查看当前安装的node版本。④：使用 nvm alias default node版本 可以指定默认打开终端时的node版本。安装 nvm 之前最好先删除下已安装的 node 和全局 node 模块，避免引起冲突。
2024-03-14 15:42:14
658
原创 Mac command not found
电脑更新后，不知道怎么环境出现了一些问题， 想安装serve，自己打包后，启动服务，但是npm i serve -g ,就是报 command not found。原因：zsh和bash有别， zsh模式不执行上述脚本，bash模式才执行。source ~/.bash_profile 保存环境变量后没有生效。切换bash chsh -s /bin/bash。切换zsh chsh -s /bin/zsh。zsh、bash 模式互相切换。（如果没有可以只直接创建）
2024-01-15 16:37:07
839
原创 vue npm ERR! ERESOLVE unable to resolve dependency tree依赖包之报错
npm ERR! ERESOLVE unable to resolve dependency tree
2022-12-10 19:14:21
499
原创 Vue 运行报错error:0308010C:digital envelope routines::unsupported
Vue 运行报错error:0308010C:digital envelope routines::unsupported
2022-12-10 19:03:46
373
转载 vue uniapp中v-html识别\n换行
normal连续的空白符会被合并，换行符会被当作空白符来处理。换行在填充「行框盒子(line boxes)」时是必要。nowrap和 normal 一样，连续的空白符会被合并。但文本内的换行无效。pre连续的空白符会被保留。在遇到换行符或者元素时才会换行。pre-wrap连续的空白符会被保留。在遇到换行符或者元素，或者需要为了填充「行框盒子(line boxes)」时才会换行。pre-line连续的空白符会被合并。在遇到换行符或者元素，或者需要为了填充「行框盒子(line boxes
2022-05-04 17:30:09
2371
原创 Elementui输入框(text)与文本域(textarea)字体不一样
.el-textarea__inner{ font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
2022-04-26 17:35:49
910
原创 Object.assign()
1、Object.assign()是什么？Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象分配到目标对象。它将返回目标对象。 tips：在JavaScript中枚举属性简单来说就是指对象中的属性是否可以被遍历出来，是属性的enumerable值决定的2、基本用法const target = { a: 1, b: 2 };const source = { b: 3, c: 4 };const source2 = { c: 5, d: 6 };...
2022-04-23 14:26:55
2860
原创 js 面向对象(多态)
js的多态子类对父类方法的重写, 这个会默认执行子类的方法, 即实现多态不同子类执行父类的同名方法会有不同的结果, 即下面这种还有函数参数个数, 参数类型的多态不同子类执行父类的同名方法会有不同的结果实现方式父类中调用未来子类的方法子类的创建的时候, 写自己的方法, 继承父类, 调用父类的同名方法的时候, 父类原型上的this此时指向子类这个时候就会调用不同子类的方法 function Base() { Base.prototype.initfun = funct...
2022-04-23 14:23:38
340
原创 gulp打包Replace Autoprefixer browsers option to Browserslist config. Use browserslis
在package.json中添加"browserslist": [ "defaults", "not ie < 11", "last 2 versions", "> 1%", "iOS 7", "last 3 iOS versions" ]对gulp不是很熟悉，配合这的篇配置完成打包的gulp配置gulp-autoprefixer报出警告问题_saturday-yh的博客-CSDN博客...
2022-04-13 14:34:45
1028
原创 gulp配置gulp-autoprefixer报出警告问题
1、首先降低了gulp-autoprefixer的版本"devDependencies": { "babel-core": "^6.26.3", "babel-plugin-transform-remove-strict-mode": "^0.0.2", "babel-preset-env": "^1.7.0", "del": "^6.0.0", "gulp": "^4.0.2", "gulp-autoprefixer": "^6.0.0", "gulp-babel": "
2022-04-13 14:27:10
493
原创 element plus语言默认为英语，修改为中文
<template> <div> <el-config-provider :locale="zhCn"> <router-view v-slot="{ Component }"> <!-- keep-alive 缓存 --> <keep-alive include="addTemp,simpleTemp"> <component :is="Compone.
2022-04-13 14:19:10
656
原创 vue3+vite+ts+elementPlus+sass 项目搭建
兼容性注意Vite 需要 Node.js 版本 >= 12.0.0。npm init vite@latest初始化的vue3项目 没有router axios vuex sass等插件根据自己需求安装依赖包npm i axios @antv/g2 element-plus lodash print-js qf-export-excel qs vue-router vuex vuex-persistedstate -Snpm i sass -D需要说一点就是.
2022-04-12 14:10:19
1698
原创 vue3语法糖＜script setup＞，父子组件通信 使用defineEmit,defineProps,defineExpose
注意：这些语法糖是建立在<script setup>上的以封装element-plus Pagination 分页组件子组件获取到父组件的值用defineEmit,子组件给父组件传值用defineProps子组件暴露自己的数据和方法用defineExpose直接上完整代码子组件：<template> <el-pagination @size-change="handleSizeChange" @current-change="
2022-04-12 13:54:14
2216
原创 vue3+vite ＜script setup ＞ 配置name属性
// 首先安装插件npm i vite-plugin-vue-setup-extend -D// vite.config.ts 引入import vueSetupExtend from 'vite-plugin-vue-setup-extend'export default { plugins: [vue(), vueSetupExtend()],}//vue组件<script setup lang="ts" name="simpleTemp"> 直接使用..
2022-04-11 18:01:00
2152
原创 vue Component inside ＜Transition＞ renders non-element root node that cannot be animated.
警告：没有用根节点，无法使用动画在router-view上 使用div标签包住，<div> <router-view v-slot="{ Component }"> <!-- keep-alive 缓存 --> <keep-alive include="addTemp,simpleTemp"> <component :is="Component" /> </keep-...
2022-04-08 16:07:32
1041
原创 vue3 子父传值emit
方法一：//子组件setup(props,context) { toParent() { context.emit('msg',111) }}父组件<child @msg="childmsg"></child>childmsg(e){ console.log(ee)}方法二：//子组件import { getCurrentInstance,} from "vue";setup(props) {
2022-04-07 09:14:14
646
原创 vue2 SASS 定义全局变量
cnpm install -D sass-loader node-sass stylus-resources-loader在vue.config.js中pluginOptions: { 'style-resources-loader': { 'preProcessor': 'scss', 'patterns': [ // 文件路径根据实际情况编写 path.resolve(__dirname, '@/assets/css/*.sc.
2022-03-28 13:45:52
922
原创 uniapp H5 history 模式 刷新空白
针对nginx的配置listen 8888; listen [::]:80; server_name localhost; #charset koi8-r; #access_log /usr/local/nginx/logs/host.access.log main; location / { root html/webviewer; // 项目根路径 try_files $uri $uri/ @r...
2022-03-25 11:14:43
3878
原创 vue history 模式 刷新404 问题
1. src和href的区别src： 表示对资源的引用，它指向的内容会嵌入到当前标签所在的位置。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执⾏完毕，所以⼀般js脚本会放在页面底部。 href： 表示超文本引用，它指向一些网络资源，建立和当前元素或本文档的链接关系。当浏览器识别到它他指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理。 常用在a、link等标签上。2. 对HTML语义化的理解语义化是指根据内容的结构化，选择合适的标签。语义化的优点如下：
2022-03-25 11:03:03
4783
原创 JS 类型检测方法
javascript的变量类型分为原始类型和引用类型。原始类型有6种, 注意多了 Symbol Number String Boolean Null Undefined Symbol 引用类型包括 Function Array Date Object RegExp 而检测这些类型的变量有3种办法：typeof，instanceof，Object.prototype.toString.call。让我来一一例举，废话不多说，上代码。//首先是typeo
2022-01-19 16:19:15
377
原创 解构对象/展开字符串
解构对象假设我们有一个对象user:const user = { firstname: 'Chris', lastname: 'Bongers', age: 31};现在，我们可以使用展开运算符将其分解为单个变量。const {firstname, ...rest} = user;console.log(firstname);console.log(rest);// 'Chris'// { lastname: 'Bongers', age: 31 }这里，我们解
2022-01-19 15:10:08
743
原创 使用 Math() 函数
对于这句话，不能赞同更多，也让我下决心好好写这篇，网上文章虽多，大多复制粘贴，且晦涩难懂，我希望能够通过这篇文章，能够清晰的提升对apply、call、bind的认识，并且列出一些它们的妙用加深记忆。apply、call在 javascript 中，call 和 apply 都是为了改变某个函数运行时的上下文（context）而存在的，换句话说，就是为了改变函数体内部 this 的指向。JavaScript 的一大特点是，函数存在「定义时上下文」和「运行时上下文」以及「上下文是可以改...
2022-01-19 15:06:52
697
原创 uniapp项目 vue create -p dcloudio/uni-preset-vue my-project下载失败
1. 利用github下载：https://github.com/dcloudio/uni-preset-vue2、执行命令(原理就是直接使用本地的项目模板,正常情况下是拉去线上模板)// 现在需要执行的命令vue create -p 你下载好文件的路径 myproject// 我的命令示例vue create -p E:\uni-preset-vue-master uniapp复制// 正常情况下的命令(拉取线上资源)vue create -p dcloudio/uni-pre.
2021-12-03 15:53:59
4242
原创 vue3 定义全局方法（获取全局this）
在main.ts(main.js)中添加const app = createApp(App)app.config.globalProperties.$http = () => { alert(1111)}在组件中使用import { defineComponent, reactive, ref,getCurrentInstance } from 'vue'const _this:any = getCurrentInstance()console.log(_this.ap.
2021-09-28 15:13:36
3882
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人