
前端
文章平均质量分 58
普通网友
这个作者很懒,什么都没留下…
展开
-
Vue3+TypeScript?看这一篇就够了
1、TypeScript快速上手1.1 初识 TypeScriptTypeScript 的介绍TypeScript是一种由微软开发的开源、跨平台的编程语言。它是JavaScript的超集,最终会被编译为JavaScript代码。2012年10月,微软发布了首个公开版本的TypeScript,2013年6月19日,在经历了一个预览版之后微软正式发布了正式版TypeScriptTypeScript的作者是安德斯·海尔斯伯格,C#的首席架构师。它是开源和跨平台的编程语言。TypeScript扩展了J原创 2022-03-11 20:54:13 · 2216 阅读 · 0 评论 -
vite 使用 env 环境变量
vite 使用 env 环境变量1. 环境变量的理解1.1. .env.dev-sit文件1.2. .env.dev-prod文件1.2. 配置package.json, scripts下新增以下代码2. 环境变量的使用2.1. index.html中使用1. 环境变量的理解叽里呱啦一下,主要目的是学习vue3 + vite来搭建一个后台管理系统的项目。认知:顾名思义就是变量在不同客户端环境下的不同表现。场景:多人开发、多版本开发等。1.1. .env.dev-原创 2022-03-11 19:30:31 · 2232 阅读 · 0 评论 -
Python 【企鹅号、QQ看点】短视频的自动上传与发布实例演示,同时支持抖音、快手、哔哩哔哩、小红书、微视、西瓜视频、视频号等平台的视频自动化同步发布
导读:本系列依次介绍目前主流的短视频平台(抖音、快手、B站、小红书、微视、百度好看视频、西瓜视频、视频号、搜狐视频、一点号、大风号、趣头条等)的短视频自动发布,希望帮助大家更方便、高效的来进行自媒体的创作与管理。【本文介绍的是企鹅号的短视频自动发布】[ 专栏推荐 ]Python 短视频自动化发布,包含抖音、快手、bilibili、小红书、微视、好看视频、西瓜视频、视频号等 10 余种平台Python+selenium 自动化 - 【企鹅号、QQ看点】短视频的自动上传与发布第一章:效果展示.原创 2022-03-11 15:30:07 · 4255 阅读 · 0 评论 -
JS最完整的深浅拷贝实现方式
深浅拷贝:内存中一共分为栈内存和堆内存两大区域,所谓深浅拷贝主要是对js引用类型数据进行拷贝一份,浅拷贝就是引用类型数据相互赋值之后,例obj1=obj2;如果后面的操作中修改obj1或者obj2,这个时候数据是会进行相应的变化的,因为在内存中引用类型数据是存储在堆内存中,堆内存中存放的是引用类型的值,同时会有一个指针地址指向栈内存,两个引用类型数据地址一样,如果其中一个发生变化另外一个都会有影响;而深拷贝则不会,深拷贝是会在堆内存中重新开辟一块空间进行存放;简单来说就是B复制了A,如果A发生了改变,如原创 2022-03-11 14:07:22 · 98 阅读 · 0 评论 -
html+css+php+mysql 简单的页面登录与注册(数据库的交互)
这是一个简单的小项目,但对于我这小白来说,也是写了好几天才完成,中间心态炸裂n次,但最后还是 搞定了!!!说了那麽多,还是分享一下吧!目录主页面(登录页面)登录页面的后台操作注册页面注册页面的后台操作实验环境是phpstudy2018。在phpstudy的www目录里,创建一个新文件夹test。文件里有:index.php 主页面(登陆页面)login.php 登录页面的后台操作register.html 注册页面register.php 注册页面的后台操作原创 2022-03-11 12:45:34 · 4484 阅读 · 1 评论 -
Cannot read properties of undefined (reading ‘then‘)
VUE报错,Cannot read properties of undefined (reading ‘then’)app.config.globalProperties.$mb = (type:any, message:string, title:string) => { ElMessageBox({ type, title, message, closeOnClickModal: true, closeOnP原创 2022-03-11 11:24:09 · 14018 阅读 · 0 评论 -
解决 JavaScript heap out of memory 报错
当我们在 丐版 云服务器中执行 node 命令的时候,如果服务器的内存比较小,介于 JavaScript 的语言特性,只能使用部分内存来进行操作,命令执行可能会报错:transforming (648) node_modules/axios/lib/axios.js<--- Last few GCs --->[158365:0x4c20f70] 27361 ms: Scavenge 473.4 (476.6) -> 472.8 (476.6) MB, 66.4 / 0.0 m原创 2022-03-10 12:20:27 · 1680 阅读 · 0 评论 -
一文看懂vue3中setup()和 <script setup><script>的区别
setup ()setup () 是vue3新增加的组件。vue3采用了组合式 API ,为了使用组合式API,我们需要一个入口,在vue3组件中,称之为setup。(简单点来说,就是vue2里面的data,method,computed···全不要啦,所有数据方法全写在setup里)来看一个简单的例子:<template> <div class="box"> <h1 style="text-align: center;">{{testData}}&l原创 2022-03-09 13:16:24 · 2888 阅读 · 0 评论 -
web前端入门教程(非常详细)
初学编程的小伙伴经常会遇到的问题,1.没资源 2.没人带 3.不知道从何开始 ,小编也是从新手期过来的,所以很能理解萌新的难处,现在整理一些以前自己学习的一些资料送给大家,希望对广大初学小伙伴有帮助!这套「web前端入门教程」将多年的编程经验灌输其中,典型的实践派。既适合初学者入门,也适合程序员进阶(学习底层)。web前端该怎么入门web前端入门教程(非常详细)给你学习前端的新手几个建议:第一:切记学习前端开发不可以依赖任何人,我做了开发这么久,十年了,见过很多依赖老师的学生,这样的后果就是自己没有解决原创 2022-03-09 11:56:04 · 424 阅读 · 0 评论 -
vue3集成bpmn-js——适配activiti工作流
1、安装bpmn-jsnpm install bpmn-js2、vue引入相关依赖import { markRaw } from 'vue';import 'bpmn-js/dist/assets/diagram-js.css';import 'bpmn-js/dist/assets/bpmn-font/css/bpmn-embedded.css';import BpmnModeler from 'bpmn-js/lib/Modeler';3、页面<div id="containe原创 2022-03-09 10:32:08 · 4357 阅读 · 0 评论 -
vue-echarts的使用
首先下载:npm install echarts vue-echarts然后全局引入://main.jsimport Vue from 'vue'import ECharts from "vue-echarts";Vue.component('v-chart', ECharts)//全局注册在对应的文件里面具体使用(我这里是折线图):<template> <div class="verify-line"> <v-chart :options="l原创 2022-03-09 08:57:21 · 115 阅读 · 0 评论 -
Uncaught TypeError Cannot read properties of null (reading ‘disabled‘)
问题描述在使用 Vue + ElementUI 开发项目的时候遇到了下拉框option 失去焦点时 不关闭的问题查找原因打开控制台之后发现有个报错信息参考了其他文章之后说是 使用了el-dropdown 下缺少 el-dropdown-menu 元素很奇怪,自己的页面明明没有写 el-dropdown又继续开始百度,答案出奇的一致突然发现,关闭模态框后,点击其他地方依旧会出现这个报错原来同事在导航栏的组件里使用了el-drop-down注释之后发现就是这里的问题解决方案(.原创 2022-03-08 14:17:04 · 1937 阅读 · 2 评论 -
nvm安装与使用
nvm node.js version managementnodejs的版本管理工具。通过它可以安装和切换不同版本的nodejs。windows用户下载安装:https://github.com/coreybutler/nvm-windows下载后按照默认配置一步步安装,由于国外的镜像源下载慢,所以打开C:UsersdellAppDataRoaming vmsettings.txt添加node_mirror: https://npm.taobao.org/mirrors/node/npm_mir原创 2022-03-08 12:56:40 · 274 阅读 · 0 评论 -
lambdaQuery用法
lambdaQuery用法 LambdaQueryWrapper<RiskControlDetails> wrapper = new LambdaQueryWrapper<>(); wrapper.eq(RiskControlDetails::getCustomerCode, customerCode); RiskControlDetails riskControlDetail = riskControlDetailsMapper.selectOne原创 2022-03-08 11:36:29 · 1517 阅读 · 0 评论 -
html生日快乐源代码
html生日快乐源代码源码下载》html生日快乐源代码.7z源码下载》html生日快乐源代码.7z源码下载》html生日快乐源代码.7z(重要的事说3遍)主页截图如下:可能这儿有人会问,这儿的照片怎么贴上去呢(修改图片)看下图可能这儿有人会问,这儿的文字怎么修改呢看下图可能这儿有人会问,背景音乐怎么改看下图默认的账号为root,密码为root如果想改的话,修改js文件夹下面verification.js的内容想要源码的,可以在此博客的最上面 . 下载链原创 2022-03-08 10:16:06 · 8824 阅读 · 13 评论 -
Echarts 初始化TypeError Cannot read properties of undefined (reading ‘init‘)
导入echarts时用:import echarts from ‘echarts’ 出现 “Cannot read property ‘init’ of undefined” 报错,改成 import * as echarts from ‘echarts’ 后解决。原创 2022-03-08 08:56:00 · 1105 阅读 · 1 评论 -
轻松理解前后端分离(通俗易懂)
一、前后端分离本质大家往往会陷入一个误区,试图用具体的技术来描述什么是前后端分离这个一个概念,这是答非所问的。一提到前后端分离就是SpringBoot + Vue,这并不是正确的理解!我们问的是:你为什么采用这种方式解决问题回答却是:你是如何去具体做这件事前后端分离是:软件技术和业务发展到一定程度,在项目管理工作上必须进行的一种升级,他是一个必然而不是一个偶然!说白了,就是公司部门架构的一种调整。为什么会发生这种变化?因为初期的软件开发其实是侧重于后端的,因为互联网初期的页面功能比较简单,只需原创 2022-03-07 10:21:52 · 3395 阅读 · 0 评论 -
爬虫之上传文件,request如何上传文件
爬虫之上传文件,request如何上传文件,当我们遇到需要上传文件的接口时,如何破解上传文件的密码呢?如图,文件的参数名files[],传输多张图片,那如何用python实现呢?1、方法1:使用requests模块import requestsurl = "url/uploadfile"payload={'content': '30而立','activityId': ''}#files=[('files[]',('图片.jpg',open('C:/Users/Administrator/.原创 2022-03-07 08:58:28 · 321 阅读 · 0 评论 -
小程序学习笔记3---基本写法
基本写法一、数据绑定二、事件绑定1、target和currentTarg的区别2、事件处理函数中为data赋值3、事件传参4、文本框的数据获取5、文本框实现双向绑定三、条件渲染1、条件渲染方式分类2、wx:if 与hidden的对吧四、列表渲染五、rpx单位六、样式导入七、全局配置window八、全局配置tabBar一、数据绑定二、事件绑定事件绑定大致可以分为以下3类:类型绑定方式说明tapbindTap 或 bind:tap手指触摸后马原创 2022-03-06 05:27:19 · 334 阅读 · 0 评论 -
关于vue3.0 + vite的坑(持续更新,有问题在下面留言,解决过的我可以帮忙)
多的数不胜数,而且我也没看出来用了setup函数能解决代码是屎山的问题最大的坑是第三方组件库还不支持vue3.x的问题这个问题还没找到解决方案,有没有老哥知道怎么让vue2的第三方库兼容vue3项目的可以加个群讨论一下,这个坑绕不过去很多项目只能乖乖用vue2,当然一些小项目还是可以拿来练手的,尤其H5页面这种,可以预知风险的,大项目真的不推荐,你不知道哪天项目经理从哪里看来一个方案说人家做的了,你用vue3,你引不了库,芜湖van蛋打包不了可能是这个问题相继引入了vue-router,vuex,e原创 2022-03-06 04:06:32 · 657 阅读 · 0 评论 -
【JS 逆向百例】吾爱破解2022春节解题领红包之番外篇 Web 中级题解
关注微信公众号:K哥爬虫,持续分享爬虫进阶、JS/安卓逆向等技术干货!文章目录逆向目标HLS 流媒体传输协议SAZ 分析JS 逆向TS 解密合并转换逆向目标本次逆向的目标来源于吾爱破解 2022 春节解题领红包之番外篇 Web 中级题,吾爱破解每年都会有派送红包活动(送吾爱币),需要大家使出看家逆向本领来分析内容获得口令红包,今年一共有五个题,一个送分题,两个 Windows 题、一个 Android 题和一个 Web 题,本文分析的正是 Web 题,吾爱有规定活动结束前..原创 2022-03-06 02:44:38 · 299 阅读 · 0 评论 -
vue实现打印功能
打印功能可以自己使用原生js(window.print())实现,其次就是使用插件,介绍两个打印插件一、vue-print-nb:这个插件使用起来便捷,用法如下1.安装npm install vue-print-nb --save2.在main.js文件中注册使用import Print from 'vue-print-nb'Vue.use(Print);3.具体使用方法:(1)直接绑定id方法 (2)绑定对象方法<!--直接绑定id方法--><div id='box原创 2022-03-06 01:23:50 · 9604 阅读 · 1 评论 -
vue3 element plus按需引入最优雅的用法
全局导入下载安装element plus后,在入口文件配置一下并挂载,就能畅通无阻的使用了。但问题是这样有很多用不上的组件都被打包进来了,导致包的体积非常大。按需导入采用按需导入的方法,其实是用解构的方式,从element的包中解构出来,再挂载到app上面。这样开发中用到什么组件就打包什么确实很好,减少了包的体积。但是又有一个新的问题,就是每次想要使用新的组件的时候,都要去解构一下,并且挂载。操作起来非常繁琐。有什么办法能够像使用全局引入那样只配置一次,后面要用到什么组件,都会自己按需加载呢?vi原创 2022-03-06 00:02:21 · 280 阅读 · 0 评论 -
Vue TypeError Cannot read properties of undefined (reading ‘xxxx‘) ,错误原因及解决方案
今天使用Vue+axios 查询数据库信息,并显示。用到了v-for便签。axios 也可以正常接收到数据。但是总是报同一个错误,无法读取未定义的标签。但是代码中明显有。TypeError: Cannot read properties of undefined (reading 'xxxx')错误截图:原因:上面的代码为: <td>{{b.book.publisher.name}}</td> <td>{{b.book.publisher.原创 2022-03-03 23:19:34 · 4365 阅读 · 1 评论 -
Property ‘xxx‘ does not exist on type ‘xxx‘报错解决
用ts写一个组件的时候,遇到了Property ‘increment’ does not exist on type 'Add’的红点儿报错,但神奇的是竟然还能正常运行。在参考一些正确的代码后,有两个解决方案。在export default class Add extends Vue {} 里面定义对应的Prop:import { Component, Vue, Prop } from “vue-property-decorator”;import { mapState } from “vue原创 2022-03-03 16:40:57 · 9151 阅读 · 0 评论 -
mac安装oh-my-zsh出现command not found npm问题解决
在安装完oh-my-zsh以后新建终端输入node或是npm会出现command not found:npm的情况,原因是因为不能够找到npm的环境,一开始我参考了一下网上的一些博客的方法,有点醉,完全被带偏,配置文件改的不忍直视,所以还是从原理上说一下这个问题的原因,别人的方法不一定照搬有用,但是只要原因知道,稍微微调一下即可,希望对大家有帮助先说一下前提环境,我这边是用nvm来统一管理node版本包,所以安装路径也会有所不同,首先我们需要在安装oh-my-zsh之前,执行下面的代码来找到你的npm所在原创 2022-03-03 15:36:29 · 2749 阅读 · 0 评论 -
django - layer弹层中添加form表单的实现方式(有坑)
一、展示方式1、比如说我们在测试平台中加一个添加项目的功能,统共就两输入框,如果跳转到一个页面完成,会显得比较笨重,于是,我们可以运用弹层二、具体实现方式如下1、先定义这个添加项目的表单,表单的样式根据你使用的前端框架来决定,但一定要注意两点(1)不要赤果果的直接把表单呼上去,要在外面再套一层div,我把他放到一个行里(2)要将他的可见性,设成display:none,即将其隐藏,因为我们是想给他展示在layer弹层里,而不是层示在页面上2、js脚本(1)layer中添加表单,这里面原创 2022-03-03 13:27:35 · 810 阅读 · 0 评论 -
谷歌浏览器下载、安装、配置。(保姆级详细教程。)
1,首先找一个你电脑已经自带了的浏览器。然后打开浏览器。2,在浏览器里面的搜索框输入谷歌浏览器。然后进行搜索。找到带有官方标志的网址点击进去。(优先选官网下载,因为非官网的有时候会带有捆绑软件或病毒。)3,在谷歌浏览器界面找到下载界面。(1)去掉已勾选的将使用情况统计信息发送给谷歌。(这个去不去掉勾都可以下载,我只是不想过分泄露信息。)(2)点击下载Chrome。4,下载完先点保存。(我只是个人习惯哈,你们要是习惯直接点击运行也是没事的。)5,点击完保存后界面会发生变化,你继续点原创 2022-03-02 13:14:38 · 29445 阅读 · 5 评论 -
被黑心商家坑了N次,探究抽奖背后的秘密 —— H5转盘小游戏完整实现(源码直接拿走)
原生JS实现H5转盘游戏 —— (揭秘黑心商家的肮脏套路)1. 基础的页面布局(index.html)2. 工具函数(用于调整概率)3. 传参及接收值配置4. dom 操作方法及具体逻辑处理5. FAQ(注意事项)本文是真实的实战项目,可以直接拿去用 —— 转盘抽奖可以自由调整概率,你也可以成为黑心商家项目效果是这样滴:H5小游戏天儿也不早了,直接开干!1. 基础的页面布局(index.html)这里不做过多解释了,就是一些页面布局大家直接复制粘贴过原创 2022-03-02 04:18:04 · 1008 阅读 · 1 评论 -
我用js写了一个,除夕烟花秀和春节随机祝福语
项目截图进入后的界面点击按钮点击之后的动画烟花结束后的界面代码实现涉及的技术:HTML5多媒体,CSS定位,动画,js面向对象,Jquery动画、事件首先来看HTML代码<!DOCTYPE html><html lang="cn"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge">原创 2022-03-02 03:14:29 · 339 阅读 · 0 评论 -
前端 解决笔记本屏幕显示缩放比例125% 150%对页面布局的影响
win10默认设置150%,对页面布局的影响靠单纯的自适应是没办法解决的问题出在device-pixel-ratio解决方案一css解决(复制粘贴放在样式文件中,确保被加载)@media all and (-moz-min-device-pixel-ratio: 1.09) and (-moz-max-device-pixel-ratio: 1.18), (-webkit-min-device-pixel-ratio: 1.09) and (-webkit-max-device-pixel-r.原创 2022-03-02 02:10:53 · 5904 阅读 · 4 评论 -
【Servlet入门】一篇文章让你从没听过到了熟于心
前言上一篇我们学习了Java Web中的XML部分了,如果你对XML一无所知,那你可以去看看这一篇文章,它可以使你快速入门XML。传送门:XML快速入门接下来我们正式开始学习Servlet.目录前言Servlet概述Tomcat第一个ServletServlet的开发与基本配置Servlet的生命周期注解简化配置启动时加载Servlet结语Servlet概述基本概念Servlet(Server Applet),全称Java Servlet。是用Java编写的服务器原创 2022-03-02 01:07:19 · 166 阅读 · 0 评论 -
vue3.x使用vuex
在vue3.x项目中需使用vuex4.x版本;安装直接下载/CDNhttps://unpkg.com/vuexnpm /cnpm /yarnnpm install vuex@next --savecnpm install vuex@next --saveyarn add vuex@next --save项目中使用在根目录下创建store文件夹,在store文件夹下创建index.js文件,在index.js文件中书写代码,与vue2.0中使用的vuex相差不大,直接上代码:import原创 2022-03-02 00:03:49 · 123 阅读 · 0 评论 -
uni-app watch事件监听三种用法
1、普通监听(无法监听到第一次绑定的变化)<input type="text" v-model="userName"/> //监听 当userName值发生变化时触发watch: { userName (newName, oldName) { console.log(newName) }}2、普通监听(可监听到第一次绑定的变化)第一种方式有一个缺点 就是当值第一次绑定的时候 不会执行监听函数,,只有当值改变的时候 才会执行,如果想在第一次绑定的原创 2022-03-01 20:21:55 · 2177 阅读 · 0 评论