a_little xixi-CSDN博客

原创 flex布局两端对齐，最后一行左对齐

原先效果 <div class="flex-container"> <div class="item">仓库失火烧毁大量老坛酸菜牛肉面1</div> <div class="item">仓库失火烧毁大量老坛酸菜牛肉面2</div> <div class="item">仓库失火烧毁大量老坛酸菜牛肉面3</div> <div class="item">仓库失火烧毁大量老坛酸菜牛肉面4</div

2022-03-18 14:58:55 1143

最近工作上遇到个文字超出几行… 展开的效果，一时不知道怎么做。后来有同事发现了heyUI有这样的组件，立马去他源码学习了一波。可参考源版HeyUI，本人只是借鉴hey UI官网最终效果如下展开后如下图组件 <template> <div class="text-ellipsis"> <span :content="text"> <span class="text-ellipsis-limit-text" :key="keyIndex

2021-12-18 19:29:47 280

原创本地建立mysql数据库初级过程

mysql下载下载连接：https://dev.mysql.com/downloads/mysql/ 我下载的是图片上的8.0.20版本刚下载下来的时候没有data文件夹和my.ini文件新建配置文件 my.ini文件内容如下，mysql解压的目录需根据自己的目录更改 [mysqld] skip-grant-tables #设置3306端 port = 3306 # 设置mysql的安装目录 basedir=D:\mysql\mysql-8.0.20-winx64 # 设置mysql数据库的数

2020-06-20 17:38:45 1669 1

原创在vue-cli中使用swiper

1、安装swiper cnpm install swiper --save-dev 2、根据api使用相应的swiper特效注意，一般都是安装的最新版的，可以在package.json中看下，再查看相应的api操作，我下载下来的是"swiper": "^4.4.6" 我是哪个需要组件需要swiper，就在哪个组件单独引入的。尝试了整体在main.js或者App.vue中全局引入，但是没有成功，...

2019-01-18 16:32:13 3042

原创 vue-cli中使用less，局部使用以及全局一次性引用

第一步安装此处我使用的是cnpm安装，并记录到devDependencies中，因为这是我们在开发中使用的而非在生产中使用，所以就不将之记录在 dependencies 中。 cnpm install less less-loader --save-dev 第二步在单文件组件引用在style标签中加入lang='less’就可以。 &amp;lt;template&amp;gt; &amp;lt;div...

2019-01-12 17:23:21 2705

原创微信小程序指令和vue指令的一些区别

最近自己看了些小程序的demo，自己总结了点内容。 1、动态绑定class的 vue利用v-bind绑定或者简写成 &amp;amp;amp;lt;div :class=&amp;amp;quot;[classA, { classB: isB, classC: isC }]&amp;amp;quot;&amp;amp;amp;gt; 微信小程序，利用三目运算符来判断是否含有这个class &amp;amp;amp;lt;vie

2019-01-04 18:33:03 1528

原创微信小程序自定义tabbar

自己看了微信小程序，因为需要用到字体图标，所以需要自定义一个tabbar，自己学的来源于，网络上的一个热心博主的分享，这个是他原博客的连接我是先创建了一个文件夹，相当于存放了tabbar组件，里面新建一系列的文件。先简单讲下tabbar各个文件的内容。 tabbar.json内容 { "component": true, "usingComponents": {} } wxml...

2019-01-04 16:58:08 10518 3

原创基于vue的自动搜索框

代码比较简单，就复制上了，没有设置css。样子很原生！哈哈哈， &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt

2018-12-14 21:07:44 4097

原创关于子元素设置margin-top 父级元素掉下来的bug的解决方法

最好的方式就是避免给子元素设置margin-top，可以给子元素设置padding或者给父元素设置padding。 &lt;!DOCTYPE html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &

2018-11-28 14:55:49 906

原创 ES6中Babel 转码器的安装配置

Babel 转码器是ES6中广泛使用的转码器，它可以将ES6的代码转换成ES5（JS）的代码。所以我们可以使用ES5的编写方式。下面介绍下安装配置的流程。先准备一个文件夹，此处命名为project 1、打开cmd，在我们创建的文件夹的路径下，输入命令npm init,这个就是帮助规整咱们安装的包的。 2、Babel 的配置文件是**.babelrc**，存放在项目的根目录下。该文件用来设置转...

2018-11-13 15:44:32 357 1

原创 nodeJS中express框架和mysql简单的连接demo

本次文章的案例，是基于nodejs和MySQL写的，所以需要电脑中已经提前安装了这两个包。 demo主要实现效果，将数据库里的内容显示在页面上，并且可以往里面添加内容。文章附有源码，可以直接查看。源代码先创建一个文件夹，我命名为project，找到你所在的文件夹的目录，并且复制下来。打开cmd 以上是准备工作，现在开始哈嘻嘻嘻在你创建的project下安装express并且初始化创...

2018-11-08 19:48:09 1909 1

原创对css中优雅降级和渐进增强的理解

对css中优雅降级和渐进增强的理解优雅降级渐进增强这是我第一次写博客，主要写自己的一些理解以及遇到的一些问题总结。优雅降级和渐进增强是随着css3流出来的一个概念，原因是低级浏览器不支持新增属性，但是又觉得css3的属性很好，所以就有两种概念的兼容写法。都是关注在不同浏览器的不同体验，关键的区别是他们侧重的内容以及写法顺序上的差异。 “优雅降级”观点认为，就应该先针对最高级、最完善的浏览器来设...

2018-11-06 20:04:39 374

sunqian