一念花开丶君临天下-CSDN博客

原创弹性布局介绍

一.弹性布局 (重点****************)首先，给大家上个例子对着下面的属性介绍方便理解<html><head><style>.fu{ width:100%; height:100px; display:flex; //设置弹性 flex-direction:row; //设置横向 flex-wrap:wrap;//空间不够，就换...

2019-09-12 11:41:32 1374

原创搭建vue-cli脚手架

脚手架什么是: 已经具备核心功能的半成品项目为什么: 标准化项目的开发，便于分工协作。何时: 今后只要使用Vue框架做开发，都要先创建Vue框架的脚手架项目代码。如何: 2步:1. 先安装一个能创建脚手架项目的命令行工具: （cmd命令窗口）npm i -g @vue/cli2. 用vue命令，创建一个项目的脚手架代码文件夹vue create 项目文件夹名第一步: Your c...

2019-09-12 11:28:54 569

原创提问的智慧

提问的智慧今天偶尔看到一篇文章虽然没有教我写代码但是我依然觉得很有用在此记录一下（虽然没有一个字一个字读一遍但是也花了一个小时十分钟左右草率看完）http://blog.jobbole.com/102810/ 这是作者的文章https://github.com/ryanhanwu/How-To-Ask-Questions-The-Smart-Way/blob/maste...

2019-02-19 10:15:39 167

原创文字横向流动展示

html布局就是需要两个一样的ul uls.innerHTML+=uls.innerHTML;//复制元素本身追加到后面css设置元素基本宽度position: absolute;//定位设置一个定时器setInterval(function(){ }, 10);overflow: hidden;//元素超出部分自动隐藏定时器中操作left一直减小，判断到宽度的一半时让容...

2019-02-19 10:08:56 738

原创纯css动画实现跑马灯效果

该动画主要以@keyframes 延迟动画实现大致就是在动画加载到百分之多少时“动作”进行到什么程度比如人去伸手扶墙这个“动作”当你百分之0时不做动作，百分之百时手扶到墙，动作完成中间那些包括你伸手，手臂打弯等等，在“时间”进行到多少，动作相应的完成到多少 @keyframes myfirst { 0% {left:0px;} 10% {left:-200px;}...

2018-12-18 17:13:42 12515

原创 Less预编译入门教程

一直以为less很难了解了才发现和json一样是一种数据结构使用less的第一步安装环境1.Hbuider直接安装（只针对HBuider使用）下载node.js node.js中文网点下载http://nodejs.cn/配置node.js打开cmd命令输入node-v 报版本号说明node安装完成输入npm install -g less 插件库中访问less进...

2018-12-10 15:11:43 772

原创冒个泡算法排序

双层for循环对比数组中两个数的大小并替换位置<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>无标题文档</title><s

2018-11-07 09:21:18 110

原创 js之电影评分

要点1.鼠标移入移出事件2.循环中（imgs[i].index=i;）给img加索引值，通过索引判断获取焦点的的是第几个3.js中更改img的src路径（imgs[i].src=“love_red.png”;）4.复制代码勿忘修改图片路径，包括js中移入移出时替换html&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&

2018-10-17 14:44:10 706

原创实现常见简单无缝滚动

无缝滚动HTML代码&lt;!DOCTYPE HTML&gt;&lt;html&gt;&lt;head&gt;&lt;meta http-equiv="Content-Type" content="text/html; charset=utf-8"&gt;&lt;titl

2018-10-16 17:34:08 1263

原创 html之select三级联动

三级联动三级联动的核心是onchange监听文本变化首先我们需要三个下拉框和一个提交按钮&amp;amp;lt;!DOCTYPE HTML&amp;amp;gt;&amp;amp;lt;html&amp;amp;gt;&amp;amp;lt;head&amp;amp;gt;&amp;amp;lt;meta http-equiv=&amp;quot;Con

2018-10-16 15:17:33 8605 1

一念花开丶君临天下