qq_36276469的博客

原创 vue生命周期详解

beforeCreate第一个生命周期函数，表示实例完全被创建出来之前，会执行它注意： 在 beforeCreate 生命周期函数执行的时候，data 和 methods 中的 属性与方法定义都还没有没初始化created第二个生命周期函数，在 created 中，data 和 methods 都已经被初始化好了！ 如果要调用 methods 中的方法，或者操作 data 中的数据，最早，...

原创 城市json数据

{ "citys": [ { "citysName": "石家庄市" }, { "citysName": "邯郸市" }, ...

原创 vue疑难杂症

1.vue实现一个移动端屏蔽滑动的遮罩层元素代码 <div class="overlayer" @touchmove.prevent > </div>遮罩层/*遮罩层*/.overlayer{ position:fixed; left:0; top:0; width:100%; height:100%; z...

原创 vue-awesome-swiper 插件安装与使用

一 首先讲下安装：通过npm安装: npm install vue-awesome-swiper --save二 在vue项目中找到main.js添加：import ‘swiper/dist/css/swiper.css’ //这里注意具体看使用的版本是否需要引入样式，以及具体位置。//（如果使用的是2.6.0以上的版本需要自己手动去加载css）import VueAwesomeSwip...

原创 React实现简单购物车

&amp;lt;!DOCTYPE html&amp;gt;&amp;lt;html&amp;gt; &amp;lt;head&amp;gt; &amp;lt;meta charset=&quot;UTF-8&quot;&amp;gt; &amp;lt;title&amp;gt;&amp;lt;/title&amp;gt; &amp;lt;script src=&qu

原创 原声js模拟商城购物车

css*{ margin:0;padding:0;}.fl{ float: left;}.fr{ float: right;}.clearfix{ clear: both; zoom: 1;}.shopping{ width: 1200px; margin: 0 auto; font-size: 14px;}.shopping .header{ width:...

原创 localStorage 实现登入页密码用户名密码存储 文本输出默认存储

&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &

原创 node path模块

basename方法 该方法用于获取一个路径中的文件名var path=require('path');var filename=path.basename('../text/sgr/index.html');console.log(filename);//加上后缀名称var filename_=path.basename('../text/sgr/index.html','.html')...

原创 node url模块

let http=require('http');let url=require('url');let server=http.createServer(function(requst,respones){ if(requst.url=="/favicon.ico"){ return; } respones.writeHead(200,{"Content-type":"text/h...

原创 node fs模块

unlink unlinkSync文件的同步和异步删除var http=require('http');var fs=require('fs');//resquest 表示发起的请求,response表示请求后需要做的事情var server=http.createServer(function(request,response){ if(request.url==&quot;/favicon.i...

原创 node 检测某文件目录下的文件信息为文件夹（异步转换为同步）

let http=require('http');let fs=require('fs');let server=http.createServer(function(request,reponse){ reponse.writeHead(200,{"Content-type":"text/html;charset=utf-8"}); //不处理收藏夹小图标 if(request.ur...

原创 canvas实现时钟

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id="can" width=&

原创 Canvas实现百分比进度条

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id="can" width=&

原创 Canvas实现一个带干扰线条的随机数验证码

&lt;!DOCTYPE html&gt;&lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;&lt;/title&gt; &lt;/head&gt; &lt;body&gt; &lt;canvas id="can" width=&

原创 Node.js简介

Node.js是一个让JavaScript运行在服务器端的开发平台，它让JavaScript的触角伸到了服务器端，可以与PHP、JSP、Python、Ruby平起平坐。但Node似乎有点不同：● Node.js不是一种独立的语言，与PHP、JSP、Python、Perl、Ruby的“既是语言，也是平台”不同，Node.js的使用JavaScript进行编程，运行在JavaScript引擎上（V...

原创 每一个不曾起舞的日子，都是对生命的辜负

尼采说过：“每一个不曾起舞的日子，都是对生命的辜负”我们每天都在给自己设立不同的目标，曾信誓旦旦的在心里给自己说了不知道多少遍的努力，可每次的结果从未改变。我们总喜欢把希望托付给某个东西，那个东西叫做明天，总想着从明天开始要好好努力，要好好规范自己。设置了个闹钟，我明天早上一定要早起去晨跑，去复习。早上闹钟响起的下一秒坚决的摁掉，继续睡，似乎总可以为自己找的一个很好的理由去说服自己，...

原创 输出子目录下标的索引

&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width, initial-scale=1.0" /&gt; &

原创 循环输出多级栏目数据

这是数据表中的数据Parent_Id为0的表示是第一级$sql="select * from menu";mysqli_query($sql_con,'set names utf-8');$query=mysqli_query($sql_con,$sql);$num_row=mysqli_num_rows($query);$arr=[];for($i=0;$i&lt;$num_ro...

原创 原声ajax异步请求数据

原创 php上传文件

准备工作我在这里一开始创建了个imges文件用于存放文件，一直用的html代码&lt;!DOCTYPE html&gt;&lt;html lang="zh"&gt;&lt;head&gt; &lt;meta charset="UTF-8" /&gt; &lt;meta name="viewport" content="width=device-width

原创 php 连接数据库 简单增删改查

首先创建公共common.php文件用于连接数据库&amp;lt;?phpheader('Content-type:text/html;charset=utf-8');$location='localhost';//服务器地址$user_name='root';//数据库账户名$password='root';//账户密码$database='shopping';//数据库名称$mysql...