罗钰茗
罗钰茗

js写的简易计算器，求拍砖！

 最近在学js,我是菜鸟，有没有一起学的同学！！加我Q328584523

js+html代码

  
  
  
  
    
   
   
   
   
  1. <html> 
    2. 
   
   
   
   
  2.  <head> 
    3. 
   
   
   
   
  3.   <link href="cal.css" rel="stylesheet" type="text/css"/> 
    4. 
   
   
   
   
  4. <script type="text/javascript"> 
    5. 
   
   
   
   
  5.   var num1=0,num2,num3; 
    6. 
   
   
   
   
  6.   var oper; 
    7. 
   
   
   
   
  7. function Focus() 
    8. 
   
   
   
   
  8.   { 
    9. 
   
   
   
   
  9.     document.getElementById('Input').focus(); 
    10. 
   
   
   
   
  10.  
    11. 
   
   
   
   
  11.   } 
    12. 
   
   
   
   
  12.   function Calcutor() 
    13. 
   
   
   
   
  13.   { 
    14. 
   
   
   
   
  14.     var total; 
    15. 
   
   
   
   
  15.     var num1; 
    16. 
   
   
   
   
  16.     this.numb=function(num1,num2,oper,i){ 
    17. 
   
   
   
   
  17.         //if(i==0) 
    18. 
   
   
   
   
  18.         //this.num1=num1; 
    19. 
   
   
   
   
  19.  
    20. 
   
   
   
   
  20.         if(oper=="+") 
    21. 
   
   
   
   
  21.             {total=num1+num2;} 
    22. 
   
   
   
   
  22.         else if(oper=="-") 
    23. 
   
   
   
   
  23.             {total=num1-num2;} 
    24. 
   
   
   
   
  24.         else if(oper=="*") 
    25. 
   
   
   
   
  25.             {total=num1*num2;} 
    26. 
   
   
   
   
  26.         else if(oper=="/") 
    27. 
   
   
   
   
  27.             {total=num1/num2;} 
    28. 
   
   
   
   
  28.         else if(oper=="Power") 
    29. 
   
   
   
   
  29.         { total=Math.pow(num1,num2);} 
    30. 
   
   
   
   
  30.     } 
    31. 
   
   
   
   
  31.     this.result=function(){ 
    32. 
   
   
   
   
  32.         return total; 
    33. 
   
   
   
   
  33.     } 
    34. 
   
   
   
   
  34.      
    35. 
   
   
   
   
  35.   } 
    36. 
   
   
   
   
  36.   var cal=new Calcutor(); 
    37. 
   
   
   
   
  37.   function init(eventObj) 
    38. 
   
   
   
   
  38.   { 
    39. 
   
   
   
   
  39.          
    40. 
   
   
   
   
  40.         var num=document.getElementById('Input'); 
    41. 
   
   
   
   
  41.          
    42. 
   
   
   
   
  42.         if(eventObj.value=="Clear") 
    43. 
   
   
   
   
  43.         { 
    44. 
   
   
   
   
  44.             num.value="0"; 
    45. 
   
   
   
   
  45.         }else if(eventObj.value=="Backspace") 
    46. 
   
   
   
   
  46.         { 
    47. 
   
   
   
   
  47.             num.value=(num.value).substr(0,(num.value).length-1); 
    48. 
   
   
   
   
  48.              
    49. 
   
   
   
   
  49.         }else if((Number(eventObj.value))||eventObj.value=="."||eventObj.value=="0"){ 
    50. 
   
   
   
   
  50.              
    51. 
   
   
   
   
  51.             //num3=Number(num.value); 
    52. 
   
   
   
   
  52.             numnum3=num.value+eventObj.value; 
    53. 
   
   
   
   
  53.             //window.alert("00000") 
    54. 
   
   
   
   
  54.             if(eventObj.value==".") 
    55. 
   
   
   
   
  55.             { 
    56. 
   
   
   
   
  56.                 //num3num3=num3.substr(1,num3.length)+num3.charAt(0); 
    57. 
   
   
   
   
  57.                 num.value=num3;  
    58. 
   
   
   
   
  58.             } 
    59. 
   
   
   
   
  59.             else num.value=Number(num3); 
    60. 
   
   
   
   
  60.         }else if(eventObj.value=="+"||eventObj.value=="-"||eventObj.value=="*"||eventObj.value=="/"||eventObj.value=="Power"){ 
    61. 
   
   
   
   
  61.             num1=Number(num.value); 
    62. 
   
   
   
   
  62.             num.value=""; 
    63. 
   
   
   
   
  63.             oper=eventObj.value; 
    64. 
   
   
   
   
  64.             }else if(eventObj.value=="="){ 
    65. 
   
   
   
   
  65.             num2=Number(num.value); 
    66. 
   
   
   
   
  66.             cal.numb(num1,num2,oper); 
    67. 
   
   
   
   
  67.             var  str=cal.result().toString(); 
    68. 
   
   
   
   
  68.             if(cal.result()<0) 
    69. 
   
   
   
   
  69.             { 
    70. 
   
   
   
   
  70.                 var s0=str.charAt(0); 
    71. 
   
   
   
   
  71.                 strstr=str.substr(1,str.length)+s0; 
    72. 
   
   
   
   
  72.             } 
    73. 
   
   
   
   
  73.             num.value=str; 
    74. 
   
   
   
   
  74.         } 
    75. 
   
   
   
   
  75.  } 
    76. 
   
   
   
   
  76. </script> 
    77. 
   
   
   
   
  77. </head> 
    78. 
   
   
   
   
  78. <body onload="Focus()" > 
    79. 
   
   
   
   
  79. <div class="s"> 
    80. 
   
   
   
   
  80. <span class="s1">简易计算器</span> 
    81. 
   
   
   
   
  81. <table border=2px class="TableStyle"> 
    82. 
   
   
   
   
  82. <tr class="TextStyle1"> 
    83. 
   
   
   
   
  83.     <td colspan="4"><input type="text" value="0" class="TextStyle2" id="Input"></td> 
    84. 
   
   
   
   
  84.   </tr> 
    85. 
   
   
   
   
  85.   <tr> 
    86. 
   
   
   
   
  86.     <td><input type="button" value="Power" class="bt" onclick="init(this)" /></td> 
    87. 
   
   
   
   
  87.     <td><input type="button" value="Clear" class="bt" onclick="init(this)"/></td> 
    88. 
   
   
   
   
  88.     <td colspan="2"><input type="button" value="Backspace" style="height:30px;width:130px" onclick="init(this)"/></td> 
    89. 
   
   
   
   
  89. <!--<td>&nbsp;</td>--> 
    90. 
   
   
   
   
  90.   </tr> 
    91. 
   
   
   
   
  91.   <tr> 
    92. 
   
   
   
   
  92.     <td><input type="button" value="1" class="bt"onclick="init(this)"/></td> 
    93. 
   
   
   
   
  93.     <td><input type="button" value="2" class="bt"onclick="init(this)"/></td> 
    94. 
   
   
   
   
  94.     <td><input type="button" value="3" class="bt"onclick="init(this)"/></td> 
    95. 
   
   
   
   
  95.     <td><input type="button" value="4" class="bt"onclick="init(this)"/></td> 
    96. 
   
   
   
   
  96.   </tr> 
    97. 
   
   
   
   
  97.   <tr> 
    98. 
   
   
   
   
  98.     <td><input type="button" value="5" class="bt"onclick="init(this)"/></td> 
    99. 
   
   
   
   
  99.     <td><input type="button" value="6" class="bt"onclick="init(this)"/></td> 
    100. 
   
   
   
   
  100.     <td><input type="button" value="7" class="bt"onclick="init(this)"/></td> 
    101. 
   
   
   
   
  101.     <td><input type="button" value="8" class="bt"onclick="init(this)"/></td> 
    102. 
   
   
   
   
  102.   </tr> 
    103. 
   
   
   
   
  103.   <tr> 
    104. 
   
   
   
   
  104.     <td><input type="button" value="9" class="bt"onclick="init(this)"/></td> 
    105. 
   
   
   
   
  105.     <td><input type="button" value="0" class="bt"onclick="init(this)"/></td> 
    106. 
   
   
   
   
  106.     <td><input type="button" value="." class="bt"onclick="init(this)"/></td> 
    107. 
   
   
   
   
  107.     <td><input type="button" value="=" class="bt"onclick="init(this)"/></td> 
    108. 
   
   
   
   
  108.   </tr> 
    109. 
   
   
   
   
  109.   <tr> 
    110. 
   
   
   
   
  110.     <td><input type="button" value="+" class="bt"onclick="init(this)"/></td> 
    111. 
   
   
   
   
  111.     <td><input type="button" value="-" class="bt"onclick="init(this)"/></td> 
    112. 
   
   
   
   
  112.     <td><input type="button" value="*" class="bt"onclick="init(this)"/></td> 
    113. 
   
   
   
   
  113.     <td><input type="button" value="/" class="bt"onclick="init(this)"/></td> 
    114. 
   
   
   
   
  114.   </tr> 
    115. 
   
   
   
   
  115.   </table> 
    116. 
   
   
   
   
  116. <p>★只实现了简单的四则运算,连乘,没有实现,总感觉代码比较混乱</p> 
    117. 
   
   
   
   
  117. </div> 
    118. 
   
   
   
   
  118.  </body> 
    119. 
   
   
   
   
  119. </html> 
    120.

css代码

  
  
  
  
    
   
   
   
   
  1. .s{ 
    2. 
   
   
   
   
  2.     margin:0 auto; 
    3. 
   
   
   
   
  3.      
    4. 
   
   
   
   
  4.     width:400px; 
    5. 
   
   
   
   
  5.     height:400px; 
    6. 
   
   
   
   
  6.     background-color:pink; 
    7. 
   
   
   
   
  7.     border:none solid blue; 
    8. 
   
   
   
   
  8. } 
    9. 
   
   
   
   
  9. .s1{ 
    10. 
   
   
   
   
  10.     font-weight:bold; 
    11. 
   
   
   
   
  11.     font-size:20px; 
    12. 
   
   
   
   
  12.     font-family:"隶书"; 
    13. 
   
   
   
   
  13.     padding-bottom:-20px; 
    14. 
   
   
   
   
  14.     margin-left:145px; 
    15. 
   
   
   
   
  15. } 
    16. 
   
   
   
   
  16. .TextStyle2{ 
    17. 
   
   
   
   
  17.     width:240px; 
    18. 
   
   
   
   
  18.     direction:rtl; 
    19. 
   
   
   
   
  19.      
    20. 
   
   
   
   
  20. } 
    21. 
   
   
   
   
  21. .TableStyle{ 
    22. 
   
   
   
   
  22.     table-layout:fixed; 
    23. 
   
   
   
   
  23.     width:350px; 
    24. 
   
   
   
   
  24.     height:300px; 
    25. 
   
   
   
   
  25.     background-color:#E0E0ED; 
    26. 
   
   
   
   
  26.     border-spacing:0px; 
    27. 
   
   
   
   
  27.     border-collapse:collapse; 
    28. 
   
   
   
   
  28.     text-align:center; 
    29. 
   
   
   
   
  29.     margin-top:20px; 
    30. 
   
   
   
   
  30.     margin-left:20px; 
    31. 
   
   
   
   
  31.      
    32. 
   
   
   
   
  32. } 
    33. 
   
   
   
   
  33. td{ 
    34. 
   
   
   
   
  34.     border:5px #E0E0ED inset; 
    35. 
   
   
   
   
  35. } 
    36. 
   
   
   
   
  36. .TextStyle1{ 
    37. 
   
   
   
   
  37.      
    38. 
   
   
   
   
  38.     background-color:blue; 
    39. 
   
   
   
   
  39. } 
    40. 
   
   
   
   
  40. .bt{ 
    41. 
   
   
   
   
  41.     width:50px; 
    42. 
   
   
   
   
  42.     height:30px; 
    43. 
   
   
   
   
  43. } 
    44.

 

你可能感兴趣的:(js计算器)

  • three.js中文字符随机生成旋转动画 一粒马豆 javascriptthree.js中文字符动画
    Three.js随机中文字符生成旋转动画body{margin:0;}canvas{display:block;}{"imports":{"three":"https://cdn.jsdelivr.net/npm/[email protected]/build/three.module.js","three/addons/":"https://cdn.jsdelivr.net/npm/[email protected]
  • 【华为OD-E卷 - VLAN资源池 100分（python、java、c++、js、c）】 CodeClimb 算法题华为od（A+B+C+D+E卷）收录分享java华为odpythonc++javascript
    【华为OD-E卷-VLAN资源池100分（python、java、c++、js、c）】题目VLAN是一种对局域网设备进行逻辑划分的技术，为了标识不同的VLAN，引入VLANID(1-4094之间的整数)的概念。定义一个VLANID的资源池(下称VLAN资源池)，资源池中连续的VLAN用开始VLAN-结束VLAN表示，不连续的用单个整数表示，所有的VLAN用英文逗号连接起来。现在有一个VLAN资源池
  • Commander 一款命令行自定义命令依赖 yqcoder arcgisjavascript前端node.js
    一、安装`commander`插件npminstallcommander二、基本用法1.创建一个简单的命令行程序创建一个JavaScript文件，例如`mycli.js`，并添加以下代码：//引入`commander`模块并获取`program`对象。const{program}=require("commander");program .version("1.0.0")//设置命令行工具的版本 
  • vue 无法 局域网内访问 m0_75101866 开发工具vue.js
    资料Vue项目设置可以局域网访问_vue.js_脚本之家过程上午，前端vue服务能够在局域网内访问，下午就不行了，但是后端服务能够正常访问，本机也能正常访问ip：端口号前端服务判定不是下面的问题：同一局域网下访问vue项目_vue在局域网内访问-CSDN博客然后，关闭防火墙尝试。。-_-!netshadvfirewallfirewalladdrulename="Allow8080"dir=inac
  • 微信小程序部分用户报错ERR_CONNECTION_REFUSED连接被拒绝 木雷双雄7 微信小程序微信小程序
    【问题描述】部分微信小程序用户出现连接被拒绝的错误，报错信息为{"code":0,"message":"{\"errno\":600001,\"errMsg\":\"request:failerrcode:-102cronet_error_code:-102error_msg:net::ERR_CONNECTION_REFUSED\"}"}【问题排查】后端没有错误日志，前端没有js报错，那报错从何
  • Python使用socket传输对数据AES和MD5加密 夜语醉星辰 Pythonpython
    一、使用socket通信defclient_communication(data):#通信host="127.0.0.1"#服务器IP地址port=12345#服务器端口号#处理发送数据data=json.dumps(data)#将字典转换为json字符串data=encryption_AES(data)#加密数据try:client_socket=socket.socket(socket.AF_
  • Element table 表头吸顶效果（适用于表头无fixed属性使用） 阳光的男夹克 Vue2javascript开发语言ecmascript
    在main.js自定义sticky指令Vue.directive('sticky',{//当被绑定的元素插入到DOM中时……inserted(el,binding){//获取表格constthead=el.children[1]consttbody=el.children[2]//获取滚动元素constscrollParent=document.querySelector(binding.valu
  • python程序发钉钉消息 乌11111 python
    参考：使用python通过接口方式发送钉钉消息分两步：1.在钉钉群---智能群助手里添加机器人，拿到webhook链接，设置关键词。2.写python代码，用requests请求接口的方式。参考代码和实现结果如下。#python发钉钉消息importjson,requestsdefsendDing(msg):dingding_url='https://oapi.dingtalk.com/robot
  • 学习TypeScript（一） 家里有只小肥猫 学习typescriptjavascript
    Ts静态类型可以直接在编译器进行类型检查js动态类型在代码执行期的时候才会进行类型检查好处优势程序中任何位置的代码都会有错误提示，避免浪费时间提高维护性让代码重构更容易只需要修改类型就可以全局安装打开cmd电脑全局安装npmi-gtypescript检查是否安装成功tsc-vTypeScript入门教程1.安装TypeScriptnpminstall-gtypescript2.创建TypeScri
  • 华为OD机试E卷 - 最大相连男生数/学生方阵（Java & Python& JS & C++ & C ） 算法大师 最新华为OD机试华为odjavapythonc语言c++华为OD机试E卷javascript
    最新华为OD机试真题目录：点击查看目录华为OD面试真题精选：点击立即查看题目描述学校组织活动，将学生排成一个矩形方阵。请在矩形方阵中找到最大的位置相连的男生数量。这个相连位置在一个直线上，方向可以是水平的，垂直的，成对角线的或者呈反对角线的。注：学生个数不会超过10000输入描述输入的第一行为矩阵的行数和列数，接下来的n行为矩阵元素，元素间用”,”分隔。输出描述输出一个整数，表示矩阵中最长的位置相
  • 为了避免工作疏忽，钉钉推送通知到个人（实例） 小小蚂蚁 钉钉java前端
    publicstaticvoidmain(Stringargs[]){//获取tokenJSONObjectjson=newJSONObject();json.put("appKey","应用程序的唯一标识符");json.put("appSecret","应用程序（App）的密钥");StringURL="https://api.dingtalk.com/v1.0/oauth2/accessTo
  • 华为OD机试E卷 --学生方阵--24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc语言python
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述学校组织活动，将学生排成一个矩形方阵。请在矩形方阵中找到最大的位置相连的男生数量。这个相连位置在一个直线上，方向可以是水平的，垂直的，成对角线的或者呈反对角线的。注:学生个数不会超过10000输入描述输入的第一行为矩阵的行数和列数，接下来的n行为矩阵元素，元素间用”,”分隔。
  • Vue 3中导航守卫（Navigation Guard）结合Axios实现token认证机制 匹马夕阳 VUE技术集锦vue.js前端javascript
    在Vue3中，导航守卫（NavigationGuard）用于拦截路由的变化，可以在用户访问页面前进行检查。结合Axios进行token认证机制时，我们可以通过导航守卫在路由跳转时，检查用户的认证状态，确保用户有有效的token进行认证。下面，我将通过具体代码示例，逐步讲解如何实现这一功能：文章目录1.安装必要的依赖2.创建`axios`实例3.在`router.js`中使用导航守卫4.处理登录与登
  • 谷歌开发者模式调试Js代码 [保姆级教程] yunAike javascript开发语言ecmascript
    开启开发者模式方法一：在网页中右键单击，选择“检查”选项，即可打开开发者工具。方法二：使用快捷键，在Windows/Linux系统中按Ctrl+Shift+I，在Mac系统中按Command+Option+I。开始调试JavaScript代码1.定位到源代码打开开发者工具后，点击上方的“Sources”（源代码）面板。该面板左侧是文件树，你可以从中找到要调试的JavaScript文件。如果是内联的
  • 桌面应用程序开发：跨平台方案方案有什么？ 柚米汇 开发语言
    目前市面上最流行的桌面开发程序框架和工具包括以下几种：1.Electron简介：使用Web技术（HTML、CSS、JavaScript）开发跨平台桌面应用，结合Node.js和Chromium。优点：广泛使用的Web技术，开发门槛低。丰富的插件和生态系统支持。许多成功的应用案例（如VisualStudioCode、Slack、Discord）。工具：VisualStudioCode、Atom。2.
  • NPM 常用命令 pumpkin84514 其它npm
    NPM常用命令NPM（NodePackageManager）是JavaScript生态系统中最流行的包管理工具，它不仅可以管理Node.js项目的依赖，还提供了丰富的命令来管理和发布你的代码。本文将从不同角度，深入浅出地介绍NPM的常用命令和实际应用。目录NPM基础什么是NPM安装NPM初始化项目(npminit)管理依赖安装依赖(npminstall)升级和卸载依赖(npmupdate,npmu
  • 华为OD机试E卷 --响应报文时间 --24年OD统一考试（Java & JS & Python & C & C++） 飞码创造者 最新华为OD机试题库2024华为odjavajavascriptc++c语言python
    文章目录题目描述输入描述输出描述用例题目解析JS算法源码Java算法源码python算法源码c算法源码c++算法源码题目描述IGMP协议中，有一个字段称作最大响应时间(MaxResponseTime),HOST收到查询报文，解折出MaxResponsetime字段后，需要在(0，MaXxResponseTime]时间(s)内选取随机时间回应一个响应报文,如果在随机时间内收到一个新的查询报文，则会根
  • spark sql的练习题 a大数据yyds sparkspark
    1、使用StructuredStreaming读取Socket数据，把单词和单词的反转组成json格式写入到当前目录中的file文件夹中2、请使用StructuredStreaming读取student_info文件夹写的csv文件，2.1、统计出文件中的男女生各有多少人2.2、统计出姓“王”男生和女生的各有多少人3、请使用StructuredStreaming读取department_info文
  • gRPC协议简介 xidianhuihui golang
    gRPC是谷歌开源的一套RPC协议框架。主要做两件事情：一是数据编码，二是请求映射。数据编码数据编码顾名思义就是在将请求的内存对像转化成可以传输的字节流发给服务端，并将收到的字节流再转化成内存对像。方法有很多，常见的有XML、JSON、Protobuf。XML已经日薄西山，JSON风头正盛，Protobuf则方兴未艾。gRPC默认选用Protobuf，早期貌似只支持Protobuf，现在号称也支持
  • 大侠，你真的了解JS中的toString&toLocaleString方法吗？ 不做超级小白 web前端javascript前端开发语言
    toString()与toLocaleString()的区别：你需要了解的JavaScript字符串化方法在JavaScript中，toString()和toLocaleString()都是对象转换为字符串的常用方法。虽然它们的功能看似相似，但实际上它们有着不同的用途和行为。本文将详细解析这两者的区别，帮助开发者更好地理解并选择适合的字符串化方法。1.toString()方法：目的：toStrin
  • 运行c程序报preLaunchTask“C/C++: gcc 生成活动文件“已终止，退出代码为 -1。 如若123 c语言c++开发语言
    出现preLaunchTask“C/C++:gcc生成活动文件"已终止，退出代码为-1错误，意味着编译任务在运行时失败。为了解决这个问题，我们可以从以下几个方面检查和修复问题：1.检查tasks.json配置确保tasks.json配置正确，尤其是源文件路径、编译命令和选项。你可以参考以下完整的tasks.json示例：{"version":"2.0.0","tasks":[{"type":"cp
  • 转帖-在Eclipse中开发JSF ren_z_q JSFEclipseBeanJSPOracle
    (转自http://www.blogjava.net/gaofeng/articles/127842.html作者:Java.net)Eclipse3.3刚刚发布,正在学习JSF,于是使用Eclipse3.3做了一个JSF的Demo,很简单,主要是页面的跳转、组件和Bean的绑定等基础...1、工具准备:Eclipse3.3WTP2.0(最好下载一个all-in-one的版本..省的麻烦)...依
  • package.json依赖包漏洞之yargs-Parser输入验证错误漏洞 漏洞安全
    背景有个安全扫描的流水线，扫描了负责的项目之后，发现一些漏洞。需要说明的是，这个扫描只是针对package.json文件。扫的是依赖树，而不是项目源代码，也不是打包后的代码。但既然是漏洞，都是可以好好学习下的。yargs-Parser输入验证错误漏洞(CVE-2020-7608)被扫描出来的是下面这样的：详情请查看：package.json依赖包漏洞之yargs-Parser输入验证错误漏洞
  • package.json依赖包漏洞之nodejs-glob-parent正则表达式拒绝服务漏洞 漏洞安全前端
    背景有个安全扫描的流水线，扫描了负责的项目之后，发现一些漏洞。需要说明的是，这个扫描只是针对package.json文件，扫的是依赖树，而不是项目源代码，也不是打包后的代码。但既然是漏洞，都是可以好好学习下的。nodejs-glob-parent正则表达式拒绝服务漏洞(CVE-2020-28469)被扫描出来的是下面这样的：从阿里云漏洞库中可以知道具体是什么漏洞。CVE-2020-28469漏洞的
  • Serverless Plugin Optimize 使用指南 舒林艾Natalie
    ServerlessPluginOptimize使用指南serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh_mirr
  • 项目推荐：Serverless优化插件 —— 提升您的云函数性能与效率 井队湛Heath
    项目推荐：Serverless优化插件——提升您的云函数性能与效率serverless-plugin-optimize⛔️DEPRECATED⛔️BundlewithBrowserify,transpileandminifywithBabelautomaticallytoyourNodeJSruntimecompatibleJavaScript项目地址:https://gitcode.com/gh
  • 大模型项目落地时，该如何估算模型所需GPU算力资源 kcarly 大模型知识乱炖认识系列gpu算力深度学习自然语言处理AIGC
    近期公司有大模型项目落地。在前期沟通时，对于算力估算和采购方案许多小伙伴不太了解，在此对相关的算力估算和选择进行一些总结。不喜欢过程的可以直接跳到HF上提供的模型计算器要估算大模型的所需的显卡算力，首先要了解大模型的参数基础知识。大模型的规模、参数的理解模型参数单位我们的项目中客户之前测试过Qwen1.5-110B的模型，效果还比较满意。（Qwen还是国产模型中比较稳定的也是很多项目的首选）模型中
  • 请简述vue2和vue3的区别 youhebuke225 vue面试题vue.js前端javascript
    Vue2和Vue3作为Vue.js框架的两个主要版本，在多个方面存在显著的差异。以下是它们之间主要区别的详细概述：生命周期函数钩子：Vue2：包含了一系列的生命周期钩子函数，如beforeCreate、created、beforeMount等，这些函数在组件的不同生命周期阶段被调用。Vue3：对生命周期函数进行了调整，setup成为了新的入口点，代替了beforeCreate和created。同时
  • 实际开发中的有趣bug：“undefined“ is not valid JSON SyntaxError: “undefined“ is not valid JSON。 我爱加班、、 vue项目实际开发中的bugvuexbugjson前端javascriptvue.jsecmascriptajax
    bug解读：指出在尝试解析或序列化JSON数据时遇到了问题。JSON（JavaScriptObjectNotation）是一种轻量级的数据交换格式，它要求数据必须是有效的JSON格式。在JavaScript中，undefined是一个特殊的值，表示变量没有被赋值，它不是一个有效的JSON值。场景：在后台项目，用户登录后，通过用户的菜单权限渲染侧边栏菜单，做了持久化存储。当登出后，在登录页刷新页面，
  • vue-cli项目中使用Electron 骆驼Lara Vuevue.jselectronjavascript
    Vue项目中使用Electron一、安装二、创建background.js三、创建preload.js文件四、修改package.json文件五、修改vue.config.js文件六、启动1本地启动2打包补充：一、安装安装electron,electron-builder,vue-cli-plugin-electron-builder,electron-devtoolsnpmi--save-dev
  • Java实现的简单双向Map，支持重复Value superlxw1234 java双向map
    关键字：Java双向Map、DualHashBidiMap     有个需求，需要根据即时修改Map结构中的Value值，比如，将Map中所有value=V1的记录改成value=V2，key保持不变。   数据量比较大，遍历Map性能太差，这就需要根据Value先找到Key，然后去修改。   即：既要根据Key找Value，又要根据Value
  • PL/SQL触发器基础及例子 百合不是茶 oracle数据库触发器PL/SQL编程
      触发器的简介; 触发器的定义就是说某个条件成立的时候，触发器里面所定义的语句就会被自动的执行。因此触发器不需要人为的去调用，也不能调用。触发器和过程函数类似 过程函数必须要调用,   一个表中最多只能有12个触发器类型的,触发器和过程函数相似 触发器不需要调用直接执行, 触发时间：指明触发器何时执行，该值可取： before：表示在数据库动作之前触发
  • [时空与探索]穿越时空的一些问题 comsci 问题
          我们还没有进行过任何数学形式上的证明,仅仅是一个猜想.....       这个猜想就是; 任何有质量的物体(哪怕只有一微克)都不可能穿越时空,该物体强行穿越时空的时候,物体的质量会与时空粒子产生反应,物体会变成暗物质,也就是说,任何物体穿越时空会变成暗物质..(暗物质就我的理
  • easy ui datagrid上移下移一行 商人shang js上移下移easyuidatagrid
    /** * 向上移动一行 * * @param dg * @param row */ function moveupRow(dg, row) { var datagrid = $(dg); var index = datagrid.datagrid("getRowIndex", row); if (isFirstRow(dg, row)) {
  • Java反射 oloz 反射
    本人菜鸟，今天恰好有时间，写写博客，总结复习一下java反射方面的知识，欢迎大家探讨交流学习指教 首先看看java中的Class package demo; public class ClassTest { /*先了解java中的Class*/ public static void main(String[] args) { //任何一个类都
  • springMVC 使用JSR-303 Validation验证 杨白白 springmvc
    JSR-303是一个数据验证的规范，但是spring并没有对其进行实现，Hibernate Validator是实现了这一规范的，通过此这个实现来讲SpringMVC对JSR-303的支持。 JSR-303的校验是基于注解的，首先要把这些注解标记在需要验证的实体类的属性上或是其对应的get方法上。 登录需要验证类 public class Login { @NotEmpty
  • log4j 香水浓 log4j
    log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, HTML, DATABASE #log4j.rootCategory=DEBUG, STDOUT, DAILYFILE, ROLLINGFILE, HTML #console log4j.appender.STDOUT=org.apache.log4j.ConsoleAppender log4
  • 使用ajax和history.pushState无刷新改变页面URL agevs jquery框架Ajaxhtml5chrome
    表现 如果你使用chrome或者firefox等浏览器访问本博客、github.com、plus.google.com等网站时，细心的你会发现页面之间的点击是通过ajax异步请求的，同时页面的URL发生了了改变。并且能够很好的支持浏览器前进和后退。 是什么有这么强大的功能呢？ HTML5里引用了新的API，history.pushState和history.replaceState，就是通过
  • centos中文乱码 AILIKES centosOSssh
    一、CentOS系统访问 g.cn ，发现中文乱码。 于是用以前的方式：yum -y install fonts-chinese CentOS系统安装后，还是不能显示中文字体。我使用 gedit 编辑源码，其中文注释也为乱码。       后来，终于找到以下方法可以解决，需要两个中文支持的包： fonts-chinese-3.02-12.
  • 触发器 baalwolf 触发器
    触发器(trigger)：监视某种情况，并触发某种操作。 触发器创建语法四要素：1.监视地点(table) 2.监视事件(insert/update/delete) 3.触发时间(after/before) 4.触发事件(insert/update/delete) 语法： create trigger triggerName after/before 
  • JS正则表达式的i m g bijian1013 JavaScript正则表达式
            g:表示全局（global)模式，即模式将被应用于所有字符串，而非在发现第一个匹配项时立即停止。         i:表示不区分大小写（case-insensitive）模式，即在确定匹配项时忽略模式与字符串的大小写。         m:表示
  • HTML5模式和Hashbang模式 bijian1013 JavaScriptAngularJSHashbang模式HTML5模式
            我们可以用$locationProvider来配置$location服务（可以采用注入的方式，就像AngularJS中其他所有东西一样）。这里provider的两个参数很有意思，介绍如下。 html5Mode         一个布尔值，标识$location服务是否运行在HTML5模式下。 ha
  • [Maven学习笔记六]Maven生命周期 bit1129 maven
    从mvn test的输出开始说起   当我们在user-core中执行mvn test时，执行的输出如下：   /software/devsoftware/jdk1.7.0_55/bin/java -Dmaven.home=/software/devsoftware/apache-maven-3.2.1 -Dclassworlds.conf=/software/devs
  • 【Hadoop七】基于Yarn的Hadoop Map Reduce容错 bit1129 hadoop
    运行于Yarn的Map Reduce作业，可能发生失败的点包括 Task Failure Application Master Failure Node Manager Failure Resource Manager Failure 1. Task Failure 任务执行过程中产生的异常和JVM的意外终止会汇报给Application Master。僵死的任务也会被A
  • 记一次数据推送的异常解决端口解决 ronin47 记一次数据推送的异常解决
    　　 需求：从db获取数据然后推送到B         程序开发完成，上jboss,刚开始报了很多错，逐一解决，可最后显示连接不到数据库。机房的同事说可以ping 通。 　　  自已画了个图，逐一排除，把linux 防火墙　和　setenforce　设置最低。 　　　service iptables stop
  • 巧用视错觉-UI更有趣 brotherlamp UIui视频ui教程ui自学ui资料
    我们每个人在生活中都曾感受过视错觉（optical illusion）的魅力。 视错觉现象是双眼跟我们开的一个玩笑，而我们往往还心甘情愿地接受我们看到的假象。其实不止如此，视觉错现象的背后还有一个重要的科学原理——格式塔原理。 格式塔原理解释了人们如何以视觉方式感觉物体，以及图像的结构，视角，大小等要素是如何影响我们的视觉的。 在下面这篇文章中，我们首先会简单介绍一下格式塔原理中的基本概念，
  • 线段树-poj1177-N个矩形求边长（离散化+扫描线） bylijinnan 数据结构算法线段树
    package com.ljn.base; import java.util.Arrays; import java.util.Comparator; import java.util.Set; import java.util.TreeSet; /** * POJ 1177 (线段树+离散化+扫描线)，题目链接为http://poj.org/problem?id=1177
  • HTTP协议详解 chicony http协议
    引言                                 
  • Scala设计模式 chenchao051 设计模式scala
    Scala设计模式                我的话： 在国外网站上看到一篇文章，里面详细描述了很多设计模式，并且用Java及Scala两种语言描述，清晰的让我们看到各种常规的设计模式，在Scala中是如何在语言特性层面直接支持的。基于文章很nice，我利用今天的空闲时间将其翻译，希望大家能一起学习，讨论。翻译
  • 安装mysql daizj mysql安装
    安装mysql   (1)删除linux上已经安装的mysql相关库信息。rpm  -e  xxxxxxx   --nodeps (强制删除)      执行命令rpm -qa |grep mysql 检查是否删除干净   (2)执行命令  rpm -i MySQL-server-5.5.31-2.el
  • HTTP状态码大全 dcj3sjt126com http状态码
    完整的 HTTP 1.1规范说明书来自于RFC 2616，你可以在http://www.talentdigger.cn/home/link.php?url=d3d3LnJmYy1lZGl0b3Iub3JnLw%3D%3D在线查阅。HTTP 1.1的状态码被标记为新特性，因为许多浏览器只支持 HTTP 1.0。你应只把状态码发送给支持 HTTP 1.1的客户端，支持协议版本可以通过调用request
  • asihttprequest上传图片 dcj3sjt126com ASIHTTPRequest
    NSURL *url =@"yourURL"; ASIFormDataRequest*currentRequest =[ASIFormDataRequest requestWithURL:url]; [currentRequest setPostFormat:ASIMultipartFormDataPostFormat];[currentRequest se
  • C语言中，关键字static的作用 e200702084 C++cC#
    在C语言中，关键字static有三个明显的作用： 1)在函数体，局部的static变量。生存期为程序的整个生命周期，（它存活多长时间）；作用域却在函数体内（它在什么地方能被访问（空间））。 一个被声明为静态的变量在这一函数被调用过程中维持其值不变。因为它分配在静态存储区，函数调用结束后并不释放单元，但是在其它的作用域的无法访问。当再次调用这个函数时，这个局部的静态变量还存活，而且用在它的访
  • win7/8使用curl geeksun win7
    1.  WIN7/8下要使用curl，需要下载curl-7.20.0-win64-ssl-sspi.zip和Win64OpenSSL_Light-1_0_2d.exe。 下载地址：  http://curl.haxx.se/download.html 请选择不带SSL的版本，否则还需要安装SSL的支持包   2.  可以给Windows增加c
  • Creating a Shared Repository; Users Sharing The Repository hongtoushizi git
    转载自：   http://www.gitguys.com/topics/creating-a-shared-repository-users-sharing-the-repository/ Commands discussed in this section: git init –bare git clone git remote git pull git p
  • Java实现字符串反转的8种或9种方法 Josh_Persistence 异或反转递归反转二分交换反转java字符串反转栈反转
    注：对于第7种使用异或的方式来实现字符串的反转，如果不太看得明白的，可以参照另一篇博客： http://josh-persistence.iteye.com/blog/2205768   /** * */ package com.wsheng.aggregator.algorithm.string; import java.util.Stack; /**
  • 代码实现任意容量倒水问题 home198979 PHP算法倒水
    形象化设计模式实战             HELLO!架构                     redis命令源码解析   倒水问题：有两个杯子，一个A升，一个B升，水有无限多，现要求利用这两杯子装C
  • Druid datasource zhb8015 druid
    推荐大家使用数据库连接池 DruidDataSource. http://code.alibabatech.com/wiki/display/Druid/DruidDataSource DruidDataSource经过阿里巴巴数百个应用一年多生产环境运行验证，稳定可靠。 它最重要的特点是：监控、扩展和性能。 下载和Maven配置看这里： http
  • 两种启动监听器ApplicationListener和ServletContextListener spjich javaspring框架
    引言:有时候需要在项目初始化的时候进行一系列工作，比如初始化一个线程池，初始化配置文件，初始化缓存等等，这时候就需要用到启动监听器，下面分别介绍一下两种常用的项目启动监听器   ServletContextListener  特点: 依赖于sevlet容器，需要配置web.xml 使用方法: public class StartListener implements
  • JavaScript Rounding Methods of the Math object 何不笑 JavaScriptMath
        The next group of methods has to do with rounding decimal values into integers. Three methods — Math.ceil(),  Math.floor(), and  Math.round() — handle rounding in differen
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他