![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JS/nodejs/前台框架
崔世勋
这个作者很懒,什么都没留下…
展开
-
npm 常用命令
npm的全称是Node Package Manager,是随同NodeJS一起安装的包管理和分布工具。全局安装 vs 局部安装表示会安装到全局环境里,通过npm prefix -g可以查看到安装位置。全局安装后可以使用命令行直接运行该组件支持的命令。在linux环境中需要配置环境变量:(1)临时环境变量在shell中运行,$PATH:后跟上你想要加入环境变量的目录。exp...转载 2019-11-28 10:52:51 · 571 阅读 · 0 评论 -
移动端touch事件获取clientX,clientY
目有个交互需要实现手指滑动的交互,pc端使用mousedown,mousemove,mouseup监听实现。但在ios设备上mousemove是不好监听的,同类的方法是touchstart,touchmove,touchend。如何获取手指滑动时的坐标位置呢?直接使用event.clientX是不起作用的,要使用event.changedTouches[0].clientX才好,如...转载 2018-08-15 10:53:20 · 2442 阅读 · 0 评论 -
js prototype
prototype不外乎就两个基础的作用:1.动态的添加类的属性和方法。2.复制原类的内容。首先来定义一个简单的Person类;var Person = function(name,age){//指定该类的属性为参数值this.name = name;this.age = age;//为该类指定一个talk方法this.talk = function(){alert(...转载 2018-08-15 09:12:10 · 224 阅读 · 0 评论 -
thymeleaf常用标签
th:text用于文本的显示,并且可以进行简单的计算。<td th:text="${username}">mlm</td> -> <td>maliming</td><td th:text="9+7">2018</td> -> <td&g转载 2018-08-02 11:17:05 · 1332 阅读 · 0 评论 -
Thymeleaf html导入
首先定义一个templates/footer.html文件:<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-4.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.thymeleaf....转载 2018-08-02 09:43:50 · 2414 阅读 · 0 评论 -
微信小程序 - 基本概念
app.js是程序的初始化脚本,可以在这个文件中监听小程序的生命周期,申请全局变量和调用api等。在这个脚本中使用App()来注册一个小程序,且不能注册多个。App({ onLaunch: function(){},//监听初始化 onShow: function(){},//监听显示(进入前台) onHide: function(){},//监听隐藏(进入后...转载 2018-08-14 10:36:56 · 1400 阅读 · 0 评论 -
Thymeleaf模板表达式
日期格式、组件提取${#dates.format(date)}${#dates.arrayFormat(datesArray)}${#dates.listFormat(datesList)}${#dates.setFormat(datesSet)}${#dates.format(date, 'dd/MMM/yyyy HH:mm')}${#dates.arrayFormat(date...转载 2018-08-06 15:24:58 · 383 阅读 · 0 评论 -
spring boot与thymeleaf页面传参两种方式
1.利用ModelAndView对象向页面传参@RequestMapping("/index/{p}.html")public ModelAndView index(@PathVariable int p,String keyword){ ModelAndView view = new ModelAndView(); view.setViewName("index"); ...转载 2018-08-06 10:46:38 · 1713 阅读 · 0 评论 -
bootstrap4调整元素之间距离
影响元素之间的间距可以通过style的margin或padding属性来实现,但这两个属性本身并不相同,margin影响的是本元素与相邻外界元素之间的距离,这里简称外边距,padding影响的元素本身与其内部子元素之间的距离,简称为内填充。bootstrap4提供了简写的class名,名称分别以m-开头和p-开头的类。一、影响距离大小的值有0,1,2,3,4,5,auto(1)、m...转载 2018-08-06 08:41:08 · 2007 阅读 · 0 评论 -
window.parent和window.opener区别
window.parent中parent表示父窗口,比如一个A页面利用iframe或frame调用B页面,那么A页面就是B页面的parent。B页面可以通过parent访问A页面。 window.opener中的opener表示谁打开我的,比如一个A页面利用window.open弹出了B页面,那么A页面就是B页面的opener。B页面可以通过opener访问A页面。 最后欢迎大家访问我的个...转载 2018-04-28 09:42:36 · 627 阅读 · 0 评论 -
js解析json读取List中的实体对象
var obj = eval("("+data+")"); for(var key in obj){ //第一层循环取到各个list var List = obj[key]; for(var student in List){ //第二层循环取list中的对象 alert(List[student ].id); al...转载 2018-04-28 09:41:52 · 3880 阅读 · 0 评论 -
Ajax Autocomplete for jQuery 配置
原文:https://github.com/devbridge/jQuery-Autocomplete#ajax-only-settings通用设置(1)noCache默认值false,是否缓存suggestion结果。(2)delimiter可选,String或正则表达式,拆分输入值,并取最后一部分用于查询suggestion。(3)minChars默认值1,触发au...转载 2018-04-28 09:34:12 · 660 阅读 · 1 评论 -
微信小程序-App()
App()函数用来注册一个小程序,接受一个object参数,其指定小程序的生命周期函数等。object参数说明1.onLauch生命周期函数,监听小程序初始化,当小程序初始化完成时,会触发一次。不要在onLauch的时候调用getCurrentPages(),此时page还没有生成。2.onShow小程序启动,或从后进入前台显示,会触发onShow3.onHide当...转载 2018-08-16 13:46:41 · 311 阅读 · 0 评论 -
springboot使用yuicompressor-maven-plugin压缩js及css文件
<plugin> <groupId>net.alchim31.maven</groupId> <artifactId>yuicompressor-maven-plugin</artifactId> <version>1.5...转载 2018-08-13 17:20:24 · 2646 阅读 · 0 评论 -
微信小程序 - Page()
Page(Object)函数用来注册一个页面Object参数说明1.data页面初始化数据。是页面第一次渲染使用的初始数据。data将会以json字符串的形式由逻辑层传至渲染层,因此data中的数据必须是可以转成JSON的类型:字符串、数字、布尔值、对象、数组。 2.onLoad生命周期回调,监听页面加载。3.onShow生命周期回调,监听页面显示。4.onRe...转载 2018-08-16 14:45:40 · 965 阅读 · 0 评论 -
JSON.stringify ES6 Map
因为map的key可以为任何类型, 包括对象. 但是JSON语法, key只能为string. 所以不能直接对JSON.stringify(Map).1.但是可以先把map转换为一个arrayjsonText = JSON.stringify(Array.from(map.entries()));2. 或转换为Javascript Objectconst mapToObj = ...转载 2019-08-15 16:44:26 · 1779 阅读 · 0 评论 -
Javascript中两个感叹号的含义
Javascript中, !表示运算符"非", 如果变量不是布尔类型, 会将变量自动转化为布尔类型, 再取非, 那么两个感叹号就可以将变量转化为对应布尔值.其他类型转布尔的规则:(1) 字符串类型值, 会将空值("")转换为false, 其余转换成true.(2) 数字类型, 会将0转换成false, 其余为true.(3) null, undefined会转换为false....原创 2019-08-14 16:43:11 · 410 阅读 · 0 评论 -
TypeScript
TypeScript是微软开发的javascript加强版,就有带了type的javascript。TS允许你以接口的形式定义复杂的类型,当你要在应用程序中使用复杂的对象或数组时,会进行严格的静态类型审查,增加分健壮性。umi中内置了TypeScript的loader,可以直接创建.tsx或者.tx文件来写TypeScrpit代码。1、首先安装依赖包cnpm install ts...原创 2018-12-13 13:29:03 · 272 阅读 · 0 评论 -
less css
Less是一个CSS的超集,Less允许我们定义变量,使用嵌套式声明,定义函数等。严格说Less包含两部分:(1)Less的语法 (2)Less预处理器。浏览器终究只认识CSS,所以Less文件需要经过Less预处理器编译成为CSS。在工具的支持下,一个Less文件首先会经过CSS modules的编译,把类名全局唯一化,然后才被Less 预处理器编译成为CSS文件,所以Less文件可以和CS...转载 2018-12-13 10:56:20 · 672 阅读 · 0 评论 -
DvaJS
Dva是基于redux、redux-saga和react-router的轻量级前端框架及最佳实践沉淀。https://dvajs.com/guide/concepts.html#%E6%95%B0%E6%8D%AE%E6%B5%81%E5%90%91数据流向数据的改变发生通常是通过用户交互行为或者浏览器行为(如路由跳转等)触发的,当此类行为会改变数据的时候可以通过dispatch发起一...转载 2018-12-08 14:06:55 · 2033 阅读 · 0 评论 -
理解es6
const修改的也可变const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保证的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址,保存的只是一个指向实际数据的指针,const只能保证这个指针是固定的(即总是指向另一个固定的地址)。export def...转载 2018-12-08 09:17:35 · 269 阅读 · 0 评论 -
thymeleaf中$ # * @
${...}变量引用模式,*{...}选择表达式,一般是th:object之后,直接取Object中的属性。当没有选取对象时,其功能等同于${...}。@{...}链接url的表达式#{...}i18n, 国际化 最后欢迎大家访问我的个人网站:1024s...转载 2018-09-07 15:47:49 · 8127 阅读 · 0 评论 -
前端优化:DNS预获取dns-prefetch
源文:https://www.cnblogs.com/lhm166/articles/6073787.html一般来说,在前端优化中与DNS有关的有两点:一个是减少DNS的请求次数,另一个就是进行DNS预获取。现在大多数浏览器已经针对DNS解析进行了优化,DNS prefetching是让具有此属性的域名不需要用户点击链接就在后台解析,而域名解析和内容载入是串行的网络操作,所以这种方式可以...转载 2018-08-24 11:42:39 · 546 阅读 · 0 评论 -
前端整合MathJax
源文:https://www.cnblogs.com/tianshifu/p/6388391.htmlMathJax简介MathJax是一款运行在浏览器中的开源的数学符号渲染引擎,使用MathJax可以方便的在浏览器中显示数学公式,不需要使用图片。目前可以解析Latex、MathML和ASCIIMathML的标记语言。引入MathJax官方的cdn在国内访问慢,所以我们一般引入的是...转载 2018-08-24 11:30:45 · 2068 阅读 · 0 评论 -
CSS中display属性的Flex布局
Flex是Flexible Box的缩写,意为“弹性布局”,用来为盒状模型提供最大的灵活性display: flex将对象作为弹性伸缩盒展示,用于块级元素。display: inline-flex将对象作为弹性伸缩盒展示,用于行内元素。基本概念采用Flex布局的元素,称为Flex容器,简称“容器”。它的所有子元素自动成为容器成员,称为flex item。容器默认存在两根轴:水平...转载 2018-08-20 11:12:11 · 1292 阅读 · 0 评论 -
JQuery中$.fn的用法示例介绍
$.fn是指jquery命名空间,加上fn上的方法及属性,会对Jquery实例每一个有效。如扩展$.fn.abc(),即$.fn.abc()是对jquery扩展了一个abc方法,那么后面你的每一个jquery实例都可以引用这个方法了。那么你可以这样:$("#div").abc()jQuery为开发插件提供了两个方法,分别是:jQuery.extend(object),为jQuery...转载 2018-04-28 08:49:13 · 455 阅读 · 0 评论 -
JS判断JSON数据是否在存在某个字段的方法
1.obj["key"] != undefined 这种有缺陷,如果这个key定义了,并且就是很2的赋值为undefined,那么这句就会出问题了。 2.!("key" in obj) 3.obj.hasOwnProperty("key") 这两种方法就比较好了,推荐使用。 最后欢迎大家访问我的个人网站:1024s...转载 2018-04-28 08:39:09 · 1939 阅读 · 0 评论 -
CSS将边框border设定到宽度和高度中
css有一个属性,box-sizing可以很方便的解决这个问题,将该属性值设置为border-box. box-sizing: border-box; 最后欢迎大家访问我的个人网站:1024s ...转载 2017-11-09 13:25:13 · 1574 阅读 · 0 评论 -
XMLHttpRequest
XMLHttpRequest(XHR)这个对象是浏览器的js环境提供的,是Ajax设计的底层概念,不仅可以使用XML格式的数据,也支持JSON、HTML或者纯文本。 open方法XHR对象的HTTP和HTTPS请求必须通过open方法初始化,这个方法必须在实际发送请求之前调用,以用来验证请求方法、URL以及用户信息。open( Method, URL, Asynchronous, ...转载 2017-03-27 16:52:08 · 519 阅读 · 0 评论 -
velocity 语法
Velocity是一个基于java的模板引擎,它允许使用模板语言来引用由Java代码定义的对象。基本语法 井号“#”用来标识Velocity的脚本语句,$用来标识一个对象(或理解为变量),{}用来明确标识Velocity变量,!用来强制把不存在变量显示为空白。 #set ($var=xxx)声明Velocity脚本变量。注释## xxx :单行注释。#* xxx:...转载 2017-03-06 13:33:51 · 629 阅读 · 0 评论 -
密码等级:至少包含字母、大小写数字、特殊字符 JS
前言密码,如果设置的太简单,很容易就被攻破,所以很多网站将密码设置的要求设置的挺严格,一般是字母、数字、字符3选2,区分大小写。对于设置得太简单的密码,予以错误提示。或者予以密码等级(低中高)显示,让用户设置高级密码。那如何利用JS实现呢?代码链接:https://gist.github.com/xuanfeng/a44f20cb4569d5b4cd5e 1 2...转载 2016-09-13 10:45:31 · 11153 阅读 · 0 评论 -
设置checkbox为只读效果
提到只读,很容易想到使用readonly属性,但对于复选框,readonly属性关联的是页面元素的value属性,而复选框的勾选取消并不改变其value属性,改变的只是一个checked状态,所以对于checkbox来说,设置readonly,仍然可以勾选取消。对于disabled属性,这个属性的作用是设置页面元素为不可用,即不可进行任何交互操作。 <input type...转载 2017-02-16 16:57:20 · 2099 阅读 · 0 评论 -
Json的两种数据类型
JSON (JavaScript Object Notation) is a lightweigth data-interchange format。json一共有两种数据类型,(1)一种是以(key/value)对形式存在无序的jsonObject对象,一个对象以“{”(左花括号)开始,"}"(右花括号)结束。每个"名称”后跟一个“:”(冒号),“名称/值”对之间使用","(逗号)分隔。...转载 2017-02-08 10:38:19 · 3268 阅读 · 0 评论 -
spket插件的安装与使用
把spket.zip解压缩后直接复制到MyEclipse安装目录的dropins文件夹下即可。安装完成后,启动MyEclipse,打开windos->preferences会发现多出了spket选项。选择spket下的java script profiles。 选择spket下的JavaScript Profiles,如图: 点击NEW按钮新建,取名为Ext...转载 2016-12-08 10:05:35 · 498 阅读 · 0 评论 -
Jquery自定义弹窗扫插件simplemodal
窗体API定义丰富,而且使用也很容易上手。官方地址:http://www.ericmmartin.com/projects/simplemodal/从官方下载插件,在文件中引用<script type='text/javascript' src='js/jquery.js'></script><script type='text/javascript' src='js...转载 2016-12-08 09:20:33 · 1028 阅读 · 0 评论 -
使用JavaScript的XMLHttpRequest发送POST、GET请求以及接收返回值
使用XMLHttpRequest对象分为4部分完成:1.创建XMLHttpRequest组建。2.设置回调函数。3.初始化XMLHttpRequest组建。4.发送请求。 var userName; var passWord; var xmlHttpRequest; //XmlHttpRequest对象 function...转载 2016-11-14 17:13:13 · 20433 阅读 · 0 评论 -
js中获取session中的值(jsp)
<script type="text/javascript">$(function() { var user = '<%=session.getAttribute("loginuser")%>'; alert(user);});</script> 最后欢迎大家访问我的个人网站:1024s...转载 2016-09-18 16:07:01 · 1095 阅读 · 0 评论 -
Javascript总结
基本特点1.变量类型采用弱类型。变量可以不声明而直接使用,即使声明也不用指明类型。使用变量之前必须对其进行赋值,也可以直接使用变量并对其赋值,不用var。 2.区分大小写。数组var 数组名=new Array(数组大小); var 数组名=new Array(元素1,元素2…); 属性length返回数组中元素的个数。 方法reverse进行逆序,sort对数组进行排序。对象1.Stri转载 2016-08-01 17:08:29 · 309 阅读 · 0 评论 -
在html里嵌入JavaScript
1.脚本类型<script type="text/javascript"></script>2.内嵌<script>元素*.html<script> function display(){....}window.onload=display;</script>3.src属性使用外部文件中的脚本...转载 2016-07-28 08:57:13 · 704 阅读 · 0 评论 -
Javascript 获取当前页的URL [removed].href
JS获取当前页的URL的函数就是我们经常用来重定向的window.location.href。 <script> var url=window.location.href; var loc = url.substring(url.lastIndexOf('/')+1, url.length); alert("url="+url+",loc="+loc); &...转载 2017-03-07 17:14:33 · 649 阅读 · 0 评论