- package.json中对peerDependencies的理解
陌上烟雨寒
前端
peerDependencies只要是用来限制依赖的,最近在开发的时候有遇到这样的问题,所以研究了一下"peerDependencies":{"@vue/composition-api":"^1.0.5","@vue/runtime-core":"^3.0.0","echarts":"^5.4.1","vue":"^2.6.12||^3.1.1"},这张图片展示的是vue-echarts的pack
- vue中printjs使用指南
陌上烟雨寒
前端vuevue.jsjavascript
使用攻略参考文档https://printjs.crabbly.com/分页使用css的page-break-after:always来控制在某个DIV之后新开一个页面我是封面我是目录,你不知道我的内容有多长我是正文,我需要从一个新页面开始展示标题栏每页重复打印因为打印时,表格中的thead和tfoot默认会在每一页重复打印,所以只要设置好表格结构就行。html打印{{modelRef.hospi
- Vue.js之绑定style样式
cloudOnSkyline
JavaScriptvue.jsjavascript
上文介绍了如何利用Vue.js绑定类,本文将介绍通过Vue.js进行样式修改的另一种方法,即通过style来修改。核心:为元素绑定style属性,通过对象的形式赋予样式,属性名为样式名(要使用驼峰命名法),属性值为字符串。若要引入多组样式,可以利用数组,后面出现的重复属性会覆盖之前的属性,如下例中的height。当然,也可以于元素行内赋予样式,例如:style="{backgroundColor:
- 微信小程序 - picker-viewer实现省市选择器
卡卡舅舅
微信小程序微信小程序
简介本文会基于微信小程序pickerviewer组件实现省市选择器的功能。实现效果实现代码布局{{item.name}}{{item.name}}js代码借助observers,监听provincecode的变化,实现cities的更新。Page({data:{provinces:[],cities:[],value:[0,0],provinceCode:0},onLoad(){varprovin
- mysql系列之json类型操作
卡卡舅舅
json
一、简介本篇文章将会介绍mysqljson数据类型的相关操作。二、json类型操作指南2.1指定字段类型为jsonCREATETABLE`student`(`id`intNOTNULLAUTO_INCREMENT,`info`jsonDEFAULTNULL,PRIMARYKEY(`id`))ENGINE=InnoDBAUTO_INCREMENT=2DEFAULTCHARSET=utf8mb4COL
- vue.js样式绑定
余月初贰
vue.js前端javascript
classclass和style是html元素的属性,用于设置元素的样式。我们可以用v-bind来设置样式属性。Vue.jsv-bind在处理class和style是,专门增强了它。表达式的结果练习除了字符串之外,还可以是对象或数组。class属性绑定我们可以为v-bind:class设置一个对象,从而动态的切换class:示例1例子中将isActive设置为true显示了一个绿色的div块,如果
- day14-正则表达式
东日是个卷毛
正则表达式javascript
概述正则表达式是运用于验证一种表达式,他在js中是一个对象,被称为正则对象,对应的正则对象存在对应相关的元字符。我只需要了解相关元字符及对应的可以书写一些简单的正则进行验证就可以了。正则对象的声明使用new关键词声明:第一个参数填写正则表达式,第二个参数填写修饰符(匹配模式)使用\\来修饰varregx=newRegExp('abc','g')console.log(regx);///abc/gv
- Vue.js项目构建
彭于晏“
vue.js
Vue.js是一个流行的JavaScript框架,用于构建用户界面。下面是使用Vue.js构建项目的详细方法:安装Vue.js:首先,你需要在项目中安装Vue.js。你可以通过在终端中运行以下命令来安装Vue.js:npminstallvue创建Vue实例:在项目的入口文件中,创建一个Vue实例。你可以使用以下代码创建一个简单的Vue实例:importVuefrom'vue';newVue({el
- 生信小白,求助R
kunking_zhu
r语言
将程序包安装入‘C:/Users/86186/AppData/Local/R/win-library/4.3’(因为‘lib’没有被指定)Warningininstall.packages:package‘rjson’isnotavailableforthisversionofRAversionofthispackageforyourversionofRmightbeavailableelsewh
- 安装nodejs及http-server
云游石
npm环境准备下载并安装nodejs1.打开https://nodejs.org/zh-cn/download/下载nodejs安装包;2.假设将nodejs安装在D:\ProgramFiles\nodejs目录下;3.在cmd下验证安装:d:>node-vd:>npm-v以上说明node及npm的命令都可以正常使用了。更改npm的默认路径nodejs的默认路径位于C:\Users\itsta\A
- npm、cnpm、pnpm使用详细
北城笑笑
NodeJSNPM前端node.jsnpm
简介:npm:npm全称NodePackageManager,是Node.js平台的默认软件包管理器,用于安装、发布和管理Node.js应用程序和软件包。它是一个命令行工具,允许开发人员在他们的项目中轻松地管理依赖项、安装软件包、更新软件包版本以及执行其他与软件包相关的任务。npm是nodejs中的一部分,通常与nodejs一起安装和更新。当你安装了nodejs,npm也随之安装。cnpm:cnp
- react 样式和vue样式的区别
资深前端之路
react.jsvue.js前端
区别一:react:一个页面通常分为2个组件,js或者jsx+css文件。vue:通常分为.vue+css文件区别二:react在写页面样式时,最好其余的样式最好包裹在当前样式下面,不然容易生成全局样式,对其它页面的样式造成影响。vue在页面内使用scoped,使样式只在当前页面内生效。同时还有deep、global来对样式进行向上向下优化。deep可以对当前页面组件内的样式调整;global可以
- 2024React前端面试题
司宁
前端面试题前端
1.Diff算法Diff算法比较过程第一步:patch函数中对新老节点进行比较如果新节点不存在就销毁老节点如果老节点不存在,直接创建新的节点当两个节点是相同节点的时候,进入patctVnode的过程,比较两个节点的内部第二步:patchVnode函数比较两个虚拟节点内部如果两个虚拟节点完全相同,返回当前vnode的children不是textNode,再分成三种情况-有新children,没有旧c
- Vue学习笔记-组件通信
赵客缦胡缨v吴钩霜雪明
最近公司需要开发酒店客房管理的OTA系统,我们使用vue.js2.0+ElementUI开发时,就遇到了问题:一个页面有很多表单,我试图将表单写成一个单文件组件,但是表单(子组件)里的数据和页面(父组件)按钮交互的时候,vue组件之间的通信让我感到崩溃:点击importdialogfrom'./components/dialog.vue'exportdefault{data(){return{sh
- Vue3 + Axios双Token刷新解决方案
洛*璃
vue.js前端javascriptAxios双token刷新
在现代前端开发中,使用API进行数据交互时,我们常常会遇到身份认证的问题。为了提高安全性,许多应用采用了Token机制,如JWT(JSONWebToken)来管理用户的身份状态。本文将介绍如何在Vue3项目中使用Axios实现双Token刷新机制,确保用户体验流畅的同时提高安全性。前置条件本文只针对Vue3前端所编写的双Token刷新解决方案,关于SpringCloud微服务项目的双Token刷新
- echarts实现中国地图轮播省份地图(vue)
煮豆燃豆萁~
vue.jsecharts前端
代码如下:import*asechartsfrom'echarts'importchinafrom'../../../assets/json/china.json'exportdefault{data(){return{myChart:null,myTime:'',}},mounted(){window.exposedGoPath=(data)=>{this.$router.push({name:
- webpack4手动搭建Vue项目
YUELEI118
前端vue.js前端webpack
小满视频很多解释使用通义灵码搜的,通义灵码的搜索结果也是有错误的全程使用pnpm包管理工具,和npm的用法基本一样学习总结1.多看看webpack官网2.webpack的作用:配置一堆东西,达到运行程序的目的3.无论什么东西都转成js,然后插入到一个空空的html文件中运行4.webpack就是个管理者,管理着一堆loader,一堆loader的作用就是把自己负责的东西弄成js手动搭建Vue项目,
- 包管理工具:npm、npx、yarn、cnpm、pnpm
March_Qii
npm前端
包管理工具:npm、npx、yarn、cnpm、pnpmnpm概述包管理工具npm:NodePackageManager,也就是Node包管理器;如何下载和安装npm工具呢?npm属于node的一个管理工具,所以需要先安装Node;node管理工具:https://nodejs.org/en/,安装Node的过程会自动安装npm工具;npm管理的包可以在哪里查看、搜索呢?https://www.n
- js字符串方法速览---字符串的静态方法,实例方法和属性合集,各包含一个示例
I_am_shy
javascript前端开发语言
tips:本文仅作为查找和基本使用的展示,需要深入了解这些方法的使用请参考:String-JavaScript|MDN(mozilla.org)可以通过目录快速锁定需要查找的方法和查看它的使用目录tip:新建一个字符串字符串实例属性字符串静态方法String.fromCharCode(...nums)String.fromCodePoint(...nums)String.raw({raw:arr}
- 关于vue2运行时filemanager-webpack-plugin报错isFile is undefind
又写了一天BUG
webpack前端node.js
当我们在运行时报此错误时,在vue.config.js里找一下filemanager-webpack-plugin的配置路径。newFileManagerPlugin({onEnd:{delete:['./dist.zip'],archive:[{source:'./dist',destination:'./dist.zip'}]}})在对应的路径下建一个dist文件夹
- Vue3_指令(内置和自定义)
开心小老虎
vue3知识点+组件前端vue.js
目录一、内置指令1.v-text2.v-html3.v-show4.v-if5.v-else6.v-else-if7.v-for8.v-on9.v-bind10.v-model11.v-slot12.v-pre13.v-once14.v-memo(3.2+)15.v-cloak二、自定义指令1.规则2.钩子一、内置指令1.v-text更新元素的文本内容。{{msg}}2.v-html更新元素的in
- ArkTS基础快速入门学习
苏九黎
学习
鸿蒙开发ArkTS基础快速学习说明阅读本篇文章,适合一些了解过前端开发以及掌握前端框架的读者。ArkTS介绍ArkTS语言在TS语言基础上扩展了声明式UI,组件化,状态管理等功能。官方推荐两种开发模式开发鸿蒙,一种是基于js扩展的类web范式,另一种是基于TS扩展的声明式UI范式(也就是使用ArkTS开发)。ArkTs的代码基本结构Index.ets示例文件@Entry@Componentstru
- vue.js-指令
mengyang.
vuevue.js
Vue.js指令表达式的值除了可以出现内容中,也可以使用在其它位置,比如:属性。但是不能使用{{}}语法,而是需要指令在vue中,指令是一个带有v-前缀的属性,与普通属性不一样的地方在于,指令的值是引号括起来的表达式,不同的指令有不同的作用,vue内置了一些常用的指令,后期我们还可以自定义属于自己的指令内容输出循环逻辑属性绑定事件其它内容输出通过{{}}我们可以很方便的中模板中输出数据,但是这种方
- Python入门阶段---------容易错的点
记得多吃点
Python基础python开发语言
Python中笔试中容易出错的知识点汇总前言一、Python的变量命名规范二、Python中的可变与不可变类型二、List列表1.返回值2.列表中添加新元素3.列表中append()和extend()的区别三、字符串中的切片四、字典中键值对1.字典中的键也分类型2.字典中的查总结前言本文总结了Python入门中容易混乱的知识点,大家可以在笔试前或者面试前用来回顾回顾。一、Python的变量命名规范
- 数据结构——双向链表
xxpro
数据结构链表
头文件#ifndef__DOULIST_H__#define__DOULIST_H__#include#include/*存放数据类型*/typedefintDataType;/*存放节点类型*/typedefstructnode{DataTypeData;//数据structnode*pPre;//前一个节点指针structnode*pNext;//后一个节点指针}LinkNode;#endif
- android微信小程序多任务,同一个App不同Activity显示多任务引发的问题
兔丁麻麻
android微信小程序多任务
同步发布到CSDN:https://blog.csdn.net/ling9400/article/details/80179198转载请注明出处实现activity在recenttask中,必须给需要打开的activity设置如下代码Intentintent=newIntent(myContext,ZDActivity.class);intent.addFlag(Intent.FLAG_ACTIV
- OpenCV绘图函数(11)计算文本字符串在特定字体、尺寸和厚度下的大小的函数getTextSize()的使用
jndingxin
OpenCVopencvwebpack人工智能
操作系统:ubuntu22.04OpenCV版本:OpenCV4.9IDE:VisualStudioCode编程语言:C++11算法描述计算一个文本字符串的宽度和高度。函数cv::getTextSize计算并返回包含指定文本的矩形框的尺寸。也就是说,下面的代码渲染一些文本、包围它的紧密矩形框以及基线:Stringtext="Funnytextinsidethebox";intfontFace=FO
- unpkg.com无法访问
Red_Xx
javascript
换成https://cdn.jsdelivr.net/npm-->-->
- vue3+ts 引入 json-editor-vue3 报错
Red_Xx
jsonvue.jsjavascript
报错内容SyntaxError:Therequestedmodule'/node_modules/jsoneditor/dist/jsoneditor.min.js?v=00499bcc'doesnotprovideanexportnamed'default'(atjson-editor.vue:2:8)尝试解决、1.import'jsoneditor'importJsonEditorVuefro
- DOM节点统计
SeriousLose
JavascriptDOMExercisesjavascripthtmlhtml5typescript前端
DOM的体积过大会影响页面性能,假如你想在用户关闭页面时统计(计算并反馈给服务器)当前页面中元素节点的数量总和、元素节点的最大嵌套深度以及最大子元素个数,请用JS配合原生DOMAPI实现该需求(不用考虑陈旧浏览器以及在现代浏览器中的兼容性,可以使用任意浏览器的最新特性;不用考虑shadowDOM)fooclassEle{constructor(ele){this.ele=ele;this.dept
- 对于规范和实现,你会混淆吗?
yangshangchuan
HotSpot
昨晚和朋友聊天,喝了点咖啡,由于我经常喝茶,很长时间没喝咖啡了,所以失眠了,于是起床读JVM规范,读完后在朋友圈发了一条信息:
JVM Run-Time Data Areas:The Java Virtual Machine defines various run-time data areas that are used during execution of a program. So
- android 网络
百合不是茶
网络
android的网络编程和java的一样没什么好分析的都是一些死的照着写就可以了,所以记录下来 方便查找 , 服务器使用的是TomCat
服务器代码; servlet的使用需要在xml中注册
package servlet;
import java.io.IOException;
import java.util.Arr
- [读书笔记]读法拉第传
comsci
读书笔记
1831年的时候,一年可以赚到1000英镑的人..应该很少的...
要成为一个科学家,没有足够的资金支持,很多实验都无法完成
但是当钱赚够了以后....就不能够一直在商业和市场中徘徊......
- 随机数的产生
沐刃青蛟
随机数
c++中阐述随机数的方法有两种:
一是产生假随机数(不管操作多少次,所产生的数都不会改变)
这类随机数是使用了默认的种子值产生的,所以每次都是一样的。
//默认种子
for (int i = 0; i < 5; i++)
{
cout<<
- PHP检测函数所在的文件名
IT独行者
PHP函数
很简单的功能,用到PHP中的反射机制,具体使用的是ReflectionFunction类,可以获取指定函数所在PHP脚本中的具体位置。 创建引用脚本。
代码:
[php]
view plain
copy
// Filename: functions.php
<?php&nbs
- 银行各系统功能简介
文强chu
金融
银行各系统功能简介 业务系统 核心业务系统 业务功能包括:总账管理、卡系统管理、客户信息管理、额度控管、存款、贷款、资金业务、国际结算、支付结算、对外接口等 清分清算系统 以清算日期为准,将账务类交易、非账务类交易的手续费、代理费、网络服务费等相关费用,按费用类型计算应收、应付金额,经过清算人员确认后上送核心系统完成结算的过程 国际结算系
- Python学习1(pip django 安装以及第一个project)
小桔子
pythondjangopip
最近开始学习python,要安装个pip的工具。听说这个工具很强大,安装了它,在安装第三方工具的话so easy!然后也下载了,按照别人给的教程开始安装,奶奶的怎么也安装不上!
第一步:官方下载pip-1.5.6.tar.gz, https://pypi.python.org/pypi/pip easy!
第二部:解压这个压缩文件,会看到一个setup.p
- php 数组
aichenglong
PHP排序数组循环多维数组
1 php中的创建数组
$product = array('tires','oil','spark');//array()实际上是语言结构而不 是函数
2 如果需要创建一个升序的排列的数字保存在一个数组中,可以使用range()函数来自动创建数组
$numbers=range(1,10)//1 2 3 4 5 6 7 8 9 10
$numbers=range(1,10,
- 安装python2.7
AILIKES
python
安装python2.7
1、下载可从 http://www.python.org/进行下载#wget https://www.python.org/ftp/python/2.7.10/Python-2.7.10.tgz
2、复制解压
#mkdir -p /opt/usr/python
#cp /opt/soft/Python-2
- java异常的处理探讨
百合不是茶
JAVA异常
//java异常
/*
1,了解java 中的异常处理机制,有三种操作
a,声明异常
b,抛出异常
c,捕获异常
2,学会使用try-catch-finally来处理异常
3,学会如何声明异常和抛出异常
4,学会创建自己的异常
*/
//2,学会使用try-catch-finally来处理异常
- getElementsByName实例
bijian1013
element
实例1:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/x
- 探索JUnit4扩展:Runner
bijian1013
java单元测试JUnit
参加敏捷培训时,教练提到Junit4的Runner和Rule,于是特上网查一下,发现很多都讲的太理论,或者是举的例子实在是太牵强。多搜索了几下,搜索到两篇我觉得写的非常好的文章。
文章地址:http://www.blogjava.net/jiangshachina/archive/20
- [MongoDB学习笔记二]MongoDB副本集
bit1129
mongodb
1. 副本集的特性
1)一台主服务器(Primary),多台从服务器(Secondary)
2)Primary挂了之后,从服务器自动完成从它们之中选举一台服务器作为主服务器,继续工作,这就解决了单点故障,因此,在这种情况下,MongoDB集群能够继续工作
3)挂了的主服务器恢复到集群中只能以Secondary服务器的角色加入进来
2
- 【Spark八十一】Hive in the spark assembly
bit1129
assembly
Spark SQL supports most commonly used features of HiveQL. However, different HiveQL statements are executed in different manners:
1. DDL statements (e.g. CREATE TABLE, DROP TABLE, etc.)
- Nginx问题定位之监控进程异常退出
ronin47
nginx在运行过程中是否稳定,是否有异常退出过?这里总结几项平时会用到的小技巧。
1. 在error.log中查看是否有signal项,如果有,看看signal是多少。
比如,这是一个异常退出的情况:
$grep signal error.log
2012/12/24 16:39:56 [alert] 13661#0: worker process 13666 exited on s
- No grammar constraints (DTD or XML schema).....两种解决方法
byalias
xml
方法一:常用方法 关闭XML验证
工具栏:windows => preferences => xml => xml files => validation => Indicate when no grammar is specified:选择Ignore即可。
方法二:(个人推荐)
添加 内容如下
<?xml version=
- Netty源码学习-DefaultChannelPipeline
bylijinnan
netty
package com.ljn.channel;
/**
* ChannelPipeline采用的是Intercepting Filter 模式
* 但由于用到两个双向链表和内部类,这个模式看起来不是那么明显,需要仔细查看调用过程才发现
*
* 下面对ChannelPipeline作一个模拟,只模拟关键代码:
*/
public class Pipeline {
- MYSQL数据库常用备份及恢复语句
chicony
mysql
备份MySQL数据库的命令,可以加选不同的参数选项来实现不同格式的要求。
mysqldump -h主机 -u用户名 -p密码 数据库名 > 文件
备份MySQL数据库为带删除表的格式,能够让该备份覆盖已有数据库而不需要手动删除原有数据库。
mysqldump -–add-drop-table -uusername -ppassword databasename > ba
- 小白谈谈云计算--基于Google三大论文
CrazyMizzz
Google云计算GFS
之前在没有接触到云计算之前,只是对云计算有一点点模糊的概念,觉得这是一个很高大上的东西,似乎离我们大一的还很远。后来有机会上了一节云计算的普及课程吧,并且在之前的一周里拜读了谷歌三大论文。不敢说理解,至少囫囵吞枣啃下了一大堆看不明白的理论。现在就简单聊聊我对于云计算的了解。
我先说说GFS
&n
- hadoop 平衡空间设置方法
daizj
hadoopbalancer
在hdfs-site.xml中增加设置balance的带宽,默认只有1M:
<property>
<name>dfs.balance.bandwidthPerSec</name>
<value>10485760</value>
<description&g
- Eclipse程序员要掌握的常用快捷键
dcj3sjt126com
编程
判断一个人的编程水平,就看他用键盘多,还是鼠标多。用键盘一是为了输入代码(当然了,也包括注释),再有就是熟练使用快捷键。 曾有人在豆瓣评
《卓有成效的程序员》:“人有多大懒,才有多大闲”。之前我整理了一个
程序员图书列表,目的也就是通过读书,让程序员变懒。 程序员作为特殊的群体,有的人可以这么懒,懒到事情都交给机器去做,而有的人又可以那么勤奋,每天都孜孜不倦得
- Android学习之路
dcj3sjt126com
Android学习
转自:http://blog.csdn.net/ryantang03/article/details/6901459
以前有J2EE基础,接触JAVA也有两三年的时间了,上手Android并不困难,思维上稍微转变一下就可以很快适应。以前做的都是WEB项目,现今体验移动终端项目,让我越来越觉得移动互联网应用是未来的主宰。
下面说说我学习Android的感受,我学Android首先是看MARS的视
- java 遍历Map的四种方法
eksliang
javaHashMapjava 遍历Map的四种方法
转载请出自出处:
http://eksliang.iteye.com/blog/2059996
package com.ickes;
import java.util.HashMap;
import java.util.Iterator;
import java.util.Map;
import java.util.Map.Entry;
/**
* 遍历Map的四种方式
- 【精典】数据库相关相关
gengzg
数据库
package C3P0;
import java.sql.Connection;
import java.sql.SQLException;
import java.beans.PropertyVetoException;
import com.mchange.v2.c3p0.ComboPooledDataSource;
public class DBPool{
- 自动补全
huyana_town
自动补全
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml&quo
- jquery在线预览PDF文件,打开PDF文件
天梯梦
jquery
最主要的是使用到了一个jquery的插件jquery.media.js,使用这个插件就很容易实现了。
核心代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.
- ViewPager刷新单个页面的方法
lovelease
androidviewpagertag刷新
使用ViewPager做滑动切换图片的效果时,如果图片是从网络下载的,那么再子线程中下载完图片时我们会使用handler通知UI线程,然后UI线程就可以调用mViewPager.getAdapter().notifyDataSetChanged()进行页面的刷新,但是viewpager不同于listview,你会发现单纯的调用notifyDataSetChanged()并不能刷新页面
- 利用按位取反(~)从复合枚举值里清除枚举值
草料场
enum
以 C# 中的 System.Drawing.FontStyle 为例。
如果需要同时有多种效果,
如:“粗体”和“下划线”的效果,可以用按位或(|)
FontStyle style = FontStyle.Bold | FontStyle.Underline;
如果需要去除 style 里的某一种效果,
- Linux系统新手学习的11点建议
刘星宇
编程工作linux脚本
随着Linux应用的扩展许多朋友开始接触Linux,根据学习Windwos的经验往往有一些茫然的感觉:不知从何处开始学起。这里介绍学习Linux的一些建议。
一、从基础开始:常常有些朋友在Linux论坛问一些问题,不过,其中大多数的问题都是很基础的。例如:为什么我使用一个命令的时候,系统告诉我找不到该目录,我要如何限制使用者的权限等问题,这些问题其实都不是很难的,只要了解了 Linu
- hibernate dao层应用之HibernateDaoSupport二次封装
wangzhezichuan
DAOHibernate
/**
* <p>方法描述:sql语句查询 返回List<Class> </p>
* <p>方法备注: Class 只能是自定义类 </p>
* @param calzz
* @param sql
* @return
* <p>创建人:王川</p>
* <p>创建时间:Jul