- ES6 -- 总结 03
柿子来了
es6javascript前端
Es6的模块化Documentmodule1.jsletstr='helloworld'letnum=999exportletfun=()=>{console.log('你好')return'nihao'}//es6模块化//导出//export在一个js中可以存在多个export{str,num}//exportdefault默认导出在一个js中只能存在一个exportdefault{str,n
- ES6 export和import
wayne1125
util.jsexportletsum=(x,y)=>{returnx+y;}exportletminus=(m,n)=>{returnm-n;}main.jsimport{num,minus}from'./util'或import*asutilfrom'./util'console.log(`sum:${sum(1,6)}`)或console.log(`sum:${util.minus(10,6
- js中导出export和导入import的简单使用
小白想要逆袭
前端相关技术#JS&ES6学习javascript前端vue.js
export导出export创建导出文件将变量或方法,类进行导出//导出exportleta=1;exportfunctiontest(){console.log("Iamtest");}exportclassUser{say(){console.log("Icansay");}}exportdefault:先声明后导出,更安全可靠,(注意:一个js文件只能存在一个exportdefault导出,
- react函数组件中使用context
_揽
前端学习笔记react.js前端前端框架
效果1.在父组件中创建一个createcontext并将他导出importReact,{createContext}from'react'importBppfrom'./Bpp'importCppfrom'./Cpp'exportletMyContext=createContext('我是组件B')exportletCcontext=createContext('我是组件C')exportdefa
- 浅谈SpringMVC执行过程
程序员日常填坑
通过深入分析Spring源码,我们知道Spring框架包括大致六大模块,如Web模块,数据库访问技术模块,面向切面模块,基础设施模块,核心容器模块和模块,其中,在Spring框架的Web模块中,又包含很多前端技术,如SpringMVC,SpringWebSocket,SpringWebPortlet等,在本篇文章中,我们主要分析SpringMVC模块,在分析SpringMVC技术时,本篇文章将通过
- es6学习笔记整理(十七)模块化
尤樊容
导出用export,导入使用import导入导出1:最基本的使用//导入exportletstr='asdf';exportfunctiontest(){console.log('函数');}exportclassTest2{test3(){console.log('类');}}//导出所有模块,这样写比较麻烦import{str,test,Test2}from'model2';console.l
- vue-cli引入本地json数据:封装为js文件,无需请求直接读取
shawxlee
参考手册【置顶】VueJS/jQueryjavascriptjsonvue前端
vue-cli引入本地json数据1、新建js文件(路径自定义),写入JSON数据/*jsonData.js*/exportletjsonData={//声明变量,存储数据//JSON源数据}2、组件内引入js文件,读取数据/*Example.vue*/import{jsonData}from'/jsonData.js'//引入js文件中的变量(注意文件路径)exportdefault{data(
- python生成双层pdf
Maann
pythonpython
python生成双层pdf,生成透明文字#-*-coding:utf-8-*-importos#importurllib2importtimefromreportlabimportplatypusfromreportlab.lib.pagesizesimportletterfromreportlab.lib.unitsimportinchfromreportlab.platypusimportSi
- 浅谈SpringMVC执行过程
程序员BUG
通过深入分析Spring源码,我们知道Spring框架包括大致六大模块,如Web模块,数据库访问技术模块,面向切面模块,基础设施模块,核心容器模块和模块,其中,在Spring框架的Web模块中,又包含很多前端技术,如SpringMVC,SpringWebSocket,SpringWebPortlet等,在本篇文章中,我们主要分析SpringMVC模块。在分析SpringMVC技术时,本篇文章将通过
- Vue3中如何实现动态菜单递归
EntyIU
webjavascriptvue.js前端
全局路由:exportletrouterArray=[{path:'/login',component:()=>import('@/views/login/index.vue'),name:'login',meta:{title:'登录',hidden:false}},{path:'/',component:()=>import('@/layout/index.vue'),name:'layout
- 微信小程序开发—— 封装方法 & wx.request请求 & WXS & 确认框和消息框 & scroll-view滚动条
叽里咕呱
一、封装方法1、封装方法并导出将封装的方法放到util目录下的js文件中。可以新建js文件,也可以直接写在util.js文件中。通过export导出封装的方法。(1)确认框方法在新建的msg.js文件中定义确认框方法,并导出。exportlet$confirm=(content)=>{returnnewPromise(resolve=>{wx.showModal({content,success:
- uniapp请求的封装
宏_4491
uinapp发送请求的简单封装api.jsconstbaseUrl="https://hrapi.hrchain.tech"//constbaseUrl=""exportletmyRequest=(options)=>{returnnewPromise((resolve,reject)=>{uni.request({url:baseUrl+options.url,method:options.me
- 自定义指令Directive视图权限局部引用
GllWyz
#Vue2.0功能vue添加权限
自定义指令Directive视图权限全局引用:自定义指令Directive视图权限全局引用-CSDN博客通过minxi来实现权限配置:mixin视图权限全局引用-CSDN博客index.jsexportletpermission={ inserted(el,binding){ letdata=["admin"] if(!data.includes(binding.value)){ el.pa
- 【JavaScript】export 导出
小谢sd
JavaScriptjavascript开发语言ecmascript
export是JavaScript中的一个关键字,用于将变量、函数、类或模块等内容导出,使其在其他文件或模块中可被引用和使用。通过使用export,可以将代码中的某些部分公开为模块的公共接口,从而使其他模块能够访问和使用这些被导出的内容。export可以与其他关键字一起使用,具体有以下几种用法:导出变量或常量:exportconstname='John';exportletage=25;expor
- 关于export、import、exports 、require的使用方法介绍
闲来无事垂钓
javascript学习笔记javascript前端vue.jsimportexport
准备工作:新建test.js、test2.js、A页面1、分别暴露与引用导出/***test.js导出变量strVal、与函数fun*@paramstrVal*@paramfunc*/exportletstrVal='这是例子里的变量'exportfunctionfun(){console.log("这是例子里的函数")return"这是例子里的函数"}引用/***需要使用的页面b*引入impor
- SSM项目实战-前端-在Index.vue中展示第一页数据
丁总学Java
SSM整合实战Vue3ViteElement-Plus路径传参查询字符串传参模板字符串params
1、util/request.jsimportaxiosfrom"axios";letrequest=axios.create({baseURL:"http://localhost:8080",timeout:50000});exportdefaultrequest2、api/schedule.jsimportrequestfrom"../util/request.js";exportletget
- ES6与ES5的区别?
从明天开始好好学习前端
es6javascript前端开发语言ecmascript
目录一、模块化区别1.ES6模块化2.Commonjs模块化区别?二、声明变量方式区别?var特点:let特点:const特点:一、模块化区别1.ES6模块化导出:1.列表导出export{first,last}2.重命名导出export{firstasfi,lastasla}3.导出单个属性exportleta=1;exportfunctionget(){}4.默认导出一个模块只能有一个默认导出
- el-table 表格空数据用 ‘ / ‘占位符占位
街头炒河粉
vue.jsjavascript前端
这里提的公共,也可以写在单个组件exportletformatterCellval=(row,column,cellValue,index)=>{if(cellValue==''){return'/'}returncellValue}引入需要用data接收一下效果图:
- webpack与模块化
cesiuming
模块化把复杂的问题分解成相对独立的模块,降低程序复杂性,提高代码的重用。commonJSAMDCMDUMDESM模块化的核心独立的作用域(一个文件就是模块,拥有独立的作用域,且导出的模块都自动处于严格模式下,即'usestrict')如何导出模块内部数据如何导入外部模块数据导出模块//导出单个exportletname1,name2,...,nameN;exportletname1=...,nam
- vue3如何使用ref(表单验证为例)
Lora_0925
vue3vue.jsjavascriptelementui
vue3中我们无法使用this,无法通过this.$refs去获得绑定的ref。所以需要导入使用,方法如下:.js文件中定义数据和方法//导入import{reactive,ref}from"vue";//定义表单绑定的refexportconstloginForm=ref(null);//定义初始化数据exportletloginData=reactive({loginForm:{userPho
- spring-webmvc练习-日程管理-访问后端展示列表数据
丁总学Java
#SpringWebMVCaxiosaxios.createbaseURLtimeoutrequest.getCrossOriginRestController
1、util/request.jsimportaxiosfrom"axios";letrequest=axios.create({baseURL:"http://localhost:8080",timeout:50000});exportdefaultrequest2、api/schedule.jsimportrequestfrom"../util/request.js";exportletget
- 深入解析具名导入es6规范中的具名导入是在做解构吗
Qayrup
JavaScript随想es6前端ecmascript
先说答案,不是尽管es6的具名导入和语法非常相似es6赋值解构constobj={a:1,f(){this.a++}}const{a,f}=objes6具名导入//导出文件代码exportleta=1exportfunctionf(){++a}exportdefault{a,f}//导入文件代码import{a,f}from'./tsVolution'可以看出,语法非常非常的相似,我们分别打印一下
- python生成中文PDF文件的5个方法
Hailey的算法学习笔记
Python办公pythonpdf开发语言
ReportLabReportLab是最常用的Python生成PDF的库。ReportLab库支持包括文字、线条、配色、图形、图片等在内的多种元素绘制,但默认不支持中文。中文字体支持:简单下载并安装一个开源的中文字体,例如思源黑体或雅黑,然后在ReportLab中使用。fromreportlab.lib.pagesizesimportletter,A4fromreportlab.pdfbaseim
- react 高德地图本地gltf 模型
xiaomomi
react
引入高德地图npminstall@amap/amap-jsapi-loader--save在utils创建AMap.tsimportAMapLoaderfrom'@amap/amap-jsapi-loader';exportletgetAMap=(id='container',config={})=>{returnnewPromise((yes,no)=>{AMapLoader.load({key
- VUE中的模块化和Node.js中的模块化的区别
ICanWin_lll
VUE学习笔记vue.jsnode.jstypescript
一.VUE中的模块化1.导出export和exporedefault//aaa.jsletname='小明'functionsum(num1,num2){returnnum1+num2}//1.导出方式一:export{flag,sum}//2.导出方式二:exportletnum1=1000//3.导出函数/类exportfunctionmul(num1,num2){returnnum1*num
- [FineReport帆软]填报全选及批量打印
theon.tao
FineReport帆软
1.填报全选1)需要在全选复选框设置中设置状态改变事件:状态改变事件js代码:varflag=this.getValue();//获取当前复选框控件的状态,true/falsefor(vari=0;i0){varrpaths=paths.join(",");varreportlets="["+rpaths+"]";varconfig={printUrl:printurl,printType:0,i
- 帆软填报后刷新界面
hzp666
帆软帆软可视化填报
1.需求描述当多窗口填报时,希望子窗口填报成功后,数据能马上在父窗口中显示出来,通常采用的方法是刷新父窗口,但现在触发刷新事件是在子窗口中,而父窗口又无法获取子窗口填报成功的事件。要如何设置才能实现子窗口刷新父页面呢?2.解决方案打开填报的子模板,在子模板中添加填报成功事件。3.示例3.1打开模板打开子模板:%FR_HOME%\\webapps\webroot\WEB-INF\reportlets
- 基于JavaScript的SM4算法加密解密实现(源码)
肥牛火锅
JavaScript密码学javascript密码学加密解密算法
文章目录SM4实现ByteUtilSM4UtilSM4实现ByteUtilByteUtil.js,用于通用的字节处理.//左移exportletleft_move=(text,number)=>{if(text==null){returnnull;}letresult="";for(leti=number;i{if(text==null){returnnull;}letbinary="";for(
- Vue 中 iframe 的高度自适应
悠游亦浪
前端通用技术VueiframeHTML
iframe引入报表,高度的自适应。exportdefault{name:'turnoverfamily',data(){return{bdTokenUrl:'http://193.112.22.34:8081/WebReport/ReportServer?reportlet=PHBIP_JTXX.cpt&op=view'}},created(){this.getUrl();this.$nextT
- Liferay7 BPM门户开发之10: 通用流程实现从Servlet到Portlet(Part1)
昕友软件
开发目的:实现通用流程自动化处理(即实现不需要hardcode代码的bpm统一处理后台,仅需要写少量前端htmlform代码和拖拽设计BPM定义)既可独立运行或可依托于Liferay或依托其它门户系统(使用portlet规范技术实现)运行;先实现一个JSP+Servlet版的通用流程处理,将来迁移到Portlet迁移工作将保留大量的前后端代码,仅需要改动少量的注解。考虑到Liferay的客户端体系
- 安装数据库首次应用
Array_06
javaoraclesql
可是为什么再一次失败之后就变成直接跳过那个要求
enter full pathname of java.exe的界面
这个java.exe是你的Oracle 11g安装目录中例如:【F:\app\chen\product\11.2.0\dbhome_1\jdk\jre\bin】下的java.exe 。不是你的电脑安装的java jdk下的java.exe!
注意第一次,使用SQL D
- Weblogic Server Console密码修改和遗忘解决方法
bijian1013
Welogic
在工作中一同事将Weblogic的console的密码忘记了,通过网上查询资料解决,实践整理了一下。
一.修改Console密码
打开weblogic控制台,安全领域 --> myrealm -->&n
- IllegalStateException: Cannot forward a response that is already committed
Cwind
javaServlets
对于初学者来说,一个常见的误解是:当调用 forward() 或者 sendRedirect() 时控制流将会自动跳出原函数。标题所示错误通常是基于此误解而引起的。 示例代码:
protected void doPost() {
if (someCondition) {
sendRedirect();
}
forward(); // Thi
- 基于流的装饰设计模式
木zi_鸣
设计模式
当想要对已有类的对象进行功能增强时,可以定义一个类,将已有对象传入,基于已有的功能,并提供加强功能。
自定义的类成为装饰类
模仿BufferedReader,对Reader进行包装,体现装饰设计模式
装饰类通常会通过构造方法接受被装饰的对象,并基于被装饰的对象功能,提供更强的功能。
装饰模式比继承灵活,避免继承臃肿,降低了类与类之间的关系
装饰类因为增强已有对象,具备的功能该
- Linux中的uniq命令
被触发
linux
Linux命令uniq的作用是过滤重复部分显示文件内容,这个命令读取输入文件,并比较相邻的行。在正常情 况下,第二个及以后更多个重复行将被删去,行比较是根据所用字符集的排序序列进行的。该命令加工后的结果写到输出文件中。输入文件和输出文件必须不同。如 果输入文件用“- ”表示,则从标准输入读取。
AD:
uniq [选项] 文件
说明:这个命令读取输入文件,并比较相邻的行。在正常情况下,第二个
- 正则表达式Pattern
肆无忌惮_
Pattern
正则表达式是符合一定规则的表达式,用来专门操作字符串,对字符创进行匹配,切割,替换,获取。
例如,我们需要对QQ号码格式进行检验
规则是长度6~12位 不能0开头 只能是数字,我们可以一位一位进行比较,利用parseLong进行判断,或者是用正则表达式来匹配[1-9][0-9]{4,14} 或者 [1-9]\d{4,14}
&nbs
- Oracle高级查询之OVER (PARTITION BY ..)
知了ing
oraclesql
一、rank()/dense_rank() over(partition by ...order by ...)
现在客户有这样一个需求,查询每个部门工资最高的雇员的信息,相信有一定oracle应用知识的同学都能写出下面的SQL语句:
select e.ename, e.job, e.sal, e.deptno
from scott.emp e,
(se
- Python调试
矮蛋蛋
pythonpdb
原文地址:
http://blog.csdn.net/xuyuefei1988/article/details/19399137
1、下面网上收罗的资料初学者应该够用了,但对比IBM的Python 代码调试技巧:
IBM:包括 pdb 模块、利用 PyDev 和 Eclipse 集成进行调试、PyCharm 以及 Debug 日志进行调试:
http://www.ibm.com/d
- webservice传递自定义对象时函数为空,以及boolean不对应的问题
alleni123
webservice
今天在客户端调用方法
NodeStatus status=iservice.getNodeStatus().
结果NodeStatus的属性都是null。
进行debug之后,发现服务器端返回的确实是有值的对象。
后来发现原来是因为在客户端,NodeStatus的setter全部被我删除了。
本来是因为逻辑上不需要在客户端使用setter, 结果改了之后竟然不能获取带属性值的
- java如何干掉指针,又如何巧妙的通过引用来操作指针————>说的就是java指针
百合不是茶
C语言的强大在于可以直接操作指针的地址,通过改变指针的地址指向来达到更改地址的目的,又是由于c语言的指针过于强大,初学者很难掌握, java的出现解决了c,c++中指针的问题 java将指针封装在底层,开发人员是不能够去操作指针的地址,但是可以通过引用来间接的操作:
定义一个指针p来指向a的地址(&是地址符号):
- Eclipse打不开,提示“An error has occurred.See the log file ***/.log”
bijian1013
eclipse
打开eclipse工作目录的\.metadata\.log文件,发现如下错误:
!ENTRY org.eclipse.osgi 4 0 2012-09-10 09:28:57.139
!MESSAGE Application error
!STACK 1
java.lang.NoClassDefFoundError: org/eclipse/core/resources/IContai
- spring aop实例annotation方法实现
bijian1013
javaspringAOPannotation
在spring aop实例中我们通过配置xml文件来实现AOP,这里学习使用annotation来实现,使用annotation其实就是指明具体的aspect,pointcut和advice。1.申明一个切面(用一个类来实现)在这个切面里,包括了advice和pointcut
AdviceMethods.jav
- [Velocity一]Velocity语法基础入门
bit1129
velocity
用户和开发人员参考文档
http://velocity.apache.org/engine/releases/velocity-1.7/developer-guide.html
注释
1.行级注释##
2.多行注释#* *#
变量定义
使用$开头的字符串是变量定义,例如$var1, $var2,
赋值
使用#set为变量赋值,例
- 【Kafka十一】关于Kafka的副本管理
bit1129
kafka
1. 关于request.required.acks
request.required.acks控制者Producer写请求的什么时候可以确认写成功,默认是0,
0表示即不进行确认即返回。
1表示Leader写成功即返回,此时还没有进行写数据同步到其它Follower Partition中
-1表示根据指定的最少Partition确认后才返回,这个在
Th
- lua统计nginx内部变量数据
ronin47
lua nginx 统计
server {
listen 80;
server_name photo.domain.com;
location /{set $str $uri;
content_by_lua '
local url = ngx.var.uri
local res = ngx.location.capture(
- java-11.二叉树中节点的最大距离
bylijinnan
java
import java.util.ArrayList;
import java.util.List;
public class MaxLenInBinTree {
/*
a. 1
/ \
2 3
/ \ / \
4 5 6 7
max=4 pass "root"
- Netty源码学习-ReadTimeoutHandler
bylijinnan
javanetty
ReadTimeoutHandler的实现思路:
开启一个定时任务,如果在指定时间内没有接收到消息,则抛出ReadTimeoutException
这个异常的捕获,在开发中,交给跟在ReadTimeoutHandler后面的ChannelHandler,例如
private final ChannelHandler timeoutHandler =
new ReadTim
- jquery验证上传文件样式及大小(好用)
cngolon
文件上传jquery验证
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="jquery1.8/jquery-1.8.0.
- 浏览器兼容【转】
cuishikuan
css浏览器IE
浏览器兼容问题一:不同浏览器的标签默认的外补丁和内补丁不同
问题症状:随便写几个标签,不加样式控制的情况下,各自的margin 和padding差异较大。
碰到频率:100%
解决方案:CSS里 *{margin:0;padding:0;}
备注:这个是最常见的也是最易解决的一个浏览器兼容性问题,几乎所有的CSS文件开头都会用通配符*来设
- Shell特殊变量:Shell $0, $#, $*, $@, $?, $$和命令行参数
daizj
shell$#$?特殊变量
前面已经讲到,变量名只能包含数字、字母和下划线,因为某些包含其他字符的变量有特殊含义,这样的变量被称为特殊变量。例如,$ 表示当前Shell进程的ID,即pid,看下面的代码:
$echo $$
运行结果
29949
特殊变量列表 变量 含义 $0 当前脚本的文件名 $n 传递给脚本或函数的参数。n 是一个数字,表示第几个参数。例如,第一个
- 程序设计KISS 原则-------KEEP IT SIMPLE, STUPID!
dcj3sjt126com
unix
翻到一本书,讲到编程一般原则是kiss:Keep It Simple, Stupid.对这个原则深有体会,其实不仅编程如此,而且系统架构也是如此。
KEEP IT SIMPLE, STUPID! 编写只做一件事情,并且要做好的程序;编写可以在一起工作的程序,编写处理文本流的程序,因为这是通用的接口。这就是UNIX哲学.所有的哲学真 正的浓缩为一个铁一样的定律,高明的工程师的神圣的“KISS 原
- android Activity间List传值
dcj3sjt126com
Activity
第一个Activity:
import java.util.ArrayList;import java.util.HashMap;import java.util.List;import java.util.Map;import android.app.Activity;import android.content.Intent;import android.os.Bundle;import a
- tomcat 设置java虚拟机内存
eksliang
tomcat 内存设置
转载请出自出处:http://eksliang.iteye.com/blog/2117772
http://eksliang.iteye.com/
常见的内存溢出有以下两种:
java.lang.OutOfMemoryError: PermGen space
java.lang.OutOfMemoryError: Java heap space
------------
- Android 数据库事务处理
gqdy365
android
使用SQLiteDatabase的beginTransaction()方法可以开启一个事务,程序执行到endTransaction() 方法时会检查事务的标志是否为成功,如果程序执行到endTransaction()之前调用了setTransactionSuccessful() 方法设置事务的标志为成功则提交事务,如果没有调用setTransactionSuccessful() 方法则回滚事务。事
- Java 打开浏览器
hw1287789687
打开网址open浏览器open browser打开url打开浏览器
使用java 语言如何打开浏览器呢?
我们先研究下在cmd窗口中,如何打开网址
使用IE 打开
D:\software\bin>cmd /c start iexplore http://hw1287789687.iteye.com/blog/2153709
使用火狐打开
D:\software\bin>cmd /c start firefox http://hw1287789
- ReplaceGoogleCDN:将 Google CDN 替换为国内的 Chrome 插件
justjavac
chromeGooglegoogle apichrome插件
Chrome Web Store 安装地址: https://chrome.google.com/webstore/detail/replace-google-cdn/kpampjmfiopfpkkepbllemkibefkiice
由于众所周知的原因,只需替换一个域名就可以继续使用Google提供的前端公共库了。 同样,通过script标记引用这些资源,让网站访问速度瞬间提速吧
- 进程VS.线程
m635674608
线程
资料来源:
http://www.liaoxuefeng.com/wiki/001374738125095c955c1e6d8bb493182103fac9270762a000/001397567993007df355a3394da48f0bf14960f0c78753f000 1、Apache最早就是采用多进程模式 2、IIS服务器默认采用多线程模式 3、多进程优缺点 优点:
多进程模式最大
- Linux下安装MemCached
字符串
memcached
前提准备:1. MemCached目前最新版本为:1.4.22,可以从官网下载到。2. MemCached依赖libevent,因此在安装MemCached之前需要先安装libevent。2.1 运行下面命令,查看系统是否已安装libevent。[root@SecurityCheck ~]# rpm -qa|grep libevent libevent-headers-1.4.13-4.el6.n
- java设计模式之--jdk动态代理(实现aop编程)
Supanccy2013
javaDAO设计模式AOP
与静态代理类对照的是动态代理类,动态代理类的字节码在程序运行时由Java反射机制动态生成,无需程序员手工编写它的源代码。动态代理类不仅简化了编程工作,而且提高了软件系统的可扩展性,因为Java 反射机制可以生成任意类型的动态代理类。java.lang.reflect 包中的Proxy类和InvocationHandler 接口提供了生成动态代理类的能力。
&
- Spring 4.2新特性-对java8默认方法(default method)定义Bean的支持
wiselyman
spring 4
2.1 默认方法(default method)
java8引入了一个default medthod;
用来扩展已有的接口,在对已有接口的使用不产生任何影响的情况下,添加扩展
使用default关键字
Spring 4.2支持加载在默认方法里声明的bean
2.2
将要被声明成bean的类
public class DemoService {