
JS相关
文章平均质量分 88
星旅zl
记录自己的学习与成长
展开
-
ExtJs初探(一)- 下载及配置入项目(eclipse+Springboot+maven)
刚刚开始接触ExtJs的小白,首先先摸一下“敌人” 的底,然后是下载,最后把其配置入你的项目中,本文使用的是ext-6.6.0-trial,下载地址:https://www.sencha.com/products/extjs/evaluate/一、什么是ExtJsExtJs是用JavaScript写的,主要用于创建前端用户界面,是一个与后台技术无关的前端JS框架,可用于.Net、Java、...原创 2018-08-09 10:24:15 · 2140 阅读 · 0 评论 -
html+css自定义勾选框(单选、复选)
效果图如上,这里主要是css对勾选时做样式上的处理,在html的<head>标签我们引入jquery和勾选框样式<title>基本信息</title> <script type="text/javascript" src="jq/jquery.min.js"></script><style>.span-sty...原创 2019-07-31 09:32:25 · 27243 阅读 · 0 评论 -
浅析如何提高JavaScript性能
最近看了一本国外关于网页JS性能提升的书,在这里进行一下总结。1、使用无阻塞脚本: (1)延迟的脚本:Defer属性-等待页面完成后执行(注意:并不是所有浏览器都支持该属性) 使用方法: <script defer> ...... </script> (2)动态脚本:推荐方法 最...原创 2019-07-24 11:26:17 · 225 阅读 · 0 评论 -
JS实现tab切换简单版小记
效果图:head部分:<style > #menu li{ height: 35px; } #menu img{ vertical-align: middle; } .tabContent{ float: left; position: relative; margin-top: 100px; margi...原创 2019-06-18 13:04:06 · 352 阅读 · 0 评论 -
JavaScript(JQ)事件委托以及JS闭包小记
一开始看的时候有些晕,可以监听DOM元素的方法太多,主要是写在<script></script>,下面列出来理清楚:JS原生:document.getElementById("menuultest").onmouseover = function(ev){ };JQ:该段参考自https://codeplayer.vip/p/j7sq1// jQue...原创 2019-06-17 17:53:09 · 1803 阅读 · 0 评论 -
vue配置多页面应用
转载自:(留着参考,图片复制不过来)https://blog.youkuaiyun.com/stiven_lu/article/details/80271012第一步:使用vue-cli搭建项目(注:建议安装淘宝镜像,使用cnpm执行下面操作)1.按住shift按钮,右键点击存放项目的文件夹,点击在此处打开命令窗口。2.在命令窗口中输入 npm install -...转载 2019-06-04 18:04:12 · 1095 阅读 · 0 评论 -
浅谈无阻塞加载脚本方法
无阻塞的脚本是创建响应迅速的web应用的第一步,其秘诀就是在页面加载完成后才加载JS,也就是尽量在window.onload事件触发后再下载脚本。这里对比几种无阻塞加载脚本的方法一、延迟的脚本使用script扩展属性defer,由于只有Internet Explorer 支持 defer 属性,所以基本不建议使用这种方式,使用方法为:<script defer="defer...原创 2019-06-10 16:02:53 · 371 阅读 · 1 评论 -
js结构树zTree改造带搜索框
先上效果图:代码如下:1、html:<!DOCTYPE html><html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <meta name="renderer" content="webkit">...原创 2019-06-06 11:13:35 · 1950 阅读 · 0 评论 -
Vue.js初学备忘(五)多页面开发详细记录
回看之前写的,没有对vue吃得透,有很多小坑,这里记录和完善一下。一、两种引用组件方式第一种:main.js:这里粗体部分就是引用组件App之后,将App这个组件加入到template的意思import Vue from 'vue'import App from './App'var app = new Vue({ el: '#app', router, comp...原创 2019-05-31 17:10:22 · 665 阅读 · 0 评论 -
(转)jquery属性值选择器
转载自:http://www.cnblogs.com/nmxs/p/4888049.html$("[attribute|='value']")选择指定属性值等于给定字符串或改字符串为前缀(该字符串后跟一个连字符“-”)的元素。attribute: 一个属性名value: 一个属性值$(function(){ $('a[hreflang|="en"]').css("bord...转载 2019-05-23 10:37:42 · 177 阅读 · 0 评论 -
js捕捉事件和事件源(以删除某一条目为例子)
通过这种获取捕捉方法,我们可以单独封装出js,减少页面的js代码量1、delFunTest.js$(document).on('click','.jbxxBox',function(ev){ console.log("onclick"); var ev = ev || window.event;//事件,浏览器兼容 var target = ev.tar...原创 2019-05-23 10:13:03 · 337 阅读 · 0 评论 -
JS前端加密+Java后端解密(AES+BASE64)
时间好快,五月也到了月中,往事成追忆...我稍微整理了一下关于AES加密的,下面给出两种,第一种是纯前端JS的加密解密,另一种是JS前端+Java后台的加密解密先上两个相关的JS1、AES-new.js!function(t,n){"object"==typeof exports?module.exports=exports=n():"function"==typeof defi...原创 2019-05-15 13:06:05 · 8726 阅读 · 1 评论 -
Vue.js初学备忘录(四)多页面开发
关于new Vue() 和 export default {}的区别:https://blog.youkuaiyun.com/qq_37887764/article/details/81034516多页面开发参考文章:https://jingyan.baidu.com/album/67662997998a9654d51b8487.html?picindex=1本文作为记录文章,大部分参考自上面...原创 2019-02-20 17:16:26 · 274 阅读 · 0 评论 -
Vue.js初学备忘录(一)记录Nodejs(npm)和Vue项目初建遇到的坑
简单说一下,Vue.js是构建数据驱动的web界面的渐进式框架,Nodejs相当于一个js运行的平台,npm是Nodejs的包管理工具,Vue其实和Nodejs没啥大关系,主要是需要使用到npm命令,所以没有必要精通了Nodejs再去学习Vue,但是要掌握npm命令。下面说说配置vue项目出现的问题或是要点的:1、使用cnpm镜像配置命令:npm config set registry...原创 2019-01-30 10:21:13 · 547 阅读 · 1 评论 -
Vue.js初学备忘录(三)
官方文档:https://cn.vuejs.org/v2/guide/#%E8%B5%B7%E6%AD%A5参考文档:https://www.cnblogs.com/dreling/p/6892684.html摸索中前进...我借鉴了上面这篇文档的路由配置,还是一点一点coding吧一、简单了解一下vue的方法1、index.html,这里重点看app1和app2里面的方法...原创 2019-02-01 11:52:47 · 389 阅读 · 0 评论 -
Vue.js初学备忘录(二)
可能是人老了接受能力变弱了~~总之Vue的调用真是绕晕我,不过也相信后面慢慢会能掌握使用,这次Mark一下这两天新建项目的梳理。一、修改端口号:找到config文件夹下面的index.js文件,修改里面的参数即可 // Various Dev Server settings host: 'localhost', // can be overwritten by process.e...原创 2019-01-31 16:56:21 · 420 阅读 · 0 评论 -
ExtJs初探(二)- 窗体(eclipse+Springboot+maven)
配置完毕(承接ExtJs初探(一)- 下载及配置入项目(eclipse+Springboot+maven))后进入到ExtJs的各种方法用法和控件生成,直接上栗子和效果图。部分代码参考自:http://www.cnblogs.com/iamlilinfeng/archive/2012/06/18/2553627.html一、写个窗体内容的html,命名为:ExtWindowPage.htm...原创 2018-08-09 11:17:38 · 2276 阅读 · 0 评论 -
(转)html导出 word文档教程
https://blog.youkuaiyun.com/u012374381/article/details/78283702/这文章不错,但是还是有些问题无法解决,比如自定义的勾选框就无法正常,表格格式上有点变形等。这里提取了文章中的那两个JS,在html里面引入,关键代码如下<script src="http://static.bimface.com/attach/257ed7db869...原创 2019-08-15 10:32:23 · 880 阅读 · 0 评论