i-lena-CSDN博客

原创使用jquery+ajax实现图片的上传与预览

效果预览：布局思路：（1）外层一个div，用来放上传图片的背景图和展示图（2）内层两个input,一个text类型加属性hidden,用来将上传图片后得到的路径进行赋值给value来提交。一个file类型用来实现文件上传。HTML：<div style="width:130px;height:70px;background:url(../images/1.png) ...

2019-05-07 14:37:36 3042

翻译记录

填写须知：如您在以下领域/技能中有相关经验，请根据掌握程度在该领域/技能前的填写以下字母： A代表精通，B代表熟练，C代表入门，谢谢。对于业务来讲，精通应该是作为项目主要参与人参与类似领域多个项目，可独立或主要参与相应项目的落地和推进；熟练是参与过类似项目，有相应的经验，可作为项目成员投入业务开发；入门是了解概念和业务吧，做事要靠别人帮带，或大量查询网络资料；　　对于技能而言

2017-12-25 16:34:42 296

原创 vue说明文档

## 快速开始 ``` bash# 安装依赖npm install # 开启本地开发服务器，监控项目文件的变化，实时构建并自动刷新浏览器 localhost:8080npm run dev # 使用生产环境配置构建项目，构建好的文件会输出到 "dist" 目录npm run build # 使用生产环境配置构建项目查看打包代码分析报告npm ru

2017-11-20 11:49:51 605

转载 CSS3-background-size

理解CSS3中的background－size(对响应性图片等比例缩放)转载 2016年11月21日 14:38:24标签：前端css/ 5018 发表评论HTML/XMLobjective-c Delphi RubyPHP C# C++ JavaScript Vi

2017-11-14 10:15:14 506

原创 20171102--NPM的介绍和使用

NPM的介绍和使用1. 介绍NPM是随同NodeJS一起安装的包管理工具，能解决NodeJS代码部署上的很多问题。主要功能是管理node包，将开发者从繁重的包管理工作（版本、依赖等）中解放出来，更加专注于功能的开发。包括：安装，卸载、更新、查看、搜索、发布等。2. 使用常见的使用场景有：（1）允许用户从NPM服务器下载别人编写的第三方包到本地使用。

2017-11-03 08:57:40 373

转载 20171102vue.js2.0:搭建开发环境及构建项目

vue.js2.0:搭建开发环境及构建项目1. 安装node.js（1）在官网Node.js官网：https://nodejs.org/en/选择下载并安装Node.js。安装过程只需要点击“下一步”即可。（2）验证Node.js是否安装好，在windows下，win+r召唤出运行窗口，输入cmd打开命令行窗口。输入node -v即可得到对应的Node.js版本。（3）npm

2017-11-02 14:49:43 341

原创 20171101

20171101 安装vscode ——安装node (电脑上已有，查资料具体安装)Node自带npm(NPM是随同NodeJS一起安装的包管理工具)。 Vscode的设置：在插件中查找需要的插件，进行安装，安装好之后并没有立即改变，例如主题设置，在“文件”---“首选项”-----“颜色主题”中选择喜欢的主题。在“文件”----“首选项”----“文件图标主题”进行图标

2017-11-02 09:04:44 201

原创 HTML中的几种定位方式

1.static（默认）Position：static；默认值。也就是按照文档的流式（flow）定位，将元素放到一个合适的地方。所以在不同的分辨率下，采用流式定位能很好的自适应，取得相对较好的布局效果。Static定位不能通过z-index进行层次分级。2.relative（相对定位）Position：relative；在static基础上，让元素在它本来的位置上有一定的偏移。通过

2017-09-02 16:19:26 3579

转载 CSS 盒子模型

随着CSS3的兴起,现在的盒模型的计算基准有两种,分别为content-box和border-box.即box-sizing:content-box|border-box|inherit取值说明：1.content-box是默认值，其让元素维持W3C标准盒模型，即Width/height(盒子的宽度/高度)=border+padding+content width/height（内

2017-09-02 15:06:18 242

原创 HTML标签语义化

“语义化”的理解：“语义化”指的是机器在很少的人为的干预下可以收集和研究信息，从而使网页能够被机器所理解。HTML 标签语义化就是给某块内容加上一个最恰当、最合适的标签，无论阅读者是谁都可以看懂这块内容是什么。结构化：如果把网页比作房子，HTML结构就是一面面的墙，而标签是一块块的砖，只有砖码的整齐，墙才会牢固。同样，只有标签合理，HTML结构才更友好。CSS则是装饰材料。好的

2017-09-01 10:40:42 287

翻译 08使用CSS设计圆角图片

使用CSS设计圆角图片：通过CSS新的属性border-radius来实现图片的圆角化。设计步骤：（1）构建网页结构。网页结构非常简单，仅仅是在网页中添加了4张图片。（2）定义网页的基本属性。在以上代码中设置了网页四周的补白为20px，用padding设置了网页的内边距为20px，居中显示。（3）运用border-radius属性设置圆角图片。

2016-09-02 10:29:14 717

原创 07使用CSS设置阴影图片

使用CSS设置阴影图片有时候为了使网页美观，需要给图片加上阴影，让图片有一种特殊的效果。设计步骤：（1）构建网页基本结构。页面的结构很简单，只要两个标签，在每个标签中都包含了一个标签和一个标签，分别定义了一左一右的两幅图片。（2）定义图片的阴影，其实给图片加阴影的原理很简单，就是运用两个块的相对位置偏移来实现，阴影的宽度和颜色深浅的值可由用户决定，也就是CSS中的相对定位属

2016-09-02 10:26:29 1245

翻译 06使用CSS设置图片样式

使用CSS设置图片样式：1.定义图片边框在HTML语法里，可以直接通过标记的border属性为图片添加边框，语法如下所示。仅仅使用HTML控制图片边框是无法设计出丰富多彩的图片效果的，还需要使用CSS中的border-style 、border-color、border-width三个属性来定义边框，其语法如下。border-style：参数；border-color：参数

2016-09-02 10:24:42 10276

原创 05使用CSS设置字体和文本样式

使用CSS设置字体和文本样式：1.定义字体类型font-family用法：font-family:name;font-family:ncursive|fantasy|monospace|serif|sans-serifname表示字体名称，可指定多种字体，用空格隔开。按优先顺序排列。如果字体名称包含空格，则应该使用括号（）括起来。 font是一个复合属性，所谓复合属性是

2016-09-02 10:21:27 1225

原创一、选择符的使用：

一、选择符的使用：同一个元素可以使用多个类选择符，类名与类名之间用空格分隔 class="class1 class2"。可以看到：一个元素可以应用多个类选择符。当使用两个颜色选择符时，无论在元素中应用时先写了哪个类，结果都是一样的。可以试着调整一下样式的顺序，在css中，将red写在blue的后面，如下图。可以看到在元素中无论哪个写在后是一样的。即后面的样式会覆盖前面的，是

2016-08-16 20:50:54 553

lnn311的专栏