adx5800963-CSDN博客

转载 vue+webpack+VS Code入门简单的项目配置

为了方便，这边的编译器选择的是VS Code (Visual Studio Code); 打开VS Code，选择好自己的工作空间，然后新建一个文件夹作为我们项目的文件夹，然后，show time；　　Ctrl + ` 打开命令行，进行操作一、初始化　　a、进入自己刚才新建的项目文件夹　　b、初始化我们的项目，npm init；初始化成一个npm的项目；回车之后...

2018-04-04 10:31:00 341

转载 webpack入门之最简单的例子 webpack4

webpack在目前来说应该是前端用的比较多的打包工具了，那么对于之前没有接触过这块的该怎么办呢？答案很明显嘛，看资料，查文档，自己去琢磨，自己去敲一敲，跑一跑；那么，这边我将以一个最基础的例子来将这个流程跑一边，包括过程中会遇到哪些问题，怎么解决的，也会一一奉上；第一步：我们需要安装npm，这个只要你有NodeJS运行环境的肯定会有的；这边这个块也就不作叙述第二步： ...

2018-04-02 16:54:00 161

转载利用nodejs读取数据库数据生成树结构的json数据

在做后台管理界面的时候，几乎少不了的一个结构就是树形结构，用来做菜单导航；那么，最希望的就是树结构的所有数据都是读取的数据库，而不是直接代码当中写死，那我们就一步一步来看：一，建表字段通常包括：id，text，url，pid id text url pid 1 a 0 2 b test.html 1 二，使...

2018-01-23 16:41:00 1272

转载 substring()和substr()的使用以及区别

在JavaScript中，通常会用到截取，那所谓截取呢，其实就是要获得被截取元素的某个位置到某个位置的内容，那么JS给我提供了substring和substr这两种方法：这两种截取的方式有什么区别呢？直接代码演示： substring（a,b）： a：表示起始位置 b：表示结束位置！但是值得注意的是：截取时，截取内容当中包含了开始位置的元素，但是不包含结束位置的元素！示...

2017-12-28 10:21:00 215

转载 JS动态获取项目名以及获取URL地址中的参数

在项目当中我们可能会遇到例如改变的项目名称之后，相对应的地址就需要改变，为了减少工作量，将地址当中的项目名这一块写成动态获取的，那么最关键一点就是我要先获取它，再进行操作；知识点整理，话不多说，直接贴代码：获取项目名： function URLPath(msg){ var pathName = window.document.location.pathname; ...

2017-12-26 15:06:00 166

转载关于移动端元素定位在页面可视区外，超出部分隐藏的问题

在做PC端页面和移动端页面的时候，出现这样一个问题：给body设置宽、高100%时，将元素使用绝对定位，使其定位在页面之外，根据不同的情况，再以动画的形式跑到页面当中来，给body设置overflow：hidden，在PC端页面时可以实现元素在页面之外，且不会出现滚动条，但是在移动端页面时，是无效的，通过滑动屏幕，还是可以将定位在页面之外的元素显示出来，实现不了超出隐藏的效果；针...

2017-10-27 15:01:00 1418

转载 input type=file 选择图片并且实现预览效果

通过<input />标签，给它指定type类型为file，可提供文件上传； accept：可选择上传类型，如：只要传图片，且不限制图片格式，为image/*； multiple：规定是否可以选择多个文件；规定只可上传图片，且可以选择多个文件 <input type="file" accept="image/*" multiple="multiple"/...

2017-10-25 17:33:00 976

转载关于HTML5手机端页面缩放的问题

通常在写HTML5手机端页面的时候，我们会发现页面所显示元素的比例不正确，那此时我们需要添加的就是： <metaname="viewport"content="width=device-width,initial-scale=1"> 或者是 <metaname="viewport"content="width=device-width,initial-...

2017-10-20 14:45:00 1079

转载 css：focus伪类的使用

css中：focus伪类的使用，即给已获取焦点的元素设置样式示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>:focus</title> <style> ...

2017-10-19 18:03:00 759

转载 css：hover伪类的使用

：hover的使用，即当鼠标指针移入元素时，所做出的样式设置示例一 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>demo01</title> <style> ...

2017-10-19 15:03:00 291

转载 css3动画之圆形运动轨迹

css3中通过@keyframes定义动画，animation设置动画属性，从而实现动画效果；在animation属性当中，可以规定动画的名称、整个动画的运行时间、运动的速度曲线以及其延迟时间、播放次数等。 animation animation作为一个复合属性，包括了以下动画属性。 animation-name ----------------------------...

2017-10-19 11:56:00 1749

adx5800963的博客