薛定谔的喵喵喵-CSDN博客

原创布局问题之-左侧宽度可变右侧内容自动充满空白部分

场景：考虑要素：城市切换处宽度可变，搜索框宽度需自适应解决方案：父元素 display:flex: 左侧 min-width:100rpx; 右侧 flex:1;

2020-05-22 13:23:08 358

原创 CSS实现多行文字截断

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多行截断</title> <style> .line1{ white-space:nowrap;/*这行是干嘛的*/ over

2020-03-09 10:03:35 439

原创 node.js相关知识

nodejs : 事件驱动，非阻塞，单进程，单线程。非阻塞IO + 异步编程curl下载：https://curl.haxx.se/download.html//使用node创建服务停止服务器 ctrl + cvar http = require('http'); //require引用内置模块httpfunction process_request(req, res) {...

2020-03-09 10:02:39 152

原创 ES6兼容性测试及兼容包

ES6兼容包下载地址：https://github.com/paulmillr/es6-shimES6兼容性测试工具：http://kangax.github.io/es5-compat-table/es6/1.let的使用(1)let声明的变量只在只在let命令所在的代码块内有效。(2)let不存在变量提升。

2020-03-09 10:01:48 315

原创 [学习] 入门微信小程序开发

课程地址页面管理-框架管理了整个小程序的页面路由，做到页面无缝切换，并赋予页面完整的生命周期，开发者只需将页面数据,方法，生命周期函数注册进框架中代码结构tabBar的配置事件绑定 ...

2020-03-04 13:25:31 1571

原创 text-shadow兼容性问题

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style> *{padding: 0;margin: 0;} a{text-decoration: none;} #links li a {...

2020-01-07 15:38:38 1282

原创微信小程序-定时器setTimeout的应用场景

这次开发小程序遇到一个聊天的场景：在聊天页时，用户收到消息后，页面并未自动滚动到页面最底部，而是需要手动滚动。但，聊天数据又是拉接口调用直接更改的聊天数据数组，怎么控制刷新聊天数据时只调用一次滚动到底部的方法scrollToBottom成为了问题。这里就可以巧妙的应用setTimeout这个东西。代码如下var timer= falsefunction t...

2019-09-29 10:45:07 2163

原创前端自适应布局-带文字图片的自适应

最近项目中需要实现一个banner，如图所示.（设计图稿为1680*412）当前实现的思路： div(position:relative;width:100%;height:412px;)>ul >li>a>img (width:100%;height:412px)问题：平铺桌面但文字会被挤压这个时候，产品给出了一个参考效果,见链接.https...

2019-06-19 13:35:45 3387

原创 hbuilder中less指定.css文件路径

工具 -- 预编译器设置 -- .less 设置项 : 触发命令地址: c:\Users\Administrator\AppData\Roaming\npm\lessc.cmd (这个不知道固定不固定) 命令参数 way1 %FileName% %FileBaseName%.css（默认，生成.css文件自动保存到.l...

2018-12-26 10:09:14 1624

原创 div模拟自定义下拉框

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>自定义select下拉框</title> <link rel="stylesheet" href="css/index.css" /&

2018-12-21 10:32:09 876

原创 linear-gradient+animate实现动态进度条

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>动态进度条</title> <style> .wrap{ width: 200px; height: 23px; border-r

2018-12-10 10:53:51 1721

原创 CSS实现多行文字截断

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>多行截断</title> <style> .line1{ white-space:nowrap;/*文字不换行*/ overf

2018-11-09 13:35:04 1513

原创图片和文字垂直对齐

相信大家画页面时基本每页必有一个这样字的东西，图标和文字的组合体。直接用图标库里的图标还好，然而要是图片形式的图标,就碰到了一个垂直对齐问题。思路一. 分别给图和文字设置宽高，然后再让它们分别居中对齐不就好了,line-height和vertical-align结合使用。<!DOCTYPE html><html> <head> <meta char...

2018-06-19 13:57:02 6787

原创元素页面水平垂直居中方法总结

页面布局经常遇到元素的居中问题，非常重要的点，不过有时有点怕怕的。最快的成长就是直面恐惧嘛，来一波清扫大总结。定宽定高（要点 left:50%;margin-left: -元素w/2）<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title><..

2018-05-21 10:37:19 1072

原创前端嵌套页面的各种方法大总结

做为前端开发者，项目中应该经常会碰到这种的页面布局: 点击左侧一栏目，右侧即显示相应的不同页面内容。记得每次遇到这种时都头痛不已，不光考虑页面，还要考虑到之后怎么进行页面间的数据传递等事情。难的有心情，来一波以往实现方式大总结。先写最近get到的方法，恍然大悟的赶脚。 way1: a标签+iframe 要点: target属性 iframe的id和name属性...

2018-05-16 10:40:09 16974

原创 LESS系统学习之知识点

1.less之于css <==> jq之于js2.less注释 : /**/会编译 //不会编译3.less变量: @xx;4.混合(mixins) : .test{ .border_01; } .border_01{ border:solid 1px pink; } //带参数.border_02(@border...

2018-05-16 09:46:20 274

原创 Axcure谷歌Chrome浏览器安装

方法一 Axcure文件夹-->resouces-->chrome-->axure-chrome-extension.crx(该文件即为扩展，安装到浏览器即可)方法二若以上方法无效，则只能手动下载一个了. Axure谷歌浏览器Chrome扩展程序下载地址: Axure RP Extension For Chrome 0.62 ...

2018-05-15 09:48:14 844

原创 vue学习（一） vue和angular大比较

1.vue和angular的异同？vue上手容易指令以 v-xxx html+json,然后再new Vue()实例化对象个人维护项目适合移动端angular上手难指令以 ng-xxx 列表内容所有属性和方法都挂载到$scope上由google维护适合web端2.vue和angular的雏形差异vue:<!DOCTYPE...

2018-03-28 11:23:47 6883 3

原创使用md5分块上传大文件

效果图：代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title></title></head><body><form method="POST" enctype="multipart/form-data" onsubmit="return false;" > <in

2018-02-28 16:23:23 2204 2

原创 eclipse复制粘贴卡顿解决方法

如下图，取消勾选html Editors即可

2018-01-18 14:34:08 1586

原创 vue-cli生成项目下webpack运行测试数据

最近遇到一个这样的问题，最新版本的vue-cli生成的build文件夹下没有dev-server.js文件。压根不知道怎样运行测试数据，后来找到了解决方案，在文件webpack.dev.conf.js中增加如下代码，如下图：1.在 const portfinder = require('portfinder')这行后面加下面代码const express = require('expr

2018-01-16 13:37:24 623

原创 ES6中export和import使用注意点

EXPORT1.ES6中Module功能主要由export和import两个命令构成。2.export : 规定模块的对外接口，需与模块内部的变量建立一一对应的关系。//以下为错误示例var a = 1;export a;//错误，未提供对外接口var a = 1;export a;//错误//以下为正确示例export var a = 2;//正确var a = 1;export {a}

2018-01-15 12:01:30 2250

1.win+R再输入cmd进入命令行界面。2.node -v查看node版本是否在4以上。3.npm -g install vue-cli 全局安装vue-cli脚手架4.vue命令查看是否安装成功及使用语法5.vue init webpack sell 创建一个webpack模板的sell项目6.根据提示配置项目基本信息，eg如图(我的项目不用单元测试功能，所以这边选择不装) 7.cd sell

2018-01-03 11:02:02 295

原创代码常用注释

TODO：+说明：有功能代码待编写，待实现的功能在说明中会简略说明FIXME : + 说明：说明标识该处有代码待修正，甚至是代码错误，无法工作，如何修正会在说明中简述。XXX :+ 说明 : 说明该处代代码虽然实现了功能，但实现方法有待改善，要改进的地方会在说明中简述。

2017-12-31 19:57:10 309

原创 json与jsonp的区别

json: javascript object notation （JS 对象标记）是一种数据传输的格式。jsonp : JSON width Padding，是基于JSON格式的为解决跨域请求资源而产生的解决方案。

2017-12-20 16:09:24 183

原创正则表达式入门语法篇

正则表达式：使用单个字符串来描述，匹配一系列符合某个语法规则的字符串实例化RexExp语法： 1. var reg = /此处为正则表达式/; eg: var reg = /\d{4}/ 2. var ref = new (‘此处为正则表达式’) eg: var reg = new(‘\d{4}’)正则表达式语法概念正则表达式由

2017-12-16 17:43:03 215

原创网站性能优化核心

网站性能优化核心最近读完了<<高性能网站建设指南>>这本书，仅此结合自己项目记录我读后所悟所感，若有错误，忘各位不吝赐教！性能优化从减少组件下载时间(Content Download)下手。网站响应时间 10%左右用来渲染文档，差不多90%的时间花在了等待组件下载上。实践出真知嘛，我立马拿自己参与开发的上线项目做了小白，访问登陆页面的时间线如图所示。如图，终于知道了网站响应慢的核心原因了，组件下载！

2017-12-15 12:18:27 174

原创 eaysui 子页面刷新父页面datagrid

近期碰到这样一个问题，子页面操作后需要刷新父页面datagrid元素，刚开始用这种方式刷新，$("#talbe",window.parent.document).datagrid("reload");因使用window.parent.document方法能得到父页面中的元素，想当然这种方法刷新datagrid组件当然可以....结果，报错~最后找到一种解决方案，即父页面中定

2017-10-11 16:48:44 2002 5

转载使用eval("("+data+")")转json格式

做项目途中生出一个疑问，后台方法返回的数据为json字符串，evla("("+data+")")这种方式为什么能将其转成json数组呢？该博文讲的很详细，大家可以参考一下。json解析为什么是eval("("+data+")")。

2017-10-09 11:35:50 850

原创 jsp中作用域知识点小结

2017-09-24 11:12:13 151

原创 org.apache.jasper.JasperException: The absolute uri: http://java.sun.com/jsp/jstl/core cannot be res

org.apache.jasper.JasperException

2017-09-14 16:38:08 949

转载 page指令中contentType属性和pageEncoding的作用和区别

jsp编码设置contentType和pageEncoding的作用

2017-09-14 11:58:18 5104 2

原创 org.apache.catalina.LifecycleException

启动项目时报这个错，很可能是xml配置出错。可检查url-pattern是否写错，或路径是否少加/。我是因为将url-pattern写成了url-patterns了。

2017-09-13 09:20:06 423

原创 java常用包之util 包

该包中有Math,calendar日历等常用工具类

2017-09-01 14:26:38 432 1

原创 tomcat部署项目的三种方式

1.直接在webapps下放入工程项目2.在Server.xml中配置节点（用的少）3.在conf目录下 localhost目录中新增一个xml文件（方便）//tomcat的三种部署方式1.直接在webapps下放入工程项目2.在Server.xml中配置节点3.在conf目录下 localhost目录中新增一个xml文件

2017-08-25 17:47:05 214

原创 Java中常见状态码的含义

1.状态码1XX：指示信息，表示请求已经接收 2xx：成功，表示请求已经被服务器成功接收，理解3xx:重定向4xx:客户端错误-请求有语法错误或者请求是无法实现5xx:服务器端的错误，服务器未能实现合法的请求200 OK 表示请求成功400 Bad Request 请求语法401 未经授权403 请求接收到，拒绝提供服务404 请求资源不存

2017-08-24 20:30:39 1079

转载 easyui中combobox 验证输入的值必须为选项框中的数据

easyui中combobox 验证输入的值必须为选项框中的数据

2017-08-24 11:51:44 1280

原创 Java中线程的使用

１

2017-08-23 16:01:06 161

原创 java中常用集合

集合，即多个对象的集合。关于对象数组：　　１.List集合ArrayList　动态数组，可存放[类型不同的]对象的，长度可变的数组。如string s,Integer i。　　　　　　　　新增　.add(),２.Set集合３.Map集合

2017-08-21 15:14:11 191

原创 java常用包之lang包的使用

1.默认情况下所有的类都会默认导入该包。　 2.lang包中的主要内容：　　　　　一．包装类，和8种原始数据类型对应。　　　　　　　　　　　　二．常用方法　　　　　　　parseXXX(String s) 将String转成原始的数据类型（Character类没有）　　　　　　　valueOf(String s) 将String转成包装类对象(所有包装类都有

2017-08-14 17:55:57 653

DREAWERA 8

PPT 以DW8为例介绍了网站设计的静和动态部分

2015-01-09

20111009_maven3+S3S2JPA2_nullPointError_babasportrefactoring

package com.itcast.web.action.product; import com.itcast.bean.QueryResult; import com.itcast.bean.product.ProductType; import com.itcast.service.product.ProductTypeService; import java.util.List; import javax.annotation.Resource; import org.springframework.stereotype.Controller; @Controller("/control/product/type/JsonTable") public class JsonTable { //Your result List private List<ProductType> gridModel; //get how many rows we want to have into the grid - rowNum attribute in the grid private Integer rows = 10; //Get the requested page. By default grid sets this to 1. private Integer page = 1; // sorting order - asc or desc private String sord; // get index row - i.e. user click to sort. private String sidx; // Search Field private String searchField; // The Search String private String searchString; // he Search Operation ['eq','ne','lt','le','gt','ge','bw','bn','in','ni','ew','en','cn','nc'] private String searchOper; // Your Total Pages private Integer total = 0; // All Record private Integer records = 0; @Resource(name = "productTypeServiceBean") private ProductTypeService productTypeService; public String execute() { int to = (getRows() * getPage()); int from = to - getRows(); QueryResult<ProductType> qr = productTypeService.getScrollData( ProductType.class, from, to, "o.visible=?1", new Object[]{true}); setRecords((Integer) qr.getTotalrecord().intValue()); setGridModel(qr.getResultlist()); //calculate the total pages for the query setTotal((Integer) (int) Math.ceil((double) getRecords() / (double) getRows())); return "success"; } public String getJSON() { return execute(); } /** * @return the gridModel */ public List<ProductType> getGridModel() { return gridModel; } /** * @param gridModel the gridModel to set */ public void setGridModel(List<ProductType> gridModel) { this.gridModel = gridModel; } /** * @return the rows */ public Integer getRows() { return rows; } /** * @param rows the rows to set */ public void setRows(Integer rows) { this.rows = rows; } /** * @return the page */ public Integer getPage() { return page; } /** * @param page the page to set */ public void setPage(Integer page) { this.page = page; } /** * @return the sord */ public String getSord() { return sord; } /** * @param sord the sord to set */ public void setSord(String sord) { this.sord = sord; } /** * @return the sidx */ public String getSidx() { return sidx; } /** * @param sidx the sidx to set */ public void setSidx(String sidx) { this.sidx = sidx; } /** * @return the searchField */ public String getSearchField() { return searchField; } /** * @param searchField the searchField to set */ public void setSearchField(String searchField) { this.searchField = searchField; } /** * @return the searchString */ public String getSearchString() { return searchString; } /** * @param searchString the searchString to set */ public void setSearchString(String searchString) { this.searchString = searchString; } /** * @return the searchOper */ public String getSearchOper() { return searchOper; } /** * @param searchOper the searchOper to set */ public void setSearchOper(String searchOper) { this.searchOper = searchOper; } /** * @return the total */ public Integer getTotal() { return total; } /** * @param total the total to set */ public void setTotal(Integer total) { this.total = total; } /** * @return the records */ public Integer getRecords() { return records; } /** * @param records the records to set */ public void setRecords(Integer records) { this.records = records; } //Getters and Setters for Attributes }

2015-01-09

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人