dixiaotuo3231-CSDN博客

转载 js的封装、继承与多态

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>js的封装、继承与多态</title> </head> <body> <scr...

2019-05-13 11:29:00 138

转载关于vue遮罩层和底部内容滚动的问题

如果想遮罩层内容下的内容不滚动，需要去掉html,body的滚动条，自己设置滚动区域，设置height为100vh，遮罩层fixed定位 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></titl...

2019-04-28 10:09:00 619

转载雪碧图和图片映射

使用雪碧图、字体图标、图片映射都可以提高网站性能制作雪碧图标: 1、选中图标 2、裁剪到合适大小 3、整理的图标一般是垂直分布，或水平分布，对齐，留一定的间隙 4、选中图标查看w h x y（x y 值一般是负值） 5、存在工作文件夹下（psd形式，以便可以添加） 6、存在工作文件下下（png形式，以便使用使用 <!DOCTYPE html> &l...

2019-02-14 14:27:00 131

转载 flex布局

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <title>flex</title> <style> .box { background: blue; display: ...

2019-02-14 13:55:00 88

转载 css设置水平垂直居中的四种方法

如果想要元素左右对其的方法可以使用 float、flex、position 块级元素左右居中 margin 0 auto；内联元素父级元素 text-align center 而垂直水平居中呢？ 1.position html <div class="center">test</div> 元素已知宽...

2019-02-14 13:34:00 103

转载 Markdown 基本编写规范

大家在使用webpack等工具新建项目时，会产生一个 readme.md的介绍文件，那么你如果想改变这个文件的内容应该怎样编写呢下面做简单介绍首先测试环境：MarkDown在线编译工具代码： # 标题#### 四级标题 . . .####### 六级标题#### 分割线* * * #### 倾斜、加粗、删除*斜* **粗** ~~删除~...

2019-01-23 15:40:00 312

转载 express+mysql实现简单的增删改查

1、首先要确保使用node.js全局安装过express 若未安装　　 npm install –g express npm install –g express-generator 确保有一个数据库　　 2、建立express项目 express mall-project（项目名为mall-p...

2018-10-16 11:32:00 374

转载 vue-cli新建项目

首先是本机必须有node 　　下载地址：https://nodejs.org/en/download/ 　　避免踩坑，下稳定版然后，安装，选择目录，最好不要c盘，容易出问题安装后：找到Node.js command prompt运行，输入node -v等待结果，然后输入npm -v等待结果然后在你的电脑中新建一个文件夹，根据项目自己命名使用cd指令进入你新建文...

2018-08-31 16:22:00 86

转载浅谈Vue中的动画

使用transition标签 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title> css动画原理 </title...

2018-08-31 15:42:00 72

转载浅谈Vue基础知识（二）

class样式绑定　　操作元素的 class 列表和内联样式是数据绑定的一个常见需求。因为它们都是属性，所以我们可以用v-bind处理它们：只需要通过表达式计算出字符串结果即可。不过，字符串拼接麻烦且易错。因此，在将v-bind用于class和style时，Vue.js 做了专门的增强。表达式结果的类型除了字符串之外，还可以是对象或数组。 <div cla...

2018-08-31 15:29:00 176

转载浅谈Vue基础知识（一）

　　首先是Vue的官网：https://cn.vuejs.org/ 　　查看官方文档是学习Vue框架的非常必要的环节之一　　Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂...

2018-08-22 16:06:00 108

转载 ES 6（一）

var let 和const：都是用来声明变量的。相比而言let和const都有代码块的概念，只有在代码块内有效，const和c中的define差不多，只要声明不可修改。并且在声明时必须初始化。测试代码： //var var name1="test1out"; if(1){ var name1="test1"; alert(name1);//test1 ...

2017-11-02 21:07:00 94

转载纯css绘制小猫笑脸

看到网上有人用css绘制一些很好玩的东西，这里引用一下： <!DOCTYPE html> <html lang="en" xmlns="http://www.w3.org/1999/xhtml"> <head> <meta charset="utf-8" /> <title>纯CSS3绘制的小猫笑脸动画DEMO&l...

2017-10-27 17:15:00 352

转载 canvas-绘制饼状图

话不多说，直接看代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>饼状图</title> <style type="text/css"> .wrap { text-align: c...

2017-10-27 17:08:00 117

转载浅谈web前端工具

相信大家在刚接触前端时候肯定会面临一个问题，用什么编译器来写代码呢？如果大家去搜索的话肯定能找到很多，个人觉得比较好用的有hbuilder、subliem text。我自己的电脑上就装了这两个编译器。其中hbuilder功能强大，会有很多的代码提示，能够帮助我们方便快捷的写代码，也有很多的快捷功能，例如它能帮我们格式化代码，便有我们查看。当然也有不太好的地方，打开速度慢了些，毕竟功能多一...

2017-10-04 23:52:00 82

dixiaotuo3231的博客