web前端
JINGBIN_CHEN
多学习多进步
展开
-
div css布局中CSS图片大小自动按比例等比例缩小图片不变形解决技巧(转)
本人对前端处理不是很牛,所以转载这文章。原文地址:http://www.divcss5.com/wenji/w632.shtmlDIV CSS布局中对于图片列表或图片排版时,图片不是固定宽度高度大小,但图片占位是固定宽度高度,这个时候如果使用CSS固定死图片大小(宽度 高度),这个时候如果图片相对于这个位置不是等比例大小,那么这张图片就会变形,让图片变的不清晰,这个时候想让图片不变形又按比例缩放,如转载 2017-05-31 00:19:16 · 26807 阅读 · 0 评论 -
前端校验表单方法
表单是经常使用到的,那么对于前端表单的校验那如何实现呢。 我们通常的想法就是我点击了提交表单的按钮之后触发某一个事件去处理校验表单。那那个事件就是onsubmit()。 接下来就前端代码:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <原创 2017-05-31 19:24:55 · 1674 阅读 · 0 评论 -
zTree简单使用
对于一个自认是后端的人去写前端代码,那是多么痛苦的一件事情。今天介绍一种树插件那就是zTree。 官网:http://www.treejs.cn 首先是下载源码: 步骤 1、文件准备 将需要使用的 zTree v3.x 相关的 js、css、img 文件分别放置到相应目录,并且保证相对路径正确 步骤 2、编写 html 页面 按照以下代码,制作 html 页面,访问试试看吧,注意:原创 2017-06-26 19:44:56 · 273 阅读 · 0 评论 -
贪吃蛇(canvas+javaScript)
贪吃蛇是一个比较老的游戏,但是很有趣。那我们要怎么去实现呢? 用h5+javaScript去实现,实现思路: 1画线条也就是画格子。 2定义蛇,然后初始化,画出一条蛇。 3随机生成食物,并画出。 4定义一个移动函数,使蛇运动起来。 5吃到食物蛇身边长。 6判断蛇是否死掉。<!doctype html><html><head><meta http-equiv="content-ty原创 2017-03-21 20:49:13 · 372 阅读 · 0 评论 -
nginx for Windows入门使用及作为图片服务器的用法
项目中使用到nginx(win平台下)作为图片服务器,现记录一下基本配置,备忘。首先下载nginx,我下的是nginx-1.7.2,然后解压,然后使用cmd进入解压目录后,输入nginx,启动nginx。我遇到的问题是80端口被占用了:解决方法也不复杂,就是关闭80端口,方法如下:1.打开命令行,输入netstat -ano,找到本地地址为0.0.0.0:80对应的PID:2.打开任务管理器原创 2017-08-10 14:29:38 · 374 阅读 · 0 评论 -
跨域请求
跨域请求,协议,域名,端口有一个不一样都是跨域请求。 产生跨域请求的原因: 同源策略(Same origin policy)是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,则浏览器的正常功能可能都会受到影响。可以说Web是构建在同源策略基础之上的,浏览器只是针对同源策略的一种实现。 比如http://www.1234.com和https://www.1234.com,同样都原创 2018-04-25 21:07:42 · 188 阅读 · 0 评论 -
npm install 使用过程出现的问题总结
1使用npm install 出现python 路径找不到,需要安装python ,版本最好为2.7. 在window的环境变量中添加上python的包路径。 2. npm install 报node-sass错误 原因:npm install 的时候所下载的node-sass文件夹是空的在C:\Users\admin.AppData\Roaming\npm-cache\node-sas...原创 2018-09-11 10:33:24 · 2934 阅读 · 0 评论