- 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的客户端体系
- mondb入手
木zi_鸣
mongodb
windows 启动mongodb 编写bat文件,
mongod --dbpath D:\software\MongoDBDATA
mongod --help 查询各种配置
配置在mongob
打开批处理,即可启动,27017原生端口,shell操作监控端口 扩展28017,web端操作端口
启动配置文件配置,
数据更灵活 
- 大型高并发高负载网站的系统架构
bijian1013
高并发负载均衡
扩展Web应用程序
一.概念
简单的来说,如果一个系统可扩展,那么你可以通过扩展来提供系统的性能。这代表着系统能够容纳更高的负载、更大的数据集,并且系统是可维护的。扩展和语言、某项具体的技术都是无关的。扩展可以分为两种:
1.
- DISPLAY变量和xhost(原创)
czmmiao
display
DISPLAY
在Linux/Unix类操作系统上, DISPLAY用来设置将图形显示到何处. 直接登陆图形界面或者登陆命令行界面后使用startx启动图形, DISPLAY环境变量将自动设置为:0:0, 此时可以打开终端, 输出图形程序的名称(比如xclock)来启动程序, 图形将显示在本地窗口上, 在终端上输入printenv查看当前环境变量, 输出结果中有如下内容:DISPLAY=:0.0
- 获取B/S客户端IP
周凡杨
java编程jspWeb浏览器
最近想写个B/S架构的聊天系统,因为以前做过C/S架构的QQ聊天系统,所以对于Socket通信编程只是一个巩固。对于C/S架构的聊天系统,由于存在客户端Java应用,所以直接在代码中获取客户端的IP,应用的方法为:
String ip = InetAddress.getLocalHost().getHostAddress();
然而对于WEB
- 浅谈类和对象
朱辉辉33
编程
类是对一类事物的总称,对象是描述一个物体的特征,类是对象的抽象。简单来说,类是抽象的,不占用内存,对象是具体的,
占用存储空间。
类是由属性和方法构成的,基本格式是public class 类名{
//定义属性
private/public 数据类型 属性名;
//定义方法
publ
- android activity与viewpager+fragment的生命周期问题
肆无忌惮_
viewpager
有一个Activity里面是ViewPager,ViewPager里面放了两个Fragment。
第一次进入这个Activity。开启了服务,并在onResume方法中绑定服务后,对Service进行了一定的初始化,其中调用了Fragment中的一个属性。
super.onResume();
bindService(intent, conn, BIND_AUTO_CREATE);
- base64Encode对图片进行编码
843977358
base64图片encoder
/**
* 对图片进行base64encoder编码
*
* @author mrZhang
* @param path
* @return
*/
public static String encodeImage(String path) {
BASE64Encoder encoder = null;
byte[] b = null;
I
- Request Header简介
aigo
servlet
当一个客户端(通常是浏览器)向Web服务器发送一个请求是,它要发送一个请求的命令行,一般是GET或POST命令,当发送POST命令时,它还必须向服务器发送一个叫“Content-Length”的请求头(Request Header) 用以指明请求数据的长度,除了Content-Length之外,它还可以向服务器发送其它一些Headers,如:
- HttpClient4.3 创建SSL协议的HttpClient对象
alleni123
httpclient爬虫ssl
public class HttpClientUtils
{
public static CloseableHttpClient createSSLClientDefault(CookieStore cookies){
SSLContext sslContext=null;
try
{
sslContext=new SSLContextBuilder().l
- java取反 -右移-左移-无符号右移的探讨
百合不是茶
位运算符 位移
取反:
在二进制中第一位,1表示符数,0表示正数
byte a = -1;
原码:10000001
反码:11111110
补码:11111111
//异或: 00000000
byte b = -2;
原码:10000010
反码:11111101
补码:11111110
//异或: 00000001
- java多线程join的作用与用法
bijian1013
java多线程
对于JAVA的join,JDK 是这样说的:join public final void join (long millis )throws InterruptedException Waits at most millis milliseconds for this thread to die. A timeout of 0 means t
- Java发送http请求(get 与post方法请求)
bijian1013
javaspring
PostRequest.java
package com.bijian.study;
import java.io.BufferedReader;
import java.io.DataOutputStream;
import java.io.IOException;
import java.io.InputStreamReader;
import java.net.HttpURL
- 【Struts2二】struts.xml中package下的action配置项默认值
bit1129
struts.xml
在第一部份,定义了struts.xml文件,如下所示:
<!DOCTYPE struts PUBLIC
"-//Apache Software Foundation//DTD Struts Configuration 2.3//EN"
"http://struts.apache.org/dtds/struts
- 【Kafka十三】Kafka Simple Consumer
bit1129
simple
代码中关于Host和Port是割裂开的,这会导致单机环境下的伪分布式Kafka集群环境下,这个例子没法运行。
实际情况是需要将host和port绑定到一起,
package kafka.examples.lowlevel;
import kafka.api.FetchRequest;
import kafka.api.FetchRequestBuilder;
impo
- nodejs学习api
ronin47
nodejs api
NodeJS基础 什么是NodeJS
JS是脚本语言,脚本语言都需要一个解析器才能运行。对于写在HTML页面里的JS,浏览器充当了解析器的角色。而对于需要独立运行的JS,NodeJS就是一个解析器。
每一种解析器都是一个运行环境,不但允许JS定义各种数据结构,进行各种计算,还允许JS使用运行环境提供的内置对象和方法做一些事情。例如运行在浏览器中的JS的用途是操作DOM,浏览器就提供了docum
- java-64.寻找第N个丑数
bylijinnan
java
public class UglyNumber {
/**
* 64.查找第N个丑数
具体思路可参考 [url] http://zhedahht.blog.163.com/blog/static/2541117420094245366965/[/url]
*
题目:我们把只包含因子
2、3和5的数称作丑数(Ugly Number)。例如6、8都是丑数,但14
- 二维数组(矩阵)对角线输出
bylijinnan
二维数组
/**
二维数组 对角线输出 两个方向
例如对于数组:
{ 1, 2, 3, 4 },
{ 5, 6, 7, 8 },
{ 9, 10, 11, 12 },
{ 13, 14, 15, 16 },
slash方向输出:
1
5 2
9 6 3
13 10 7 4
14 11 8
15 12
16
backslash输出:
4
3
- [JWFD开源工作流设计]工作流跳跃模式开发关键点(今日更新)
comsci
工作流
既然是做开源软件的,我们的宗旨就是给大家分享设计和代码,那么现在我就用很简单扼要的语言来透露这个跳跃模式的设计原理
大家如果用过JWFD的ARC-自动运行控制器,或者看过代码,应该知道在ARC算法模块中有一个函数叫做SAN(),这个函数就是ARC的核心控制器,要实现跳跃模式,在SAN函数中一定要对LN链表数据结构进行操作,首先写一段代码,把
- redis常见使用
cuityang
redis常见使用
redis 通常被认为是一个数据结构服务器,主要是因为其有着丰富的数据结构 strings、map、 list、sets、 sorted sets
引入jar包 jedis-2.1.0.jar (本文下方提供下载)
package redistest;
import redis.clients.jedis.Jedis;
public class Listtest
- 配置多个redis
dalan_123
redis
配置多个redis客户端
<?xml version="1.0" encoding="UTF-8"?><beans xmlns="http://www.springframework.org/schema/beans" xmlns:xsi=&quo
- attrib命令
dcj3sjt126com
attr
attrib指令用于修改文件的属性.文件的常见属性有:只读.存档.隐藏和系统.
只读属性是指文件只可以做读的操作.不能对文件进行写的操作.就是文件的写保护.
存档属性是用来标记文件改动的.即在上一次备份后文件有所改动.一些备份软件在备份的时候会只去备份带有存档属性的文件.
- Yii使用公共函数
dcj3sjt126com
yii
在网站项目中,没必要把公用的函数写成一个工具类,有时候面向过程其实更方便。 在入口文件index.php里添加 require_once('protected/function.php'); 即可对其引用,成为公用的函数集合。 function.php如下:
<?php /** * This is the shortcut to D
- linux 系统资源的查看(free、uname、uptime、netstat)
eksliang
netstatlinux unamelinux uptimelinux free
linux 系统资源的查看
转载请出自出处:http://eksliang.iteye.com/blog/2167081
http://eksliang.iteye.com 一、free查看内存的使用情况
语法如下:
free [-b][-k][-m][-g] [-t]
参数含义
-b:直接输入free时,显示的单位是kb我们可以使用b(bytes),m
- JAVA的位操作符
greemranqq
位运算JAVA位移<<>>>
最近几种进制,加上各种位操作符,发现都比较模糊,不能完全掌握,这里就再熟悉熟悉。
1.按位操作符 :
按位操作符是用来操作基本数据类型中的单个bit,即二进制位,会对两个参数执行布尔代数运算,获得结果。
与(&)运算:
1&1 = 1, 1&0 = 0, 0&0 &
- Web前段学习网站
ihuning
Web
Web前段学习网站
菜鸟学习:http://www.w3cschool.cc/
JQuery中文网:http://www.jquerycn.cn/
内存溢出:http://outofmemory.cn/#csdn.blog
http://www.icoolxue.com/
http://www.jikexue
- 强强联合:FluxBB 作者加盟 Flarum
justjavac
r
原文:FluxBB Joins Forces With Flarum作者:Toby Zerner译文:强强联合:FluxBB 作者加盟 Flarum译者:justjavac
FluxBB 是一个快速、轻量级论坛软件,它的开发者是一名德国的 PHP 天才 Franz Liedke。FluxBB 的下一个版本(2.0)将被完全重写,并已经开发了一段时间。FluxBB 看起来非常有前途的,
- java统计在线人数(session存储信息的)
macroli
javaWeb
这篇日志是我写的第三次了 前两次都发布失败!郁闷极了!
由于在web开发中常常用到这一部分所以在此记录一下,呵呵,就到备忘录了!
我对于登录信息时使用session存储的,所以我这里是通过实现HttpSessionAttributeListener这个接口完成的。
1、实现接口类,在web.xml文件中配置监听类,从而可以使该类完成其工作。
public class Ses
- bootstrp carousel初体验 快速构建图片播放
qiaolevip
每天进步一点点学习永无止境bootstrap纵观千象
img{
border: 1px solid white;
box-shadow: 2px 2px 12px #333;
_width: expression(this.width > 600 ? "600px" : this.width + "px");
_height: expression(this.width &
- SparkSQL读取HBase数据,通过自定义外部数据源
superlxw1234
sparksparksqlsparksql读取hbasesparksql外部数据源
关键字:SparkSQL读取HBase、SparkSQL自定义外部数据源
前面文章介绍了SparSQL通过Hive操作HBase表。
SparkSQL从1.2开始支持自定义外部数据源(External DataSource),这样就可以通过API接口来实现自己的外部数据源。这里基于Spark1.4.0,简单介绍SparkSQL自定义外部数据源,访
- Spring Boot 1.3.0.M1发布
wiselyman
spring boot
Spring Boot 1.3.0.M1于6.12日发布,现在可以从Spring milestone repository下载。这个版本是基于Spring Framework 4.2.0.RC1,并在Spring Boot 1.2之上提供了大量的新特性improvements and new features。主要包含以下:
1.提供一个新的sprin