- 工作流程设计 php,php工程狮感知的前端工作流程
三符
工作流程设计php
这个时代不懂点前端知识,真的没有办法生存。就算不会写,也得了解它的原理吧!最近做了一些总结,之前都是迷迷糊糊,搞不清楚前端之前的相关定位。好好梳理了一下。错误之处请各位指正。本文主要说的是JavaScript工作流程目前前端真的该叫大前端,其越来越细化,越来越复杂。在这种背景下,诞生了很多工具很多前端工作流程。比如热门的:reactvuewebpackbabelgulpnode.jsnpmnvma
- 数字科技3D全景展厅
jnfy
三维数字孪生系统3d3D展厅科技展馆数字展厅vue3+threejs室内全景
项目效果:基于vue3+threejs展厅3D可视化项目介绍:数字科技3D全景展厅,实现展厅室内720度全景漫游观看,点击展厅内的展品弹出框,图片被放大显示,以及实现点击具体展品,实现飞行定位到该展品前观察,点击展品显示放大图和详情信息。项目技术栈:vue3+threejscnpminstall安装所有依赖查看package.json可以知道npmrundev启动。
- vue页面导出为pdf文件
weixin_45907435
vue.jspdf前端
在后台管理项目中,想到把页面导出为pdf格式的文件,可以使用html2canvas和jspdf插件实现1、安装'html2canvas''jspdf'npminstallhtml2canvas--savenpminstalljspdf--save2、util.js文件中封装导出方法//引入依赖importhtml2canvasfrom'html2canvas'importJsPDFfrom'jsp
- nodejs中xmldom的使用方法
jedi-knight
webjavascript前端node.js
xmldom的使用方法xmldom是nodejs下读取xml文件的优秀模块。使用npm安装,命令行如下npminstallxmldom使用步骤:(1)将字符串转换为可操作的对象const{DOMParser}=require('xmldom')vardoc=newDOMParser().parseFromString(xmlData.toString(),//这里是xml字符串,可以从文件中读取'
- 【uni-app】Pinia 持久化
秀秀_heo
WebApp开发uni-appvue.js前端
小程序端Pinia持久化说明:Pinia用法与Vue3项目完全一致,uni-app项目仅需解决持久化插件兼容性问题。持久化存储插件安装持久化存储插件:pinia-plugin-persistedstatepnpmipinia-plugin-persistedstate插件默认使用localStorage实现持久化,小程序端不兼容,需要替换持久化API。基本用法import{defineStore}
- Error: A <Route> is only ever to be used as the child of <Routes> element, never rendered directly.
shengyin714959
笔记javascriptreact.js前端
原因React路由版本问题,你可以查看自己的package.json文件,查看react-router-dom的版本,应该是6版本。在React-Routerv6版本中,Route更改了使用方式。//最新语法}/>}/>{/*5版本*/}解决1切换5点几版本npmireact-router-dom@5.2.02按照最新语法原因React路由版本问题,你可以查看自己的package.json文件,查
- Ubuntu 上安装和配置 Nexus Repository Manager
java 凯
ubuntulinux运维
在Ubuntu上安装和配置NexusRepositoryManager(SonatypeNexus)通常用于管理Maven、npm、Docker等包的私有仓库。以下是详细步骤:1.系统准备更新系统并安装必要依赖:在终端运行以下命令:sudoaptupdatesudoaptupgrade-ysudoaptinstall-ywgetopenjdk-11-jdkunzip确保安装了Java(Nexus需
- 终级解决:Error: Cannot find module ‘fs/promises‘
Defry
该原因主要是nodejs版本太低引起的1、将nodejs升级到v14.16.02、将npm升级到6.14.11完美解决附赠:node和npm对照表:https://nodejs.org/zh-cn/download/releases/nodejs各个版本下载地址:https://nodejs.org/dist/v13.14.0/
- npm插件开发-多组件(vue3+element-plus)
悄悄地秃头
npmvue.js前端javascriptelementui
1.项目初始化首先,创建一个新的项目目录并初始化package.json文件:mkdirmulti-component-plugincdmulti-component-pluginnpminit-y2.安装依赖安装Vue3和ElementPlus:npminstallvue@3element-plus3.项目结构搭建创建项目的基本结构,通常可以在src目录下创建各个组件的文件夹,以及一个用于导出所
- GraphQL实践篇二
GraphQL实践篇之Vue+GraphQL搭建客户端上一篇我们介绍了使用Nestjs+GraphQL搭建服务端,这篇文章记录使用Vue+GraphQL搭建客户端。客户端项目目录结构如下:安装首先我们先使用vue-cli新建项目,接着安装依赖:npminstallapollo-cache-inmemoryapollo-clientapollo-linkapollo-link-httpapollo-
- vue中实现数字滚动效果
a濯
vue.js前端javascript
安装vue-count-tonpminstallvue-count-to引入vue-count-toimportCountTofrom'vue-count-to'exportdefault{components:{CountTo},data(){return{startVal:0,endVal:2021,duration:2000,//动画持续时间,单位为毫秒decimals:0,//小数点后保留
- Node.js中的npm包:从入门到实践指南
前端Kingtato
Node.jsnode.jsnpm前端
目录一、npm的核心概念二、npm核心命令与工作流三、package.json深度解析四、高级技巧与最佳实践五、常见问题解决方案六、未来趋势在Node.js生态中,npm(NodePackageManager)是开发者不可或缺的工具。它不仅是全球最大的开源软件注册中心,更是项目依赖管理的核心。本文将深入解析npm的核心概念、使用方法及最佳实践,助你高效管理项目依赖。一、npm的核心概念什么是npm
- npm无法加载文件 因为此系统禁止运行脚本
冰墩墩1
nodejsvscodenode.jsnpm
安装nodejs后遇到问题:在项目里【node-v】可以打印出来,【npm-v】打印不出来,显示npm无法加载文件因为此系统禁止运行脚本。但是在win+r,cmd里【node-v】,【npm-v】都也可打印出来。解决方法:cmd里可以打印出来就不是环境变量的问题,那就是定位到注册列表的问题1.【get-ExecutionPolicy】显示Restricted,说明状态是禁止的2.更改状态:【set
- npm 常用命令大全
YD_1989
前端基础npm前端node.js
npm常用命令大全下载包npminstall清理缓存npmcacheclean--force查看当前配置npmconfiggetregistry设置淘宝镜像npmconfigsetregistryhttps://registry.npmmirror.com查看npm版本npm-vnpm设置超时时间npmconfigsetfetch-timeout600更新依赖更新包到最新版本。npmupdate更
- 【异常】npm run dev后提示Error: error:0308010C:digital envelope routines::unsupported
本本本添哥
007-大前端技术npm前端node.js
一、报错内容D:\Project\xxx\xxx>npmrundev>blue-whale-scenario-engine@0.11.0dev>vue-cli-serviceserveINFOStartingdevelopmentserver...95%emittingCompressionPluginERRORError:error:0308010C:digitalenveloperoutine
- nvm使用指定镜像安装node和npm包
星沉大海@T
Node.js前端npm前端node.jsnvm镜像
场景使用nvm时,默认的安装源经常碰到找不到可用版本的问题,这时就需要指定镜像源。比如如果你在学习鸿蒙ArkTs项目的开发,就需要指定从华为官方镜像上安装指定版本的node和npm包命令以windows为例,以管理员身份运行cmd工具,执行以下命令:#set"NVM_NODEJS_ORG_MIRROR=https://mirrors.huaweicloud.com/nodejs/"#set"NVM
- mac搭建ios自动化环境之WebDriverAgent配置
力先生
appium
一、WebDriverAgent1、简单介绍:WebDriverAgent是facebook为苹果公司开发的一款自动化测试工具,github上有下载资源;另外appium安装后也会自动安装自带的WebDriverAgent;可以用自带的,也可以从github下载并替换自带的;2、不同appium版本自带WebDriverAgent默认路径不同1)appium1.10.1之前版本:npm方式安装:/
- vue3 在线预览word文件
vue3word预览图
一、使用mammoth插件安装插件pnpminstallmammoth--save-dev使用importmammothfrom"mammoth";import{ref}from"vue";consthtmlContent=ref("");consthandleFileUpload=async(event)=>{constfile=event.target.files[0];if(file){co
- Node.js 实现简单爬虫
忆宸_1
node.jsnode.js爬虫
介绍爬虫是一种按照一定的规则,自动地抓取万维网信息的程序或者脚本。本文将使用Nodejs编写一个简单的爬虫脚本,爬取一个美食网站,获取菜品的标题和图片链接,并以表格的形式输出。准备工作1、初始化项目首先,确保已安装Node,然后创建一个新的文件目录,运行以下命令初始化Node.js项目npminit-y2、安装依赖使用axios库来进行HTTP请求使用cheerio库来解析HTML内容使用node
- vue3项目中使用lodash
vue3lodash
1.安装lodashnpmilodash--save2.全局使用main.ts.......import_from'lodash'constapp=createApp(App)app.config.globalProperties.lodash=_;//设置全局变了3.界面使用......import{getCurrentInstance}from"vue"const{proxy}=getCurr
- vue3+vite项目h5/web配置浏览器自适应适配(postcss-px-to-viewport-8-plugin)
注意,项目中不要写行内样式vue3+vite项目配置适配H5主要安装一下两个插件:amfe-flexible(主要用于动态设置根元素字体大小(rem),以根据屏幕尺寸进行自适应布局)postcss-px-to-viewport-8-plugin(将px单位转换为rem)开始配置:第一步、安装amfe-flexible插件cnpminstallamfe-flexible--save第二步、在main
- vue3+vite项目,elementPlus自定义主题
vue3+vite配置elementPlus主题需要安装一下两个插件:unplugin-vue-componentsunplugin-auto-import开始配置:第一步、安装插件pnpminstall-Dunplugin-vue-componentsunplugin-auto-import//我这里使用pnpm安装,当然大家如果没有配置安装pnpm可以使用npm/cnpm第二步、配置插件(在v
- vue中使用lodash的debounce(防抖函数)
晚时之秋
vue.js前端javascript
1、安装npmi--savelodash.debounce2、引入importdebouncefrom'lodash.debounce'3、使用第一种:handleInput:debounce(function(val){console.log(val)},200)第二种:handleInput(val){console.log(val)}created(){this.handleInput=de
- monorepo代码管理框架
Lanwarf-前端开发
vue3vue.jsjavascript前端
1.新建vue3-component文件夹2.运行pnpminit3.pnpmivuetypescript4.新建.npmrcshamefully-hoist=truelink-workspace-packages=true5.ts文件配置pnpmtsc--init默认.bin路径下的tsc6.新建pnpm-workspace.yamlpackages:-'packages/**'#allpack
- npm、cnpm 、yarn、pnpm的优势点和缺点
米粒宝的爸爸
前端npm前端node.js
他们都是干什么的?npm、cnpm和yarn都是用于管理JavaScript项目依赖的工具。npm(NodePackageManager)官方性:由Node.js官方提供的默认包管理器。性能:在早期版本中,npm的安装速度较慢,因为它是串行安装依赖项的。不过,在后续版本中有所改进。缓存机制:npm从5.x版本开始有了更好的缓存机制,减少了重复下载的情况。锁文件:npm5引入了package-loc
- 智慧家政云服务平台(源码+文档+部署+讲解)
亥时科技
源代码管理数据库java开源
引言随着社会节奏的加快和生活水平的提高,家政服务需求日益增长。智慧家政云服务平台通过数字化手段,为家政服务提供了一个高效、透明的管理平台,从而提升家政服务的效率和质量。系统概述智慧家政云服务平台采用前后端分离的架构设计,服务端基于MySQL5.7+、JDK1.8+和Redis,前端则采用VUE2.6.14和element-ui2.15.6,并在NODE14.21.3(>=8.9)环境下运行,NPM
- Angular-hello world
杨晓风-linda
angular.js前端javascript
环境搭建-安装angular-cli用npm安装typescript和typingsnpminstall-gtypescripttypings安装angular-clnpminstall-gangular-cli@latestngnewProjectName//ProjectName为你的项目名,用此命令建立基本文件,然后强制终止cdProjectNamecnpminstall//下载node-m
- TypeScript
年纪轻轻只想躺平
typescriptjavascript前端
入门介绍:基于JS衍生,JS的超集,为限制JS的动态类型,TS为静态类型,减少项目BUG和后期维护成本安装node.js【去官网】,安装TypeScript编译器【安装node后,命令行去全局安装TS编译器】npmitypescript-g命令行工具,进入ts文件目录,输入…即可将ts转js,默认编译为es3,可通过配置编译器es3~es12+tsc文件名.ts变量定义#基本定义letstr:st
- vue3+vite使用Monaco-editor
小杨爱编程
实用技巧vue.js前端javascript
安装Monaco-editornpminstallmonaco-editor安装VitePluginMonacoEditorvdesjs/vite-plugin-monaco-editor-Vite中文文档npminstall--save-devvite-plugin-monaco-editorvite.config.ts:import{defineConfig}from'vite';import
- 【Vue】在Vue3中使用Echarts的示例 两种方法
祁许
vue.jsecharts前端vuetypescript
文章目录方法一template渲染部分js部分方法一实现效果方法二template部分jsorts部分方法二实现效果贴个地址~ApacheECharts官网地址ApacheECharts示例地址官网有的时候示例显示不出来,属于正常现象,多进几次就行开始使用前,记得先安装好echartnpminstallecharts--save以下代码我采用的都是vue文件内全部引入,是否按需引入看各自项目要求进
- HQL之投影查询
归来朝歌
HQLHibernate查询语句投影查询
在HQL查询中,常常面临这样一个场景,对于多表查询,是要将一个表的对象查出来还是要只需要每个表中的几个字段,最后放在一起显示?
针对上面的场景,如果需要将一个对象查出来:
HQL语句写“from 对象”即可
Session session = HibernateUtil.openSession();
- Spring整合redis
bylijinnan
redis
pom.xml
<dependencies>
<!-- Spring Data - Redis Library -->
<dependency>
<groupId>org.springframework.data</groupId>
<artifactId>spring-data-redi
- org.hibernate.NonUniqueResultException: query did not return a unique result: 2
0624chenhong
Hibernate
参考:http://blog.csdn.net/qingfeilee/article/details/7052736
org.hibernate.NonUniqueResultException: query did not return a unique result: 2
在项目中出现了org.hiber
- android动画效果
不懂事的小屁孩
android动画
前几天弄alertdialog和popupwindow的时候,用到了android的动画效果,今天专门研究了一下关于android的动画效果,列出来,方便以后使用。
Android 平台提供了两类动画。 一类是Tween动画,就是对场景里的对象不断的进行图像变化来产生动画效果(旋转、平移、放缩和渐变)。
第二类就是 Frame动画,即顺序的播放事先做好的图像,与gif图片原理类似。
- js delete 删除机理以及它的内存泄露问题的解决方案
换个号韩国红果果
JavaScript
delete删除属性时只是解除了属性与对象的绑定,故当属性值为一个对象时,删除时会造成内存泄露 (其实还未删除)
举例:
var person={name:{firstname:'bob'}}
var p=person.name
delete person.name
p.firstname -->'bob'
// 依然可以访问p.firstname,存在内存泄露
- Oracle将零干预分析加入网络即服务计划
蓝儿唯美
oracle
由Oracle通信技术部门主导的演示项目并没有在本月较早前法国南斯举行的行业集团TM论坛大会中获得嘉奖。但是,Oracle通信官员解雇致力于打造一个支持零干预分配和编制功能的网络即服务(NaaS)平台,帮助企业以更灵活和更适合云的方式实现通信服务提供商(CSP)的连接产品。这个Oracle主导的项目属于TM Forum Live!活动上展示的Catalyst计划的19个项目之一。Catalyst计
- spring学习——springmvc(二)
a-john
springMVC
Spring MVC提供了非常方便的文件上传功能。
1,配置Spring支持文件上传:
DispatcherServlet本身并不知道如何处理multipart的表单数据,需要一个multipart解析器把POST请求的multipart数据中抽取出来,这样DispatcherServlet就能将其传递给我们的控制器了。为了在Spring中注册multipart解析器,需要声明一个实现了Mul
- POJ-2828-Buy Tickets
aijuans
ACM_POJ
POJ-2828-Buy Tickets
http://poj.org/problem?id=2828
线段树,逆序插入
#include<iostream>#include<cstdio>#include<cstring>#include<cstdlib>using namespace std;#define N 200010struct
- Java Ant build.xml详解
asia007
build.xml
1,什么是antant是构建工具2,什么是构建概念到处可查到,形象来说,你要把代码从某个地方拿来,编译,再拷贝到某个地方去等等操作,当然不仅与此,但是主要用来干这个3,ant的好处跨平台 --因为ant是使用java实现的,所以它跨平台使用简单--与ant的兄弟make比起来语法清晰--同样是和make相比功能强大--ant能做的事情很多,可能你用了很久,你仍然不知道它能有
- android按钮监听器的四种技术
百合不是茶
androidxml配置监听器实现接口
android开发中经常会用到各种各样的监听器,android监听器的写法与java又有不同的地方;
1,activity中使用内部类实现接口 ,创建内部类实例 使用add方法 与java类似
创建监听器的实例
myLis lis = new myLis();
使用add方法给按钮添加监听器
- 软件架构师不等同于资深程序员
bijian1013
程序员架构师架构设计
本文的作者Armel Nene是ETAPIX Global公司的首席架构师,他居住在伦敦,他参与过的开源项目包括 Apache Lucene,,Apache Nutch, Liferay 和 Pentaho等。
如今很多的公司
- TeamForge Wiki Syntax & CollabNet User Information Center
sunjing
TeamForgeHow doAttachementAnchorWiki Syntax
the CollabNet user information center http://help.collab.net/
How do I create a new Wiki page?
A CollabNet TeamForge project can have any number of Wiki pages. All Wiki pages are linked, and
- 【Redis四】Redis数据类型
bit1129
redis
概述
Redis是一个高性能的数据结构服务器,称之为数据结构服务器的原因是,它提供了丰富的数据类型以满足不同的应用场景,本文对Redis的数据类型以及对这些类型可能的操作进行总结。
Redis常用的数据类型包括string、set、list、hash以及sorted set.Redis本身是K/V系统,这里的数据类型指的是value的类型,而不是key的类型,key的类型只有一种即string
- SSH2整合-附源码
白糖_
eclipsespringtomcatHibernateGoogle
今天用eclipse终于整合出了struts2+hibernate+spring框架。
我创建的是tomcat项目,需要有tomcat插件。导入项目以后,鼠标右键选择属性,然后再找到“tomcat”项,勾选一下“Is a tomcat project”即可。具体方法见源码里的jsp图片,sql也在源码里。
补充1:项目中部分jar包不是最新版的,可能导
- [转]开源项目代码的学习方法
braveCS
学习方法
转自:
http://blog.sina.com.cn/s/blog_693458530100lk5m.html
http://www.cnblogs.com/west-link/archive/2011/06/07/2074466.html
1)阅读features。以此来搞清楚该项目有哪些特性2)思考。想想如果自己来做有这些features的项目该如何构架3)下载并安装d
- 编程之美-子数组的最大和(二维)
bylijinnan
编程之美
package beautyOfCoding;
import java.util.Arrays;
import java.util.Random;
public class MaxSubArraySum2 {
/**
* 编程之美 子数组之和的最大值(二维)
*/
private static final int ROW = 5;
private stat
- 读书笔记-3
chengxuyuancsdn
jquery笔记resultMap配置ibatis一对多配置
1、resultMap配置
2、ibatis一对多配置
3、jquery笔记
1、resultMap配置
当<select resultMap="topic_data">
<resultMap id="topic_data">必须一一对应。
(1)<resultMap class="tblTopic&q
- [物理与天文]物理学新进展
comsci
如果我们必须获得某种地球上没有的矿石,才能够进行某些能量输出装置的设计和建造,而要获得这种矿石,又必须首先进行深空探测,而要进行深空探测,又必须获得这种能量输出装置,这个矛盾的循环,会导致地球联盟在与宇宙文明建立关系的时候,陷入困境
怎么办呢?
- Oracle 11g新特性:Automatic Diagnostic Repository
daizj
oracleADR
Oracle Database 11g的FDI(Fault Diagnosability Infrastructure)是自动化诊断方面的又一增强。
FDI的一个关键组件是自动诊断库(Automatic Diagnostic Repository-ADR)。
在oracle 11g中,alert文件的信息是以xml的文件格式存在的,另外提供了普通文本格式的alert文件。
这两份log文
- 简单排序:选择排序
dieslrae
选择排序
public void selectSort(int[] array){
int select;
for(int i=0;i<array.length;i++){
select = i;
for(int k=i+1;k<array.leng
- C语言学习六指针的经典程序,互换两个数字
dcj3sjt126com
c
示例程序,swap_1和swap_2都是错误的,推理从1开始推到2,2没完成,推到3就完成了
# include <stdio.h>
void swap_1(int, int);
void swap_2(int *, int *);
void swap_3(int *, int *);
int main(void)
{
int a = 3;
int b =
- php 5.4中php-fpm 的重启、终止操作命令
dcj3sjt126com
PHP
php 5.4中php-fpm 的重启、终止操作命令:
查看php运行目录命令:which php/usr/bin/php
查看php-fpm进程数:ps aux | grep -c php-fpm
查看运行内存/usr/bin/php -i|grep mem
重启php-fpm/etc/init.d/php-fpm restart
在phpinfo()输出内容可以看到php
- 线程同步工具类
shuizhaosi888
同步工具类
同步工具类包括信号量(Semaphore)、栅栏(barrier)、闭锁(CountDownLatch)
闭锁(CountDownLatch)
public class RunMain {
public long timeTasks(int nThreads, final Runnable task) throws InterruptedException {
fin
- bleeding edge是什么意思
haojinghua
DI
不止一次,看到很多讲技术的文章里面出现过这个词语。今天终于弄懂了——通过朋友给的浏览软件,上了wiki。
我再一次感到,没有辞典能像WiKi一样,给出这样体贴人心、一清二楚的解释了。为了表达我对WiKi的喜爱,只好在此一一中英对照,给大家上次课。
In computer science, bleeding edge is a term that
- c中实现utf8和gbk的互转
jimmee
ciconvutf8&gbk编码
#include <iconv.h>
#include <stdlib.h>
#include <stdio.h>
#include <unistd.h>
#include <fcntl.h>
#include <string.h>
#include <sys/stat.h>
int code_c
- 大型分布式网站架构设计与实践
lilin530
应用服务器搜索引擎
1.大型网站软件系统的特点?
a.高并发,大流量。
b.高可用。
c.海量数据。
d.用户分布广泛,网络情况复杂。
e.安全环境恶劣。
f.需求快速变更,发布频繁。
g.渐进式发展。
2.大型网站架构演化发展历程?
a.初始阶段的网站架构。
应用程序,数据库,文件等所有的资源都在一台服务器上。
b.应用服务器和数据服务器分离。
c.使用缓存改善网站性能。
d.使用应用
- 在代码中获取Android theme中的attr属性值
OliveExcel
androidtheme
Android的Theme是由各种attr组合而成, 每个attr对应了这个属性的一个引用, 这个引用又可以是各种东西.
在某些情况下, 我们需要获取非自定义的主题下某个属性的内容 (比如拿到系统默认的配色colorAccent), 操作方式举例一则:
int defaultColor = 0xFF000000;
int[] attrsArray = { andorid.r.
- 基于Zookeeper的分布式共享锁
roadrunners
zookeeper分布式共享锁
首先,说说我们的场景,订单服务是做成集群的,当两个以上结点同时收到一个相同订单的创建指令,这时并发就产生了,系统就会重复创建订单。等等......场景。这时,分布式共享锁就闪亮登场了。
共享锁在同一个进程中是很容易实现的,但在跨进程或者在不同Server之间就不好实现了。Zookeeper就很容易实现。具体的实现原理官网和其它网站也有翻译,这里就不在赘述了。
官
- 两个容易被忽略的MySQL知识
tomcat_oracle
mysql
1、varchar(5)可以存储多少个汉字,多少个字母数字? 相信有好多人应该跟我一样,对这个已经很熟悉了,根据经验我们能很快的做出决定,比如说用varchar(200)去存储url等等,但是,即使你用了很多次也很熟悉了,也有可能对上面的问题做出错误的回答。 这个问题我查了好多资料,有的人说是可以存储5个字符,2.5个汉字(每个汉字占用两个字节的话),有的人说这个要区分版本,5.0
- zoj 3827 Information Entropy(水题)
阿尔萨斯
format
题目链接:zoj 3827 Information Entropy
题目大意:三种底,计算和。
解题思路:调用库函数就可以直接算了,不过要注意Pi = 0的时候,不过它题目里居然也讲了。。。limp→0+plogb(p)=0,因为p是logp的高阶。
#include <cstdio>
#include <cstring>
#include <cmath&