4 郄灬灬

尚未进行身份认证

程序员不自学,和咸鱼有什么区别!!!

等级
TA的排名 10w+

apache 开启路径重写的配置

1、启用 LoadModule rewrite_module modules/mod_rewrite.so (去掉前面的 # 号)2、 找到这段代码<Directory /> Options FollowSymLinks AllowOverride None </Directory>修改为<Directory /> Options Follow...

2019-03-21 14:14:39

spring data jpa 查询自定义字段,转换为自定义实体

目标:查询数据库中的字段,然后转换成JSON格式的对象,返回前台。背景:首先建立entity映射数据库(非专业java不知道这怎么说)@Entity@Table(name="user")publicclassUser{@Id@GeneratedValue(strategy=GenerationType.AUTO)privateLongi

2017-07-14 10:17:09

vue-cli 手脚架搭建 vue 环境报错 chromedriver@2.24.1 install: `node install.js` Exit status 1

最近在学习 vue 这个框架,使用官方推荐的手脚架搭建环境时一直报错,错误信息如下:    chromedriver@2.24.1 install: `node install.js`    Exit status 1    Failed at the chromedriver@2.24.1 install script 'node install.js'.    Make sur

2016-09-28 22:46:37

利用画布绘制一个函数图像(简易版)

写这个东西其实是因为最近在学习 JS 动画原理。虽然CSS3的普及,让我们在 web 端可以更轻易的做出一些相当不错的动画效果,但是复杂动画依旧需要 JS 去实现。写一个简单的动画,只需要一些 web 编程基础和一点思路,但是写一些稍微复杂的动画,就会需要一些数学知识,为了更好的理解函数图像,我就这么耿直的自己画了。原理很简单,就是在计算出X为各个值的时候,Y的值,然后画到

2016-09-19 16:48:01

IE 下 SELECT 小箭头乱码

最近项目中,出现了一个比较奇葩的问题,就是在 IE 浏览器下,select 标签自带的小箭头乱码了显示成一个乱七八糟的字符。如图:首先问题说明:不是前端的事!不是前端的事!不是前端的事!但是对于领导和客户而言,页面不正常就是前端的事,跑不了。所以,解决它!这个问题原因是操作系统中的字符文件丢失,然后浏览器无法解码了。解决方案:    找字体修复工具,360啥的,自己研究下。

2016-08-22 17:06:09

浏览器定位

刚接触前端,刚知道 HTML5  的时候,我一直以为 浏览器定位的 API 是 HTML5 标准下的东西,直到后来才知道,有些东西并不是 HTML5 定义的玩意。比如说:1、SVG2、浏览器定位3、webSocket....暂时就记得这仨。好了不废话,继续讨论浏览器定位,嗯,其实,浏览器定位是比较废柴的,定位精确度啥的,只能呵呵,不过在移动端精确度相对好很多。想想其实也

2016-04-19 11:23:09

file 选择图片后预览

图片上传预览是比较常见的需求,以前的做法,是在旁边隐藏一个 标签,然后给 file 标签加个事件,当用户选择文件之后,获得文件物理路径(文件绝对路径),然后赋值给 标签的 src 属性。但是现代浏览器中,出于安全考虑,file 标签已经限制 js 获得文件的绝对路径(以及其他的一些访问本地文件的权限)

2016-04-19 11:06:28

移动端适配方案

这是在网上搜索良久,找到的当前比较合适的适配方案。原理是通过动态计算 REM 基值,来动态调整网页尺寸。写这篇博客纯粹是为了自己学习理解移动端适配,现将代码附上:/** * 移动端适配,根据屏幕宽度与屏幕 dpr 动态写入 html 的 font-size ( rem 基准值) * 尽量让这段代码在页面最前面执行 */(function(win) { var opt =

2016-04-19 10:35:22

浏览器 CSS 属性检测

网页特效的基本,就是利用 JS 动态设置 CSS我们开发网页的时候,一般比较有情怀的公司都只要求兼容到  IE9 以上,虽然 IE9 以上已经开始支持 CSS3,但是它并不是完全兼容,有些属性需要加前缀。如果JS动态设置的时候,也和我们平常写 CSS 一样,所有前缀来一遍,先不说效率问题,烦都烦死了。为了解决这个问题,我写了一个用来检测浏览器样式属性的方法,代码如下:/**

2016-04-19 10:26:22

兼容低版本浏览器的对象转字符串

这是最基本的用递归的方式进行对象转字符串,是我能想到的最简单的做法。不过这个做法存在一些不足:1、层次结构深的话,递归执行效率不高。2、深层递归有可能会导致内存溢出。奈何本人数据结构稀烂,递归转非递归算法现在还没整明白,所以暂时先凑合着用,应当继续学习学习。以下是我的代码:/** * 对象转字符串 */function objToString(obj) {

2016-04-19 10:12:47

关闭事件冒泡

//导入按钮关闭冒泡事件$("触发元素").click(function(event) { if (event && event.stopPropagation) { event.stopPropagation(); } else { window.event.cancelBubble = true; } $('#impor

2015-09-18 15:59:15

客户端浏览器缓存Js或者css文件问题

一个页面导入外部JS文件,如果修改了这个JS,浏览器不清除缓存的话可能会一直读取缓存中的JS,这时候要解决问题最好是加载的时候加一个版本号,就是访问JS的时候URL带参数比如说:不带参数的写法带参数的写法每次版本号改变了,浏览器在缓存中找不到匹配的URL,就会从新从服务器下载了开发者知道清缓存,但是用户是不知道的

2015-09-18 13:59:32

z-index无效,无论设置多大都被其他的元素覆盖

z-index问题 .test-div{ border:1pxbluesolid; width:300px; min-height:100px; position:relative; -z-index:0; font-size:18px; font-family:microsoftyahe;

2015-09-18 13:55:23

js实现图片旋转

首先还是抱歉忘了原博主谁,不过好东西一定要分享 // 兼容性的旋转,基本上是利用HTML5的canvas实现的,如果是一个相册的预览, // 则应该在上下一张的点击事件中删除canvas元素,否则只能旋转一张图片 // 这里有个问题需要处理,就是如果图片设置了行内样式的width和height时, // 旋转后不能显示整张照片,还有就是 function

2015-09-18 13:49:19

跨域触发事件(子页面用js触发父页面元素的事件)

一般情况下在一个页面通过js代码触发一个元素绑定的事件的方法:    $('#doc').trigger('事件名,比如click');    或者是:    $('#doc').click();        但是在一个内嵌框架中要调父窗口的点击事件的时候,应该写成:    parent.$('#settingUser',parent.doucment).trigger(

2015-09-18 13:31:47

垂直显示文本,并且文字靠底端

固定标题栏 .position-relative{ position:relative;}.position-absolute{ position:absolute; top:10px; left:50px;}.big-div{ border:1px blue solid; padding:1

2015-09-18 13:26:03

canvas 图片旋转

首先声明的是:这是转载的文章,之前不玩博客,所以就只是复制了下来,忘了原博主谁了,抱歉。不过好东西肯定是要分享的1.    最常见的在canvas上画图的方法是使用Image对象。所支持的来源图片格式依赖于浏览器的支持,然而,一些典型的图片格式(png,jpg,gif等)基本上都没有问题。2.    2在下面的所有例子中,图片源将会使用这张256×256尺寸的图片。

2015-09-18 13:04:20

基础的JavaScript编码规范

/* * 前言 * 这个文档摘自Nicbolas C Zakas(担任过雅虎首席前端工程师) 著作O`REILLY,下面是一些摘要 * 这个文档讲了一些很基本的编写JavaScript 代码的规范,很基础,但是很重要 * 良好的代码格式可以让代码结构和逻辑看起来更清晰,更美观,也更利于维护,尤其是维护问题。除非 * 写完一段代码你以后都不用再看它了(但这基本是不可能的),请一定让自己

2015-09-18 12:56:24
勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!