LuckySoong-CSDN博客

原创本机搭建FTP

第一步：配置IIS Web服务器1.1 控制面板中找到“程序”并打开1.2 程序界面找到“启用或关闭Windows功能”并打开1.3 上面两步也可以简化为一步：按【Win + R】快捷键打开运行对话框，输入“optionalfeatures”后，按回车键1.4 从“启用或关闭Windows功能”弹窗中找到Internet Information Services(或者中文版Internet信息服务)并打开1.5 配置IIS并点击确定第二步：配置IIS Web站点

2021-07-21 16:48:16 504

原创 css的各种浏览器兼容写法

这里我们不会去关注太多细节问题，比如哪个css样式需要我们去兼容等，主要从4个方面讨论一下大的解决思路，分别是：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件。CSS初始化前端的小伙伴一定遇到过因为默认样式导致的错乱问题，而且每个浏览器的css默认样式不尽相同，所以最简单有效的方式就是对其进行初始化（覆盖默认样式）。相信很多朋友也都写过这样的代码，在所有CSS开始前，先把marin和padding都设为0。*{ margin: 0; padding:

2021-07-21 11:20:14 1401 2

原创如何画一条0.5px的线

移动技术的出现，将屏幕显示技术带入 Retina 级别，现在绝大部分移动端设备都达到或者超过了 Retina 级别，但是由于移动端的屏幕分辨率和浏览器的分辨率有一些换算关系，导致在浏览器中的 1 个像素会占用屏幕的 2 个或者 2 个以上的像素，这样使得 Mobile Web 的 UI 在精细程度上大打折扣。但是我们还是有技术的手段来解决这个问题。border-width: 0.5px直接通过样式来设置0.5px的边框。当然这个方案是非常理想的方案，但是事实总是残酷的，它只在 iOS 8+ 上支持，

2021-07-21 11:15:39 1327

原创 Less的使用(编译和不编译)

编译，使用less文件引入作为样式的方法。1、koala软件2、引用less.js文件3、node.js方法4、webstorm编译因为作者日常使用node.js比较多，现就第三种方法做详细说明一、下载安装node.js，官网下载本地安装，具体步骤在此不做赘述二、Win+r,cmd，打开dos窗口三、输入npm install -g cnpm --registry=https://registry.npm.taobao.org，回车四、输入cnpm i -g l...

2021-07-21 09:38:04 810

原创 vue的Filter过滤器

简单介绍一下过滤器，顾名思义，过滤就是一个数据经过了这个过滤之后出来另一样东西，可以是从中取得你想要的，或者给那个数据添加点什么装饰，那么过滤器则是过滤的工具。例如，从['abc','abd','ade']数组中取得包含‘ab’的值，那么可通过过滤器筛选出来‘abc’和‘abd’；把‘Hello’变成‘Hello World’，那么可用过滤器给值‘Hello’后面添加上‘ World’；或者把时间节点改为时间戳等等都可以使用过滤器。首先，过滤器可在new Vue实例前注册全局的，也可以在组件上写局部。

2021-07-17 18:00:15 132

原创 js,css，html的页面加载和执行顺序

1.js放在head中会立即执行，会阻塞后续的资源下载与执行。因为js有可能会修改dom，如果不阻塞后续的资源下载，dom的操作顺序不可控。2.js的执行依赖前面的样式。即只有前面的样式全部下载完成后才会执行js，但是此时外链css和外链js是并行下载的。3.js放在body的最后面，可以避免资源阻塞，同时使静态的html页面迅速显示。4.外链的js如果含有defer="true"属性，将会并行加载js，到页面全部加载完成后才会执行，会按顺序执行。5.外链的js如果含有async="true

2021-07-17 11:11:11 1792 1

原创 Vue常见的指令都有哪些

1、v-model 多用于表单元素实现双向数据绑定（同 angular 中的 ng-model）2、v-for 格式：v-for=“字段名 in(of) 数组 json” 循环数组或 json(同 angular 中的 ng-repeat), 需要注意从 vue2 开始取消了$index 3、v-show 显示内容（同 angular 中的 ng-show）4、v-hide 隐藏内容（同 angular 中的 ng-hide）5、v-if 显示与隐藏（dom 元素的删除添加同 angular 中

2021-06-08 17:14:18 286

原创 CSS--百分比都是相对于谁计算

目录CSS–百分比都是相对于谁计算相对于父级元素宽高相对于父级定位元素宽高相对于自身宽高相对于自身字体大小相对于继承字体大小相对于父级元素宽高width, height, margin,padding, text-indent … 等相对于父级定位元素宽高top, left, right, bottom相对于自身宽高border-radius, translate, transform-origin, zoom,background-size相对于自身字体大小line-heigh

2021-06-05 10:23:53 317

原创 css 3d浅析

3d transform的坐标系统我们很熟悉的网页是平面的，一个DOM元素，比如一个``，它会有一个初始坐标系（initial coordinate system）：[外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-eFx96dic-1622190982112)(http://acgtofe.com/assets/used-images/posts/201512/initial_coordinate_system.png)]每一个DOM元素都有一个这样的初始坐标系。其中，原

2021-05-28 16:38:26 194

原创箭头函数解析

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) {return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ … }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ … }和return：x => {if (x > 0) {

2021-05-27 21:33:33 116

原创网页前端的结构如何复用

//1.当前文件中要插入的地方使用此结构：<div class="include" file="***.html"></div>//2.***.html中放入内容，用html格式仅仅因为会有编辑器的书写辅助。。//3.代码：$(".include").each(function() { if (!!$(this).attr("file")) { var $includeObj = $(this); $(this).load($(th...

2021-05-26 21:32:19 221

原创 JavaScript中修改this指向的方法（更换调用对象）

主要有三种方法：call，apply，bind1、callobj.sex.call(obj1,"忠")var obj = {name:'张飞',sex:function(a){console.log(this.name,"无法确定性别！",a)}}obj.sex('飞') // 张飞无法确定性别！飞var obj1 = {name:"黄忠"}obj.sex.call(obj1,"忠") // 黄忠无法确定性别！忠2、applyobj.sex.call(...

2021-05-26 21:28:53 139

原创 css的字体和动画如何引用

css 字体库和动画@font-face { font-family:'WebSymbols'; src: url('../font/WebSymbols-Regular.otf');}.icon{ font-family: "WebSymbols";}/*1. font-face 字体库的引用2. z-index 层级只能配合position使用3. text-shadow/box-shadow 文本/盒子阴影(水平垂直放大颜色)te..

2021-05-26 21:25:57 86

原创 ajax分别使用xml和json获取数据

Ajax从服务器获取的数据都是字符串,但是通过不同的解析,可以解析为XML或JSON来进行应用.一般来说.使用XML格式的数据比较通用,但是服务器和客户端解析起来都比较复杂一些;而使用JSON语句话,服务端需要多做一些工作,但到了客户端,通过使用eval()函数来进行解析,就会获得js对象,使用起来很方便.在使用过程中,究竟使用哪种方法,这个要根据项目的实际需要,建议:在能使用JSON的情况下,尽量使用JSON.具体使用方法参见例子.例子1.XML数据user.xml<?x.

2021-05-26 10:47:20 176

原创 Vue常用指令合集

v-model：双向绑定 {{[name,age]}} {{age > 17 ? '成年' : '未成年'}}* v-model 双向绑定(根据 input 中所输入的 name，age 来影响上述中的 name，和 age 的判断条件) * v-model='name' name 是实例中的变量 let vm = new Vue({ // el:'#app', template:'<h1>hello world {{age}}</h1>',...

2021-05-19 11:06:32 269

原创关于文本水平和垂直居中及行内元素和块级元素的区别

1.行内元素与块级函数可以相互转换，通过修改display属性值来切换块级元素和行内元素，行内元素display：inline，块级元素display：block。2.行内元素和其他行内元素都会在一条水平线上排列，都是在同一行的；块级元素却总是会在新的一行开始排列，各个块级元素独占一行，垂直向下排列，若想使其水平方向排序，可使用左右浮动（float：left/right）让其水平方向排列。3.行内元素不可以设置宽高，宽度高度随文本内容的变化而变化，但是可以设置行高（line-height），同时在设

2021-05-19 11:05:19 178

原创 BootStrap栅格系统的列的使用

bootstrap中的col-md-*一句话概括，就是根据显示屏幕宽度的大小，自动的选用对应的类的样式1、col是column简写：列2、xs是maxsmall简写：超小，sm是small简写：小， md是medium简写：中等，lg是large简写：大；3、-* 表示占列数，即占每行row分12列栅格系统比；4、.col-xs-* 超小屏幕如手机（<768px）时使用； .col-sm-* 小屏幕如平板（768px ≤ 宽度＜992px）时使用；...

2021-05-16 19:37:47 940

原创搞清clientHeight、offsetHeight、scrollHeight、offsetTop、scrollTop

每个HTML元素都具有clientHeight offsetHeight scrollHeight offsetTop scrollTop 这5个和元素高度、滚动、位置相关的属性，单凭单词很难搞清楚分别代表什么意思之间有什么区别。通过阅读它们的文档总结出规律如下：clientHeight和offsetHeight属性和元素的滚动、位置没有关系它代表元素的高度，其中：clientHeight：包括padding但不包括border、水平滚动条、margin的元素的高度。对于inline的元素这个属性一直是

2021-05-08 19:51:56 119

原创 WebAPI和JQuery的心得体会

这里是javascript和jQuery的学习笔记在html页面引入js和jq时，jq需要在js前面；ducoment.onload是页面全部加载完才执行（包括图片和视频），$(document).ready()实在页面基本元素加载完就执行。onload、DOMContentLoaded和$().ready的区别：当onload事件触发的时候，页面上所有的DOM，样式表，脚本，图片，flash都已经加载完成了。当DOMContentLoaded事件触发的时候，仅当DOM加载完成，不包括样式表

2021-05-08 16:50:31 211

原创 js的事件我好难啊

这里是复习又想起了之前的零碎知识点：label标签是将自己和另一个标签元素绑定在一起，例如input输入时可以在前面加一个label标签，当点击label标签的内容时，input输入框也可以有效果。label显示调用点击yes点击nolabel隐式调用：点击yes点击nooutline：取消轮廓线精灵图的数值为什么是负值：移动位置的是精灵图，它是向左和上移动位置的，所以是负值。vertical-align:只用于行内元素display：none是页面中隐藏，并且不再占据之前的位

2021-04-26 21:29:00 122

原创 HTML和CSS学习笔记

这是我的Html和css学习过程中的心得，因为之前就学习过这些内容，所以现在复习起来有些轻松，只需要重点复习自己的遗忘点就好了；html的注释是：css的注释是：/css的注释/行内元素：block,一行内允许出现多个元素，元素的大小不允许自己调节，大小根据内容自己确定；内部只允许且套行内元素,但是文字标签如p则只允许嵌套文字，a、span、em、i块状元素：inline,一行内只允许出现一个元素，可以理解为一个容器，他的里面可以嵌套其他的行内、块状元素都可以，可以自己调节元素的大小行内块元素：i

2021-04-18 21:24:08 112

Y0admin的博客