大前端
大前端
开源字节
致力于企业智能管理软件的策划、定制与研发
展开
-
wiztree免费的c盘清理软件
经常使用电脑就会导致电脑的“垃圾”越来越多,从而导致磁盘爆红。原创 2024-03-30 12:37:56 · 637 阅读 · 0 评论 -
租房小程序登顶码云热门
众所周知,开源技术的大热往往预示着技术的热潮,码云发展至今,越来越多的开源作者选择在上面开源自己的作品,也希望通过码云每周最热门开源项目了解国内技术走向。原创 2022-08-04 15:28:04 · 308 阅读 · 0 评论 -
Web预览附件
在进行Web开发时,希望实现在线预览附件,而不是下载。原创 2022-07-08 09:52:25 · 248 阅读 · 0 评论 -
为租客提供帮助
很多人都选择离开家乡到其它城市工作生活,到了新的城市,我们做的第一件事情就是寻找合适的住处了,过去在租房的时候我们需要到房屋中介咨询看房,非常麻烦,租房小程序的定制开发让我们租房的过程变得非常简单方便。...原创 2022-07-07 10:49:09 · 144 阅读 · 0 评论 -
Vue3 Composition API如何替换Vue Mixins
想在你的Vue组件之间共享代码?如果你熟悉Vue 2 则可能知道使用mixin,但是新的Composition API 提供了更好的解决方案。原创 2022-06-13 21:23:05 · 775 阅读 · 0 评论 -
vue中mixins的使用方法和注意点
混入 (mixin) 提供了一种非常灵活的方式,来分发 Vue 组件中的可复用功能。原创 2022-06-12 21:01:12 · 315 阅读 · 0 评论 -
JS原型、原型链深入理解
这篇文章主要针对javascript中的原型、原型链深入理解,原型是JavaScript中一个比较难理解的概念,本文为大家解决这个难题,感兴趣的小伙伴们可以参考一下原创 2022-06-03 23:08:55 · 103 阅读 · 0 评论 -
什么是404页面?
官方解释:就是有的网址你点击过去,因为某些原因是死链接(可能也是无意的),死链接在搜索引擎眼中是很差的评价。 所以我们就做一个页面,叫做“404页面”,这样任何死链接打开都是404页面,对用户相对较好,这样对蜘蛛的友好度就没有问题。我们认为:你的网站已经收录的情况下,假如网站更改域名,每次更改栏目,更改栏目URL,删除文章等,就会产生死链接,错误链接,空链接等。因为百度spider以前记录的在百度数据库存贮的URL路径,仍会存在,且按照以前的URL路径来了,发现你已经变动了,找不到了,就出错了,原创 2022-03-28 23:23:47 · 986 阅读 · 0 评论 -
详细的网站定制步骤有哪些?
网站开发是过程中重要的一环。定制型的网站更能体现网站的特色,展示,扩大市场规模,提高企业线上服务体验度。具体的定制型网站开发都有哪些流程呢?一、对开发项目进行规划。网站开发并不是糊里糊涂的开发,同样需要明确网站开发的目的是什么,有哪些主要职能,可以通过这个网站获取到什么?网站作为对外宣传的一种方式,每一家都不尽相同,企业根据自己需求和用户情况进行分类规划。二、对界面的设计。用户在规划好自己的网站之后,就需要对界面的设计,界面的设计需要用户提供相关资料,页面的设计需要按照用户的需求来设计,原创 2022-03-24 22:11:53 · 1209 阅读 · 0 评论 -
弹窗如何设计才能提高用户体验
弹窗对很多人来说并不陌生,我们经常在各种网站和各种APP中看到。虽然弹出式设计被评为“历史上最糟糕的设计体验”,但不可否认的是,它为网站的品牌、产品/服务和活动的传播做出了贡献。原创 2022-03-23 11:28:58 · 433 阅读 · 0 评论 -
什么是目标关键词?
目标关键词的概念是SEO最重要的概念之一。目标关键词是什么?是你网站写在SERP No.1位置的核心广告词!目标关键词是什么?我们也可以从多个方面去理解。最简单的理解是:你网站的主要关键词。你希望用户搜索那个词时,搜索到你网站的首页。很多人对SEO的理解就是,做关键词排名。其实他们说的关键词,就是简单意义上的目标关键词。更高层次上我们采用SEO的思想做品牌网站,而不单单只是做关键词排名。这个观念,最好一直贯穿我们SEO工程项目计划的整个过程。最好带着这个疑问:如何通过SEO,做品原创 2022-03-22 12:12:14 · 102 阅读 · 0 评论 -
教你两分钟做出一个精美好用的404页面
怎么快速的做好网站404跳转页面?要想做的又快又好,开源字节建议就套用精美的模板即可。总的来说就是利用404页面模板,进行修改,修改好一个404页面上传到网站根目录,然后一般在网站空间的后台直接设置选择用此文件作为404页面即可。具体利用404模板修改制作404页面流程如下:第一步获取404代码文件,下载一套404页面模板(一般一个404代码文件,和一张404图片)第二步修改文件信息,把404页面代码文件里面的链接文字等修改成适用自己的网站的信息。域名,关键字,404图片调用路径原创 2022-03-21 16:52:17 · 1319 阅读 · 0 评论 -
B端/C端中,产品or运营哪个更重要?
在业绩指标面前,产品经理和运营也是相爱相杀的一对。达标了,那是因为自己做得好;没达标,那是因为对方太烂了。一个产品想要受人喜欢,付费意愿强,产品和运营是相辅相成的。但公司的资源、预算有限,不可能都配备上最强且足够的人手。那么,如何合理安排人员比例呢?就要看在一款产品中,产品经理和运营哪个更重要。我认为:C端产品更重运营,B端产品更重产品。一、C端产品更重运营1. 拼多多的运营神话C端产品运营得出神入化的,不得不说拼多多。2015年9月成立,2018年7月在纳斯达克上市,创下了原创 2022-03-20 15:19:48 · 364 阅读 · 0 评论 -
2022年了,微信商城小程序还值得做吗?
首先说下结论:值得!如果你也是线下的实体商家,请赶紧去做!因为疫情过后,中国民众的消费心理将发生大的变化,所有的消费场景都会围绕“宅”这个字来做,实体店铺向互联网店铺转型已成必然,小程序相比APP具有天然的优势,它春天即将到来。我举两个例子,他们是我身边用小程序成功转型的实体商家。1、我有一个做生鲜的朋友,依托的是社区门店销售。生意看起来还不错,忽然有一天他找到我,问我关于小程序的问题,沟通过程中他给我算了一笔账:要实现店铺盈利,他每一天的销量要达到2200元。因为房租、蔬菜水果的折损、人员原创 2022-03-18 13:01:25 · 620 阅读 · 0 评论 -
条码WMS系统与ERP接口实现方法
条码WMS系统与ERP接口实现:仓库管理软件通过ERP接口访问ERP,从ERP同步出入库指示单据,根据指示单据指导与核对出入库作业,最终根据出入扫描记录调用ERP接口自动在ERP生成出入库实际单据,省去在ERP手工录入单据,保证了库存数据准确与及时、提高了作业效率。因为ERP系统没提供标准业务接口,只能通过读写数据库处理,包括:文件方式:以既定格式文件在 ERP 和 WMS 之间进行数据交流;数据库临时表:在数据库建立临时表存放 ERP 和 WMS 需要交流的数据;业务逻辑 WebS原创 2022-03-16 18:33:32 · 1664 阅读 · 0 评论 -
网站被DDOS攻击了怎么办?
DDOS攻击一般指分布式拒绝服务攻击,因为其隐藏性非常好,所以想做溯源工作非常困难,一直是网络中最让人头疼的流量攻击之一。假如...原创 2022-03-16 14:54:04 · 784 阅读 · 0 评论 -
vue3 element-plus使用
先下载往期vite project项目直接开始安装npm i element-plus 为了方便,直接采取全部引入的方式src/plugins/element.tsimport ElementPlus from 'element-plus'import 'element-plus/lib/theme-chalk/index.css'export default (app: any) => { app.use(ElementPlus)}src/main.ts原创 2022-03-15 14:08:39 · 810 阅读 · 0 评论 -
二维码的应用技术
1、二维码防伪防窜货通过二维码防伪防窜货系统可对应产品一一生成加密的二维码产品信息,将二维码印刷或标贴于产品包装上,用户只需通过指定的二维码防伪防窜货系统或手机软件进行解码检验,既可获知该产品的一连串的正品安全信息,从而达到放心购买和监督打假的作用。2、二维码查询通过二维码对产品进行标识,消费者可以通过扫描二维码来查询产品及生产企业的相关信息,如产品的规格型号、技术参数、保质保修说明,生产企业的信息,联系方式,企业认证资质等.3、二维码支付二维码支付原理结合了二维码技术和移动支付技术,扫原创 2022-03-22 15:45:55 · 1638 阅读 · 0 评论 -
vue3 数组清空与重新赋值
vue3里面,如果数组是用reactive()声明的,要清空数组得用list.length = 0,如果想要使用list =[],或者直接赋值类型list = [1,2,3,4,5],得把数组用ref([])来声明,然后用list.value = []来修改,然后如果是对象里面的数组,可以直接使用obj.list = []来清空,因为obj已经被响应式了.<template> <div> {{list}} <button @click="add">原创 2022-03-06 16:10:29 · 18643 阅读 · 1 评论 -
quill(vue-quill-editor) 编辑器中莫名多出一行
在使用 vue-quill-editor 富文本编辑器过程中,加载已有的富文本数据到编辑器,经常会出现编辑器中莫名其妙多出一段换行内容 <p><br></p>(一般出现在段落与其他内容之间,例如标题,引用,列表),每次重新编辑之前的内容时都必须手动删除这些空行,否则这些换行就会越积越多。这让我们的文案小伙伴很不开心。问题必须得解决,否则就又要换编辑器了。先尝试直接使用 DOM 设置 innerHtml 进行设置原始内容,发现没有成功(在浏览器控制台可以成功,但是.原创 2022-03-02 15:16:50 · 1640 阅读 · 0 评论 -
elementui table 序号列自动增长
复选框后面一列放置序号<el-table-column label="序号" type="index" width="50" align="center"> <template scope="scope"> <span>{{(page - 1) * pageSize + scope.$index + 1}}</span> </template>.原创 2022-03-02 09:24:10 · 735 阅读 · 0 评论 -
Vue-Quill-Editor
基于 Quill、适用于 Vue 的富文本编辑器,支持服务端渲染和单页应用。ExampleComponent example page CDN example pageInstallNPMnpm install vue-quill-editor --save# oryarn add vue-quill-editorCDN<link rel="stylesheet" href="path/to/quill.core.css"/><link rel="s原创 2022-02-28 10:59:38 · 750 阅读 · 0 评论 -
uniapp,在一个方法内调用另外一个方法提示我undefined ?如何解决?
原因:this的指向不正确。解决办法:在 export default 外面 定义一个变量: 同时在created(){}函数中把this的值赋值给他通过_self.函数名称即可以调用到这个函数。原创 2022-02-28 10:54:02 · 2817 阅读 · 0 评论 -
若依富文本样式丢失
进入页面,富文本编辑框里回显这条新闻内容,如下图, 然后可以在富文本编辑框里对它实现再编辑,编辑之后将html代码提交保存到后台数据库。可以点击详情页进行查看。出现问题:在提交到后台controller时, 莫名被过滤了很多东西, 包括CSS、class等,只剩下div标签和文本内容了,哇呀呀!二.解决只需一段代码即可搞定,如图:默认防止XSS攻击是开启的,我们只需要将排除的链接添加到这里就可以了该方法是防止XSS攻击的后端处理方式,目的是防止js等恶意代码直接被存储到数据库中。所以我们存储到后原创 2022-02-27 20:32:43 · 1076 阅读 · 0 评论 -
Source-Vue 开源字节快速开发平台
一直想做一款快速开发平台,看了很多优秀的开源项目但是发现没有合适的。于是利用空闲休息时间开始自己写了一套快速开发系统。如此有了开源字节。原创 2022-01-19 10:22:37 · 1102 阅读 · 0 评论 -
若依登录界面美化
效果图如下:代码如下:<template> <div class="login"> <div class="login-logo"> <span> 开源字节 | 通行证</span> </div> <h2 class="main-title"><span>开源字节</span></h2> <h3 class="sub.原创 2022-01-19 09:54:33 · 6061 阅读 · 7 评论 -
vue3生成二维码
需求:前端生成二维码,且生成的二维码中间可以放头像选择使用vue-qr二维码插件官网:https://www.npmjs.com/package/vue-qr安装命令npm i vue-qr或npm install vue-qr --save导入项目中使用<template> <vue-qr :text="downloadData.url" :margin="0" colorDark="#f67b29" colorLight="#fff" :logoSrc=原创 2022-01-14 10:59:49 · 905 阅读 · 0 评论 -
uniapp 404页面
需求:uniapp 在写 H5 时,如果在地址栏乱输入,会跳转到 404 页面。思路:uniapp 有个 应用生命周期 onPageNotFound,让跳转不存在的页面时会执行这个回调函数。所以需求就很好解决了!具体操作:第一步:写一个 404 页面,并在 pages.json 中配置其路由。第二步:在 App.vue 的 onPageNotFound 生命周期中处理跳转到 404 页面的逻辑:// App.vue 文件:export default { onPageNot原创 2022-01-14 10:01:13 · 1150 阅读 · 0 评论 -
vue3 clipboard
vue 3 的复制功能 vue-clipboard3npm install --save vue-clipboard3import useClipboard from "vue-clipboard3";const { toClipboard } = useClipboard();function shareLink() { toClipboard("复制成功"); proxy.$msg.success("复制成功");}原创 2022-01-11 20:31:24 · 2044 阅读 · 0 评论 -
Vue3 企业级网站建设
## 基于Vue3 企业级网站建设项目地址:http://8.136.213.245***温馨提醒***1. 本项目仅适用于学习交流,并且`不提供无偿的`、 `不提供无偿的`、 `不提供无偿的` 维护修改服务(但可提issue)***2. 本项目不在任何平台出售,如有发现请积极举报!3. 为更好的用户体验,尽情反馈问题***不要只是白嫖 ,如果帮到你了麻烦点个star***> 发现有问题?欢迎加入下方交流群一起探讨,或者直接提Issues### 什么是vue?Vue.原创 2022-01-10 14:16:54 · 4310 阅读 · 3 评论 -
Markdown基本语法
Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。相比富文本编辑器优点:1、因为是纯文本,所以只要支持Markdown的地方都能获得一样的编辑效果,可以让作者摆脱排版的困扰,专心写作。2、操作简单。比如:WYSIWYG编辑时标记个标题,先选中内容,再点击导航栏的标题按钮,选择几级标题。要三个步骤。而Markdown只需要在标题内容前加#即可缺点:1、需要记一些语法(当然,是很简单。五分钟学会)。2、有些平台不支持Markdown编辑模式。原创 2022-01-10 14:12:03 · 74 阅读 · 0 评论 -
vite.config.js与nginx配置代理
vite.config配置server: { port: 9090, cors: true, // 默认启用并允许任何源 open: true, // 在服务器启动时自动在浏览器中打开应用程序 //反向代理配置,注意rewrite写法 proxy: { "/api": { target: "http://xx.xx.xx.x1:8090", //代理接口 changeOrigin: true, rewri.原创 2022-01-09 17:25:31 · 4058 阅读 · 0 评论 -
解决elementui plus 设置导航栏置顶不生效问题
// 跳转路由后导航栏置顶 scrollBehavior(to, from, saveScrollPosition) { // console.log(document.documentElement.querySelector(".el-main").scrollTop); // 通过此方法去改变elementui滚动条高度 document.documentElement.querySelector(".el-main").scrollTop = 0; ..原创 2022-01-06 21:46:44 · 1103 阅读 · 0 评论 -
vue分享给QQ好友,QQ空间,微博
<script setup lang="ts">//分享到QQ好友(PC端可用)//自定义内容const share = { title: '分享测试', desc: '测试描述', image_url: [ 'https://pic3.zhimg.com/80/v2-ab0718575cc9337b24bfc7578f5e6d32_720w.jpg', ], share_url: 'https://xiucai.neafex.com/#/',}funct.原创 2022-01-06 15:02:00 · 1098 阅读 · 2 评论 -
vue3.x整合vuex
vue3.x整合vuex原创 2022-01-05 15:02:32 · 551 阅读 · 0 评论 -
vue3.x整合axios实现路由埋点
vue3.x整合axios原创 2022-01-05 14:29:36 · 594 阅读 · 0 评论 -
vue3 路由设置滚动条置顶
const router = createRouter({ history: createWebHistory(), routes, // 跳转路由后导航栏置顶 scrollBehavior(to, from, saveScrollPosition) { return { left: 0, top: 0 }; },});原创 2021-12-27 19:46:13 · 864 阅读 · 0 评论 -
vue3 build vite.config.ts配置
import { defineConfig } from 'vite'import vue from '@vitejs/plugin-vue'const path = require('path') // npm i --save-dev @types/nodeexport default defineConfig({ plugins: [vue()], // 配置需要使用的插件列表,这里将vue添加进去 // 打包配置 build: { target: 'modules',.原创 2021-12-22 16:01:03 · 3549 阅读 · 1 评论 -
vue3整合router,配置路由守卫实现404拦截
废话不多说,直接上代码router index.tsimport { createRouter, createWebHashHistory, createWebHistory, ErrorHandler,} from 'vue-router'// 引入路由守卫方法import beforeEach from './beforeEach'const home = () => import('../components/Home.vue')const login = (原创 2021-12-22 15:59:19 · 2545 阅读 · 0 评论 -
vue3使用animate
直接上代码npm install animate.css@3.5.1 --save在main.js中引入import 'animate.css/animate.min.css' //引入在Vue视图中使用<div class="animated zoomIn"> animate测试</div>附上常用的动画效果fade: { title: '淡入淡出', fadeIn: '淡入', fadeInDo原创 2021-12-17 16:40:46 · 1191 阅读 · 0 评论