- 博客(66)
- 资源 (3)
- 收藏
- 关注
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 webpack5常用配置
该常用配置使用的npm包:"dependencies": { "autoprefixer": "^10.4.4", "clean-webpack-plugin": "^4.0.0", "css-loader": "^6.7.1", "html-webpack-plugin": "^5.5.0", "postcss-loader": "^6.2.1", "webpack": "^5.70.0", "webpack-cli": "^4.9.2" },
2022-03-18 14:47:00
1166
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端知识点查漏补缺
vue中组件是用来复用的,为了防止data复用,将其定义为函数当我们组件的date单纯的写成对象形式,这些实例用的是同一个构造函数,由于JavaScript的特性所导致,所有的组件实例共用了一个data,就会造成一个变了全都会变的结果当我们将组件中的data写成一个函数,数据以函数返回值形式定义,这样每复用一次组件,就会返回一份新的data,拥有自己的作用域,类似于给每个组件实例创建一个私有的数据空间,让各个组件实例维护各自的数据。
2022-03-15 14:52:33
1402
2
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3.2 setup语法糖总结
Vue3.0 暴露变量必须 return 出来,template中才能使用;Vue3.2 中 只需要在 script 标签上加上 setup 属性,组件在编译的过程中代码运行的上下文是在 setup() 函数中,无需return,template可直接使用。文件结构<template> // Vue2中,template标签中只能有一个根元素,在Vue3中没有此限制 // ...</template><script setup> // ....
2022-02-14 11:24:10
1962
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vite.config.js常用配置
vite 是一个基于 Vue3 单文件组件的非打包开发服务器,它做到了本地快速开发启动:快速的冷启动,不需要等待打包操作;即时的热模块更新,替换性能和模块数量的解耦让更新飞起;
2020-11-02 13:54:28
48426
11
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 Vue3新特性 组合式Api
setup - 组件内使用 Composition API 的入口点setup 作为组合式 API 的入口点,也就是说,组合式 API 都必须只能在 setup 中使用<template> <div> <h1>setup - 组件内使用 Composition API 的入口点</h1> <p>{{username}}</p> </div></template><scr
2020-10-15 13:56:25
7696
4
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 网络安全详细讲解
什么是 XSS?如何预防?XSS 全称是 Cross Site Scripting ,为了与CSS区分开来,故简称 XSS,翻译过来就是“跨站脚本”。XSS是指黑客往 HTML 文件中或者 DOM 中注入恶意脚本,从而在用户浏览页面时利用注入的恶意脚本对用户实施攻击的一种手段。最开始的时候,这种攻击是通过跨域来实现的,所以叫“跨域脚本”。发展到现在,往HTML文件中中插入恶意代码方式越来越多,所以是否跨域注入脚本已经不是唯一的注入手段了,但是 XSS 这个名字却一直保留至今。注入恶意脚本可以完成
2020-08-26 10:10:15
13027
3
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 微信小程序入门到精通
常见问题1、rpx:小程序的尺寸单位,规定屏幕为750rpx,可适配不同分辨率的屏幕2、本地资源无法通过wxss获取RE:background-image:可以使用网络图片,或者base64,或者使用标签3、wx.navigateTo无法打开页面RE:一个应用同时只能打开5个页面,请避免多层级的交互方式,或使用wx.redirectTo4、tabBar设置不显示RE:①tabBar的数量少于2项或超过5项都不会显示②tabBar写法错误导致不显示③tabBar没有写pagePath字段(
2020-07-06 09:17:35
10755
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 vue入门到精通
vue的优点:轻量级框架组件化mvvm数据驱动型双向数据绑定对 MVVM 的理解Model:代表数据模型,数据和业务逻辑都在Model层中定义View:代表UI视图,负责数据的展示ViewModel:就是与界面(view)对应的Modelmodel和view没有直接关联,通过ViewModel来进行关联,让model和view有双向数据绑定的联系vue常用的指令v-if v-show 显示/隐藏v-for 循环v-bind 动态绑定属性v-on 绑定事件v-mode
2020-07-06 09:14:14
12488
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 uni-app入门到精通
介绍uni-app是一个使用Vue.js语法来开发所有前端应用的框架(也称之为全端开发框架)已经掌握了vue和小程序开发的话,上手uniapp基本很快就能掌握vue的指令语法 + 小程序的组件和Api搭建环境上官网安装一下开发工具https://www.dcloud.io/hbuilderx.html然后需要安装微信开发者工具 最好用最新的如果直接写app的话 可以安装模拟器 我自己安装的是Android Studio 如果是mac 再安装Xcode 就可以双端撸起来了然后用开发工
2020-07-03 14:01:57
11467
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 mongodb的使用
终端命令行指令连接数据库后 :// 查询所有数db据库show dbs// 切换/创建数据库,当创建一个集合(table)的时候会自动创建当前数据库use test// 插入一条数据db.fruits.save({name:‘苹果’,price:5})// 条件查询db.fruits.find({price:5})// 得到当前db的所有聚集集合db.getCollectionNames()// 查询db.fruits.find()mongodb原生驱动安装mysql
2020-07-03 13:57:01
12756
1
![](https://csdnimg.cn/release/blogv2/dist/pc/img/listFixedTop.png)
原创 前端面试题总结
JavaScript分为ECMAScript,DOM,BOMBOM:浏览器对象模型,它使得js有能力与浏览器进行‘对话’,如alert()就是它提供的DOM:文档对象模型,通过它可以访问HTML文档的所有元素,如document.getelementByid()就是它提供的变量提升将js中的变量或者函数提高到作用域的顶部,如先把var和function声明的变量前置,再去顺序执行代码阻止冒泡什么是冒泡:如果一个按钮绑定了一个‘click’事件,那么click事件会依次在它的父元素中触发.
2020-07-03 13:54:16
11065
2
原创 nginx重启失败:Job for nginx.service failed because the control process exited with error code
nginx重启失败:Job for nginx.service failed because the control process exited with error code
2024-01-05 10:33:44
2552
原创 Swagger自动生成axios代码
为了提高前端开发效率,所以使用node来写了个这个工具,基于Swagger.json生成axios代码,省去axios部分的工作。
2023-07-14 16:29:05
698
1
原创 uniapp接入uniPush消息推送
UniPush 是 DCloud 联合个推公司推出的集成型统一推送服务,内建了苹果、华为、小米、OPPO、VIVO、魅族、谷歌 FCM 等手机厂商的系统级推送和个推等第三方推送。国内Android的Push是一个混乱的世界,因为 Google 的 Push 服务 FCM 被墙,所以一些国内的安卓手机厂商各自做了自己的推送,比如华为、小米、OPPO、VIVO、魅族等,但还有很多国产手机厂商没有提供官方推送方案。三方独立公司如个推,则提供了独立的 push 方案。
2023-03-21 12:18:09
1315
原创 vue项目使用Electron开发桌面应用
或者在项目根目录创建 .npmrc 文件,项目下 .npmrc 文件的优先级最高,可以给每个项目配置不同的镜像,项目之间的配置互不影响。在 vue.config.js 中 pluginOptions 配置。在 vue.config.js 中 pluginOptions 配置。安装完成运行electron -V,查看是否安装成功。cmd运行: npm config edit。请确保您的 node 版本大于等于 16。注释掉安装vue devtools的代码。然后保存并关闭该窗口。
2023-02-27 15:18:09
2733
原创 ios 审核问题处理方案
Guideline 3.2 - BusinessWe found in our review that your app is intended to be used by a specific business or organization, including partners, clients, or employees, but you've selected public distribution on the App Store in App Store Connect. Since th
2023-02-22 09:10:36
2441
2
原创 webpack和vite的区别
从入口文件开始解析各个模块的依赖关系,非js的文件使用loader解析成js,使用plugin注入钩子,打包合并模块,生成打包文件,然后使用express开启本地服务,浏览器请求打包后的文件。使用koa开启本地服务,没有像webpack那样需要解析模块的依赖、打包合并的过程。vite会在浏览器请求需要的模块时,再对模块进行编译。vite的热更新比webpack更快。因为webpack在改动一个模块时候,其他有依赖关系的模块也会重新进行打包。CommonJs 加载的是整个模块,把模块里的所有方法都加载进来;
2022-11-14 11:30:45
1924
原创 npm 原理集合
1、执行 npm run xxx 时,会先从当前目录下的node_modules/.bin中去查找对应的可执行程序执行。4、将压缩包解压到项目的node_modules文件夹中(require的查找顺序会在该包下面查找)。2、如果无法找到,就会在npm的全局安装路径进行查找,也就是npm i -g xxx时安装的路径。5、查找到,会获取缓存中的压缩文件,并且将压缩文件解压到node_modules文件夹中。2、不一致,那么会重新构建依赖关系,直接会走顶层的流程。3、如果还找不到,就会从系统环境变量中查找。
2022-10-18 10:37:00
966
原创 package.json 与 package-lock.json 的关系
使用 node 和 npm 可以很方便的下载管理项目所需的依赖模块。package.json 用来描述项目及项目所依赖的模块信息。
2022-10-10 11:26:57
431
原创 使用命令行将本地文件上传Linux服务器
### 上传本地文件到服务器```cmdscp ./basis.zip root@8.888.888.888:/root/ ```> 注:把当前目录下的 basis.zip 上传至ip为 8.888.888.888 服务器的 /root/ 目录里面### 上传本地目录到服务器```cmdscp -r ./dist root@8.888.888.888:/root//www/ ```> 注:把当前目录下的 dist 目录上传至ip为 8.888.888.888 服务器的 /root/www
2022-07-14 16:49:39
2983
1
原创 让JavaScript代码尽可能的优雅
在代码评审中发现很多地方不优雅的地方,也不是说不能运行,只是造成代码量增多,可读性变差而已。取值在程序中非常常见,从对象obj中取值差:优:关于合并数据比如合并两个数组,合并两个对象差:优:关于if中判断条件差:优:关于获取对象属性值差:优:关于输入框非空的判断在处理输入框相关业务时,往往会判断输入框未输入值的场景差:优:.........
2022-06-24 22:50:34
316
1
原创 vue页面与iframe页面通讯
项目是中后台管理系统,系统中需要接入高拍仪设备。由于把高拍仪设备提供的html二次开发源码重构成vue时间成本太高,因此把html采用iframe的方式嵌入vue,使用postMessage来作为vue页面与iframe页面通讯。...
2022-06-24 11:40:07
1360
原创 Vue3的优化总结
vvue2.x通过 Object.defineProperty 去劫持数据的getter和setter> 缺陷:> 1. 必须预先知道要拦截的key,所以不能检测对象属性的添加和删除> 2. 要劫持内部深层次的对象变化需要递归遍历这个对象,有性能负担> vue3.x使用 Proxy 做数据劫持,Proxy可以劫持整个对象或数组的变化,不用无脑递归遍历,这种处理方式很大程度提升了性能...
2022-06-23 22:56:26
708
原创 if(a==1&&a==2&&a==3),a的值什么情况下等于true
JavaScript中,当涉及到加运算或==判断时,会触发隐式转换规则,转换的目的是将两个值转换为相同的数据类型
2022-06-18 13:17:43
423
原创 vue同时使用两个版本的依赖
业务需求开始时间和结束事件的框不能让它们联动。因为ant-design-vue3的日期选择器功能不支持,ant-design-vue2支持,所以选择安装ant-design-vue2然后按需引入日期选择器。这样就可以和现有的版本共同使用package.json:...
2022-06-17 17:49:04
1672
原创 什么是防抖节流
防抖:高频触发事件,只要最后一次事件处理程序内部的执行成果案例: // 1.拿到input输入框 const input = document.querySelector('input') // 定义定时器类名 let time2; // 2.给oninput添加防抖事件 input.oninput = function () { // 移除定时器 clearTimeout(time2); //设置定时器 time
2021-09-30 15:29:26
229
原创 Vuese自动生成vue组件文档
1.安装Vuesenpm i vuese --save-d2.在根目录下新增配置文件 .vueserc{ "include": [ "./components/**/*.vue" ], "title": "ASui-doc", "genType": "docute", "outDir": "./docs"}include:指定构建组件目录。title: 文档名称genType: 指定生成的文档类型,docute 会把vue文件构建出的所有markdo
2021-09-14 11:04:42
1948
原创 vue组件库开发上传npm
1.先构建vue项目运行vue-clivue create vui我们将src重命名为examples, 并添加packages目录,用来存放我们的自定义组件但是cli默认会启动src下的服务,如果目录名变了,我们需要手动修改配置,自定义打包配置项目的文件,我们只需要手动创建vue.config.js即可.我们具体修改如下:module.exports = { publicPath: "./", assetsDir: "static", productionSourceMap:
2021-09-13 18:34:53
501
原创 TCPlayerLite使用(腾讯云播放器)
Web播放器 TCPlayerLite(腾讯云播放器)先npm引入npm install v-tcplayer引入import { VTcPlayer } from ‘v-tcplayer’使用demo<template> <div id="demo"> <div> <VTcPlayer ref="tcPlayer" :options="options" elmId="1"
2021-08-19 18:23:55
3153
原创 electron中JS报错:Uncaught ReferenceError: require is not defined
Electron已经发布了6.0正式版,升级后发现原来能运行的代码报错提示Uncaught ReferenceError: require is not defined解决办法:修改创建BrowserWindow部分的相关代码,设置属性webPreferences.nodeIntegrationnew BrowserWindow({ width: 800, height: 600, minHeight: 990, minWidth: 1560,
2021-07-09 09:58:11
883
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人