id_no_chinese的博客

自己设计Web Dialog。1.设计弹出框的样式。（所有的css都是以style形式写入）//用于覆盖底层的页面，叠放的层次要小于dialog的层次（z-index)//dialog                    确定        取消    2.dialog的弹出以及功能实现function userDialog() {

现象是，我通过js改变 id为myModalLabel的值，通过console口打印都是对的。但是页面没有变化。remove也不可以。就是dom无法操作了。<h4 class="modal-title" id="myModalLabel">直播添加</h4>//js代码$("#myModalLabel").html("直播编辑");原因：dom中id重复，浏览器引擎不知

1.calcwidth : calc(100% - 50px); /*注意运算符前后要有空格。*/width : calc(100% - 2.5rem); /*注意运算符前后要有空格。*/2.字段超过长度，显示省略号.aticle {    overflow:hidden;    white-space:nowrap; text-overflow:ellipsis;}3.re...

1.整体思路就是在点击事件外部定义一个与点击事件相同作用域的变量。2.在点击事件中判断定时器是否存在，如果存在则清楚定时器。重新定义定时器。代码如下：var clock, clockFlag = false;//外部变量,clickFlag是定时器是否存在的标志$("#versionShow").click(function() { if (clickFlag) { clearTimeou...

1.vue-resource引入。1）直接下载vue-resource.min.js并引入。2）本地安装vue-resource，再引入。在项目目录下执行以下命令。前提是已经初始化vue项目。或者初始化node环境npm init.npm i vue-resource --save-dev2.引入import VueResource from "vue-resource"this.$http.po...

注：本文不介绍vue语法。只是个从零搭建vue的demo。1.首先是环境搭建。配置好node环境。全局安装vue，vue-cli.这里就不做介绍了。2.使用vue-cli初始化项目。vueTemplate是项目名称。vue init webpack vueTemplate后面有一连串的输入，包括作者，项目头是否启用测试等。按照个人要求输入就好。项目初始化完成后的项目目录如下：3.启动服务  到项目...

学习了canvas，写下自己的心得体会。1.在css中设置canvas的宽和高，发现里面的矩形和其他元素都是放大的。然后自己得出结论：1.canvas的宽高属性要写在 标签内canvas的默认宽高为300*150，如果宽高设置相对默认值的x倍，你所画的元素也会相对你设置的扩大x倍。亲自实验发现真是这样。但是这样画布中的元素宽高就不好控制了。第二天发现把 宽高以属性值的方式写到标签中时，元素和你设置...

1.gulp是基于流的压缩工具，包含了许多实用的插件。 pipe是管道的意思。处理的是文件对象，一个插件处理完后把处理后的文件流向后传递。不用像Grunt一样保存很多临时文件。所以压缩效率较高。2.前期准备。node开发环境，安装node。会使用npm（包管理工具），编辑器我用的是Hbuilder。3.安装gulp，插件的安装会在实际使用时介绍。在项目根目录下，首先初始化项目 。（命令行执行以下命...

gulp 构建前端项目（一） gulp基础应用gulp构建前端项目（二） 压缩文件，监听修改，浏览器同步gulp已经能打包和实时在浏览器中更新了，接下来就是 预防浏览器缓存对代码的影响。通过修改文件名包含MD5值，可以预防无效缓存。 由于名称修改就会有变化，所以加入了自动引入修改后的文件名。1.通过 gulp-rev 插件给文件名加MD5的后缀。在处理css或者js文件过程中，调用 gulp-...

昨天遇到一个问题，现在还没有解决：@@include（‘headers.html’）在gulp之后是可以加到相应的位置，但是通过gulp.watch和browser-sync启动的浏览器热更新不能把@@include（‘headers.html’） 替换成headers.html的内容。所以我想通过运行 dist 目录下的文件，实现热更新，这样公共页面也可以加载进来。由于使用了文件名MD5值防缓存...

以title属性为例[title~=god] {}属性title中含有单个god单词即可。[title^=god]{}属性title中必须以god开头。[title|=god]{}属性中必须以god开头，但不能是单独的god。如title="god　xxx"不会被选中，title＝"gods xx"会被选中[title^=god]{}属性title中必须以god结尾。[title*=god]{}属...

 第一天接触vue，看着文档写点例子。给身为小白的自己留点痕迹。引入vue.min.js即可。都是基本应用。1.computed属性computed是vue对象的计算属性，与已有属性绑定依赖关系，可以与属性一起动态改变。 var cpu = new Vue({ el:"#testDiv", data: { used : 0.2 ...

引入jquery和jquery-ui.min.js。<script src="../js/lib/jquery-1.10.2.min.js" type="text/javascript" charset="utf-8"></script><script src="../js/lib/jqueryui/jquery-ui.min.js">&

1.chrome56版本以后修复form提交的bug，form = $('')创建好后，要$(document.body).append(form);然后form.submit();

1.通过事件模拟键盘的操作（空格键为例）var e = jQuery.Event("keydown");//模拟一个键盘事件e.keyCode = 8;//keyCode=8是空格$(this).trigger(e);//模拟按下空格键2.判断键盘的操作（回车键）$('#id').keydown(function (event_e) { if (window.e

nodejs，service层模板需要的模块包括：var signDao = require('../dao/signDao.js');var proxy = require('EventProxy'); //EventProxy是一个通过控制事件触发顺序来控制业务流程的工具。var mysql = require('../util/MySQL')方法：export

nodejs循环ep.emitLater('start');开始执行ep.all('a1', 'a2','a3', function() {当啊a1,a2,a3全部到达时执行该函数体})ep.after('loop', 'length', function() {当收到length次loop时。执行该函数体})循环内的异步执行for (v

1.          app.jsvar http = require('http');var path = require('path');var filter = require('./app_filter');    //url解析var express = require('./node_modules/express');var session = require(

1.使用form表单提交的方式（ajax提交不行）$("#downloadTest").click(function() { $('#hidden_iframe').remove(); var iframe = $(''); var form = $('') .attr('target','hidden_iframe') .attr(

参考博客：http://blog.youkuaiyun.com/lmj623565791/article/details/32964301demo在chrome浏览器中测试，具体的属性在各浏览器中的兼容性各位可以自己改一下。css属性：-webkit-transform-style:preserve-3d;   在3D空间内呈现元素 -webkit-perspective: 1200px;

1.正则表达式的验证var reg = /\[em_(\d)+\]/;var str = 'aaa[em_34]bbb';reg.test(str) /*返回值为true；*/使用： str.replace(/\[em_(\d)+\]/, '<img src=emotion/$1.gif />'); 2.正则表达式替换() 是为了提取匹配的字符串。表达式中有...

1.文件引入：css文件和js文件linkrel="stylesheet" type="text/css"href="/libs/dataTable/css/dataTables.bootstrap.css"/>script type="text/javascript" src="/libs/dataTable/js/jquery.dataTables.min.js">sc

1.Ueditor下载http://ueditor.baidu.com/website/download.html（下载相应版本的UEditor）2.解压后文件目录如3.将jsp下的lib中的jar包放到lib下。4.将整个目录copy到webApp或web-content下。5.引入ueditor.all.min.js和ueditor.config.js和lang文件夹下的zh-

目标：当数据不多时，隐藏滚动条。数据较多时显示滚动条，并保持Y轴以及图例不动。如图：1.前端使用vue+highcharts。highcharts绘图并没有滚动条的相关属性。但是highStock图标参数中却有滚动（scrollbar）属性。查了一下。highcharts是集成了highstock的。安装highCharts    ： npm i --save-dev high...