辰小白

iframe基本内涵通常我们使用iframe直接直接在页面嵌套iframe标签指定src就可以了。<iframe src="demo_iframe_sandbox.htm"></iframe>但是，有追求的我们，并不是想要这么low的iframe. 我们来看看在iframe中还可以设置些什么属性iframe常用属性:1.frameborde...

GZIP压缩/解压package com.hnkc.core.util;import java.io.ByteArrayInputStream;import java.io.ByteArrayOutputStream;import java.util.zip.GZIPInputStream;import java.util.zip.GZIPOutputStream;publ...

为什么要开启gZip我们给某人发送邮件时，我们在传输之前把自己的文件压缩一下，接收方收到文件后再去解压获取文件。这中操作对于我们来说都已经司空见惯。我们压缩文件的目的就是为了把传输文件的体积减小，加快传输速度。我们在http传输中开启gZip的目的也是如此，但是一般文章介绍gZip时候总是结合一些服务端配置(nginx)或者构建工具插件(webpack)来说，列出一大堆配置让人看的云...

效果图1.配置maven需要的jar包-pom.xml <dependency> <groupId>org.eclipse.jetty.websocket</groupId> <artifactId>websocket-server</artifactId> <version&...

近日，在公司中开发一个使用websocket为前端推送消息的功能时，发现一个问题：就是每隔一段时间如果不传送数据的话，与前段的连接就会自动断开；刚开始以为是session的原因，因为web session 的默认时间是30分钟；但是通过日志发现断开时间间隔时间远远不到30分钟；认真分析发现不操作间隔恰好为90秒它就会在自动断开；随恍然大悟；原来是我们的使用nginx 代理，nginx配置了...

api地址：http://www.treejs.cn/v3/main.php#_zTreeInfo1.首先下载zTree -- jQuery 树插件2.简单的使用 加载效果（简单使用，可以更改更好看的样式，具体看api） jsp页面代码&lt;%@ page language="java" import="java.util.*" pageEncoding="u...

转载出处 http://blog.youkuaiyun.com/u011791526/article/details/730887681、Android端有什么控件可以直接显示office文档吗？很抱歉没有，对于ios而言想要显示office文档，直接调用控件webview即可。遗憾的是，Android虽然也有webview控件，但是该控件没有提供此类功能。2、那么想要在An...

一.旋转 rotate用法：transform: rotate(45deg);共一个参数“角度”，单位deg为度的意思，正数为顺时针旋转，负数为逆时针旋转，上述代码作用是顺时针旋转45度。二.缩放 scale用法：transform: scale(0.5) 或者 transform: scale(0.5, 2);参数表示缩放倍数；一个参数时：表示水平和垂直同时缩放该倍率两个参数时：第一个参数指...

html5中如何去掉input type date默认样式1.时间选择的种类:HTML代码：选择日期：选择时间：选择星期：选择月份：2.对日期时间控件的样式进行修改目前WebKit下有如下9个伪元素可以改变日期控件的UI：::-webkit-datetime-edit– 控制编辑区域的::-webkit-datetime-edit-fields-wrapper– 控制年月日这个区域的:...

$("#myELement") 选择id值等于myElement的元素，id值不能重复在文档中只能有一个id值是myElement所以得到的是唯一的元素$("div") 选择所有的div标签元素，返回div元素数组 $(".myClass") 选择使用myClass类的css的所有元素 $("*") 选择文档中的所有的元素，可以运用多种的选择方式进行联合选择：例如$("#myELement,div...

选择器示例示例说明CSS.class.intro选择所有class="intro"的元素1#id#firstname选择所有id="firstname"的元素1**选择所有元素2elementp选择所有&lt;p&gt;元素1element,elementdiv,p选择所有&lt;div&gt;元素和&lt;p&gt;元素1element elementdiv p选择&lt;div&gt;元素内的...

• 首先我们需要了解样式的构成，样式由属性名与属性值构成，名和值之间用:(冒号)分隔，属性和属性之间用;(分号)分隔。eg：p{ font-size:20px; font-weight: bold; color: red;}• 接下来就来看我们要说的文字样式。1.font-size这条属性是设置文字的大小的，浏览器有自己默认的字体大小，我们在例子中就是将p标签里面的文字设...

这个问题是我在工作中用到的一个方法 因为要做封装所以想到能不能在一个js中引用另一个js中的function这样的话能大大的减少代码量话不多说 先上代码首先要在html页面引入两个js文件1.html&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&g...

jqgrid 单元格自动换行且垂直居中在jqgrid.css文件中加入css代码:.ui-jqgrid tr.jqgrow td { white-space: normal !important; height:auto; vertical-align:text-top; padding-top:2px; display: table-cell;...

前提今天准备开始学vue.js了，不为别的，只是因为我女朋友毕设项目的前端是使用vue开发的，而我作为一个前端开发却无能为力，你说可不可笑。她需要一个会vue的前端帮她做界面，而我虽然身为一个前端开发，但是并不会vue，所以作为男朋友的我本身就很自责。现阶段的情况是：我只是知道有这些框架，再加上公司的项目只用jQuery，其他新的框架也用不上，所以也一直没机会去接触和学习。毕竟，自己也知...

https://segmentfault.com/a/1190000022000839/

如监听this.$store.state.app.language的值，注意写在method外面 watch: { '$store.state.app.language': function () { //你需要执行的代码 } },

交流qq群：672373393前端项目公开在码云：https://gitee.com/xiao_yulong/noob-admin-ui欢迎大家进群讨论！ 辰小白小白最近在写日历模板，项目已经用了element组件，奈何element日历组件官方文档提供的资料实在太少了。所以这里希望有相关开发需要的朋友能够少走一些辰小白踩过的坑。首先展示一些模板效果图：这个项目的详细介绍可以下辰小白的这篇文章：后端开发的福音，vue+element实现的vue-element-admin前台...

环境：vscode、node.js、cnpm/yarnnpm安装起来太慢了、建议使用 cnpm或yarn1.从码云上下载前台项目，使用vscode打开2.安装依赖（请提前自行安装 cnmp 或 yarn）使用命令安装依赖cnpm install3.运行项目使用命令启动cnpm run dev第一次运行可能出现抱歉情况，如出现，请安装如下全局依赖cnpm global add webpack-dev-servercnpm global add w.

交流qq群：672373393话不多说，先上效果图。项目简洁，需要实现更多功能可以自行添加 主题分：黑、白主题，简约大气 菜单：可自行切换横、竖菜单；菜单实现动态加载，只需修改json文件或者查询后台数据替代json...

vue中监听滚动事件，然后对其进行事件处理，一般有：1. 滚动到顶部吸附； 2. 根据滚动的位置激活对应的tab键（锚链接tab键）这两种方式的处理都是可通过监听scroll来实现mounted(){ window.addEventListener('scroll',this.handleScroll) // 监听滚动事件，然后用handleScroll这个方法进行相应的处理},处理方法1. 滚动到顶部吸附html元素<!--如果isFixed为true的话，.

思路：通过正则RegExp进行全局匹配，将符合条件的元素通过replace替换成为HTML代码片段封装成自定义指令在main.js里引入增加可复用性import Vue from 'vue'function hightLight (el, binding) { const match = binding.value const reg = new RegExp(match, 'g') const txt = binding.arg let str = '' if (txt)

这个坑踩几次了，为了避免之后再踩，还是记下来备忘吧。照着官网文档的“项目实战”，运行第一句命令就报错了，如下：E:\practice\createUmi>yarn create umiyarn create v1.16.0[1/4] Resolving packages...[2/4] Fetching packages...[3/4] Linking dependenci...

1.在阿里巴巴图标库创建自己的工程，并导入需要的图标放入项目关于如何批量选择图标：F12输入——var iconList = document.querySelectorAll('.icon-gouwuche1');for (var i = 0; i < iconList.length; i++) {iconList[i].click();}2.下载项目至...

Vue实战项目开发--Vue中的动画特效

高德地图提供的默认信息窗体拼接很不理想如红色块标记的，后期修改和维护都不方便。我的前端工程是vue+element首先把信息窗口封装成独立的页面块，然后使用高德的自定义窗体引入代码如下：1.写一个vue信息窗体页面<template> <div> <el-card class="box-card" style="padd...

第一次打包vue的项目部署到服务器下时，发现初次加载特别的缓慢，将近20s页面才加载出来，完全没有开发环境上的那么流畅。主要原因是页面在打包后如果不进行相关配置会导致资源文件特别的大，一次想要全部加载完成会特别的耗时。这里简单总结一下自己用到的一些优化的方案。首先我们可以安装webpack-bundle-analyzer 插件，通过这个插件我们可以在打包的时候看到打包文件的大小，可以明显的看出...

当我们使用vue开发时经常会遇到当vue实例已经创建好了，有时候需要再次给数据赋值时，并不能在视图中改变在vue文档中写着如果在实例创建之后添加新的属性到实例上，它不会触发视图更新因此比如我们修改一个数组其中的一个值，或者添加一条数据时，不管用。<div id="app"> <p v-for="item in items" v-once>{{item}}&...

在利用element-ui开发文件上传时遇到这个问题。下面是 before-upload 上传文件前的钩子，在遇到大于10M的文件时，我们返回false //图片上传前钩子 beforeUpload(file) { this.loading = true; const isLt2M = file.size / 1024 / 1024 < 10;...

背景业务需求是这样子的，每当发请求到后端时就触发一个全屏的 loading，多个请求合并为一次 loading。现在项目中用的是 vue 、axios、element等，所以文章主要是讲如果使用 axios 和 element 实现这个功能。分析首先，请求开始的时候开始 loading， 然后在请求返回后结束 loading。重点就是要拦截请求和响应。然后，要解决多个...

一、自定义value label属性html代码<el-cascader v-model="value" clearable :options="labelPool" :props="setKesLabel"></el-cascader>js代码 export default { data(){...

从这里扣下来的！vue 项目在 mounted 里执行即可。<canvas width="1366" height="640"></canvas>document.addEventListener("touchmove", function(e) { e.preventDefault();});var c = document.getElem...

1.下载包：npm install vuedraggable配置：package.json"dependencies": { "vuedraggable": "^2.11.0" },2.在你的组件中引进依赖：import draggable from 'vuedraggable'3.注册：draggable这个组件components: { draggable },...

1.新建一个js文件 ，我这里新建的为defined.js 代码如下我添加了两个全局变量access_token:"", refresh_token:"", set方法是在组件中修改全局变量时需要的 ，然后在vue项目的main.js中导入defined.js文件然后将对象添加到vue原型链上，这样就可以在组件中直接调用了组件的调用方式 通过this...

直接用菜单导航改的样式，自己是前端菜鸡，直接用的内嵌样式不介意的可以拿去自己改改<div class="layui-btn-group" style="float:right;padding:5px 15px 0px 20px;"> <button class="layui-btn layui-btn layui-btn-sm" id="btn_add">&...

//加载表格 function GetGrid() { var queryJson = { anmc: encodeURI($("#anmc").val()) } var $gridTable = $("#gridTable"); $gridTable.jqGrid({ url:"/dxfServi...

zh_test = '你好';    tw_test = ‘你好’;    en_test = 'Hello';    // 然后再JS里尝试将前面的语言简写当成变量，拼接后面的字符串    var lang = 'zh';    var language = lang + '_test'; alert(language); // 结果 'lang_test'    // 然后alert得出的结果...

标签 描述 <!--...--> 定义注释。 <!DOCTYPE> 定义文档类型。 <a> 定义锚。 <abbr> 定义缩写。 <acronym> 定义只取首字母的缩写。 <address> 定义文档作者或拥有者的联系信息。 <applet> ...