- 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的客户端体系
- jQuery 键盘事件keydown ,keypress ,keyup介绍
107x
jsjquerykeydownkeypresskeyup
本文章总结了下些关于jQuery 键盘事件keydown ,keypress ,keyup介绍,有需要了解的朋友可参考。
一、首先需要知道的是: 1、keydown() keydown事件会在键盘按下时触发. 2、keyup() 代码如下 复制代码
$('input').keyup(funciton(){  
- AngularJS中的Promise
bijian1013
JavaScriptAngularJSPromise
一.Promise
Promise是一个接口,它用来处理的对象具有这样的特点:在未来某一时刻(主要是异步调用)会从服务端返回或者被填充属性。其核心是,promise是一个带有then()函数的对象。
为了展示它的优点,下面来看一个例子,其中需要获取用户当前的配置文件:
var cu
- c++ 用数组实现栈类
CrazyMizzz
数据结构C++
#include<iostream>
#include<cassert>
using namespace std;
template<class T, int SIZE = 50>
class Stack{
private:
T list[SIZE];//数组存放栈的元素
int top;//栈顶位置
public:
Stack(
- java和c语言的雷同
麦田的设计者
java递归scaner
软件启动时的初始化代码,加载用户信息2015年5月27号
从头学java二
1、语言的三种基本结构:顺序、选择、循环。废话不多说,需要指出一下几点:
a、return语句的功能除了作为函数返回值以外,还起到结束本函数的功能,return后的语句
不会再继续执行。
b、for循环相比于whi
- LINUX环境并发服务器的三种实现模型
被触发
linux
服务器设计技术有很多,按使用的协议来分有TCP服务器和UDP服务器。按处理方式来分有循环服务器和并发服务器。
1 循环服务器与并发服务器模型
在网络程序里面,一般来说都是许多客户对应一个服务器,为了处理客户的请求,对服务端的程序就提出了特殊的要求。
目前最常用的服务器模型有:
·循环服务器:服务器在同一时刻只能响应一个客户端的请求
·并发服务器:服
- Oracle数据库查询指令
肆无忌惮_
oracle数据库
20140920
单表查询
-- 查询************************************************************************************************************
-- 使用scott用户登录
-- 查看emp表
desc emp
- ext右下角浮动窗口
知了ing
JavaScriptext
第一种
<!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/
- 浅谈REDIS数据库的键值设计
矮蛋蛋
redis
http://www.cnblogs.com/aidandan/
原文地址:http://www.hoterran.info/redis_kv_design
丰富的数据结构使得redis的设计非常的有趣。不像关系型数据库那样,DEV和DBA需要深度沟通,review每行sql语句,也不像memcached那样,不需要DBA的参与。redis的DBA需要熟悉数据结构,并能了解使用场景。
- maven编译可执行jar包
alleni123
maven
http://stackoverflow.com/questions/574594/how-can-i-create-an-executable-jar-with-dependencies-using-maven
<build>
<plugins>
<plugin>
<artifactId>maven-asse
- 人力资源在现代企业中的作用
百合不是茶
HR 企业管理
//人力资源在在企业中的作用人力资源为什么会存在,人力资源究竟是干什么的 人力资源管理是对管理模式一次大的创新,人力资源兴起的原因有以下点: 工业时代的国际化竞争,现代市场的风险管控等等。所以人力资源 在现代经济竞争中的优势明显的存在,人力资源在集团类公司中存在着 明显的优势(鸿海集团),有一次笔者亲自去体验过红海集团的招聘,只 知道人力资源是管理企业招聘的 当时我被招聘上了,当时给我们培训 的人
- Linux自启动设置详解
bijian1013
linux
linux有自己一套完整的启动体系,抓住了linux启动的脉络,linux的启动过程将不再神秘。
阅读之前建议先看一下附图。
本文中假设inittab中设置的init tree为:
/etc/rc.d/rc0.d
/etc/rc.d/rc1.d
/etc/rc.d/rc2.d
/etc/rc.d/rc3.d
/etc/rc.d/rc4.d
/etc/rc.d/rc5.d
/etc
- Spring Aop Schema实现
bijian1013
javaspringAOP
本例使用的是Spring2.5
1.Aop配置文件spring-aop.xml
<?xml version="1.0" encoding="UTF-8"?>
<beans
xmlns="http://www.springframework.org/schema/beans"
xmln
- 【Gson七】Gson预定义类型适配器
bit1129
gson
Gson提供了丰富的预定义类型适配器,在对象和JSON串之间进行序列化和反序列化时,指定对象和字符串之间的转换方式,
DateTypeAdapter
public final class DateTypeAdapter extends TypeAdapter<Date> {
public static final TypeAdapterFacto
- 【Spark八十八】Spark Streaming累加器操作(updateStateByKey)
bit1129
update
在实时计算的实际应用中,有时除了需要关心一个时间间隔内的数据,有时还可能会对整个实时计算的所有时间间隔内产生的相关数据进行统计。
比如: 对Nginx的access.log实时监控请求404时,有时除了需要统计某个时间间隔内出现的次数,有时还需要统计一整天出现了多少次404,也就是说404监控横跨多个时间间隔。
Spark Streaming的解决方案是累加器,工作原理是,定义
- linux系统下通过shell脚本快速找到哪个进程在写文件
ronin47
一个文件正在被进程写 我想查看这个进程 文件一直在增大 找不到谁在写 使用lsof也没找到
这个问题挺有普遍性的,解决方法应该很多,这里我给大家提个比较直观的方法。
linux下每个文件都会在某个块设备上存放,当然也都有相应的inode, 那么透过vfs.write我们就可以知道谁在不停的写入特定的设备上的inode。
幸运的是systemtap的安装包里带了inodewatch.stp,位
- java-两种方法求第一个最长的可重复子串
bylijinnan
java算法
import java.util.Arrays;
import java.util.Collections;
import java.util.List;
public class MaxPrefix {
public static void main(String[] args) {
String str="abbdabcdabcx";
- Netty源码学习-ServerBootstrap启动及事件处理过程
bylijinnan
javanetty
Netty是采用了Reactor模式的多线程版本,建议先看下面这篇文章了解一下Reactor模式:
http://bylijinnan.iteye.com/blog/1992325
Netty的启动及事件处理的流程,基本上是按照上面这篇文章来走的
文章里面提到的操作,每一步都能在Netty里面找到对应的代码
其中Reactor里面的Acceptor就对应Netty的ServerBo
- servelt filter listener 的生命周期
cngolon
filterlistenerservelt生命周期
1. servlet 当第一次请求一个servlet资源时,servlet容器创建这个servlet实例,并调用他的 init(ServletConfig config)做一些初始化的工作,然后调用它的service方法处理请求。当第二次请求这个servlet资源时,servlet容器就不在创建实例,而是直接调用它的service方法处理请求,也就是说
- jmpopups获取input元素值
ctrain
JavaScript
jmpopups 获取弹出层form表单
首先,我有一个div,里面包含了一个表单,默认是隐藏的,使用jmpopups时,会弹出这个隐藏的div,其实jmpopups是将我们的代码生成一份拷贝。
当我直接获取这个form表单中的文本框时,使用方法:$('#form input[name=test1]').val();这样是获取不到的。
我们必须到jmpopups生成的代码中去查找这个值,$(
- vi查找替换命令详解
daizj
linux正则表达式替换查找vim
一、查找
查找命令
/pattern<Enter> :向下查找pattern匹配字符串
?pattern<Enter>:向上查找pattern匹配字符串
使用了查找命令之后,使用如下两个键快速查找:
n:按照同一方向继续查找
N:按照反方向查找
字符串匹配
pattern是需要匹配的字符串,例如:
1: /abc<En
- 对网站中的js,css文件进行打包
dcj3sjt126com
PHP打包
一,为什么要用smarty进行打包
apache中也有给js,css这样的静态文件进行打包压缩的模块,但是本文所说的不是以这种方式进行的打包,而是和smarty结合的方式来把网站中的js,css文件进行打包。
为什么要进行打包呢,主要目的是为了合理的管理自己的代码 。现在有好多网站,你查看一下网站的源码的话,你会发现网站的头部有大量的JS文件和CSS文件,网站的尾部也有可能有大量的J
- php Yii: 出现undefined offset 或者 undefined index解决方案
dcj3sjt126com
undefined
在开发Yii 时,在程序中定义了如下方式:
if($this->menuoption[2] === 'test'),那么在运行程序时会报:undefined offset:2,这样的错误主要是由于php.ini 里的错误等级太高了,在windows下错误等级
- linux 文件格式(1) sed工具
eksliang
linuxlinux sed工具sed工具linux sed详解
转载请出自出处:
http://eksliang.iteye.com/blog/2106082
简介
sed 是一种在线编辑器,它一次处理一行内容。处理时,把当前处理的行存储在临时缓冲区中,称为“模式空间”(pattern space),接着用sed命令处理缓冲区中的内容,处理完成后,把缓冲区的内容送往屏幕。接着处理下一行,这样不断重复,直到文件末尾
- Android应用程序获取系统权限
gqdy365
android
引用
如何使Android应用程序获取系统权限
第一个方法简单点,不过需要在Android系统源码的环境下用make来编译:
1. 在应用程序的AndroidManifest.xml中的manifest节点
- HoverTree开发日志之验证码
hvt
.netC#asp.nethovertreewebform
HoverTree是一个ASP.NET的开源CMS,目前包含文章系统,图库和留言板功能。代码完全开放,文章内容页生成了静态的HTM页面,留言板提供留言审核功能,文章可以发布HTML源代码,图片上传同时生成高品质缩略图。推出之后得到许多网友的支持,再此表示感谢!留言板不断收到许多有益留言,但同时也有不少广告,因此决定在提交留言页面增加验证码功能。ASP.NET验证码在网上找,如果不是很多,就是特别多
- JSON API:用 JSON 构建 API 的标准指南中文版
justjavac
json
译文地址:https://github.com/justjavac/json-api-zh_CN
如果你和你的团队曾经争论过使用什么方式构建合理 JSON 响应格式, 那么 JSON API 就是你的 anti-bikeshedding 武器。
通过遵循共同的约定,可以提高开发效率,利用更普遍的工具,可以是你更加专注于开发重点:你的程序。
基于 JSON API 的客户端还能够充分利用缓存,
- 数据结构随记_2
lx.asymmetric
数据结构笔记
第三章 栈与队列
一.简答题
1. 在一个循环队列中,队首指针指向队首元素的 前一个 位置。
2.在具有n个单元的循环队列中,队满时共有 n-1 个元素。
3. 向栈中压入元素的操作是先 移动栈顶指针&n
- Linux下的监控工具dstat
网络接口
linux
1) 工具说明dstat是一个用来替换 vmstat,iostat netstat,nfsstat和ifstat这些命令的工具, 是一个全能系统信息统计工具. 与sysstat相比, dstat拥有一个彩色的界面, 在手动观察性能状况时, 数据比较显眼容易观察; 而且dstat支持即时刷新, 譬如输入dstat 3, 即每三秒收集一次, 但最新的数据都会每秒刷新显示. 和sysstat相同的是,
- C 语言初级入门--二维数组和指针
1140566087
二维数组c/c++指针
/*
二维数组的定义和二维数组元素的引用
二维数组的定义:
当数组中的每个元素带有两个下标时,称这样的数组为二维数组;
(逻辑上把数组看成一个具有行和列的表格或一个矩阵);
语法:
类型名 数组名[常量表达式1][常量表达式2]
二维数组的引用:
引用二维数组元素时必须带有两个下标,引用形式如下:
例如:
int a[3][4]; 引用:
- 10点睛Spring4.1-Application Event
wiselyman
application
10.1 Application Event
Spring使用Application Event给bean之间的消息通讯提供了手段
应按照如下部分实现bean之间的消息通讯
继承ApplicationEvent类实现自己的事件
实现继承ApplicationListener接口实现监听事件
使用ApplicationContext发布消息