- 博客(49)
- 收藏
- 关注
原创 fgd-简单的响应式滚动幻灯片插件制作(单击距离滚动)
可以直接复制代码使用 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *,body{ mar...
2019-06-24 23:51:33
259
转载 详解vue-router 中的导航钩子
vue-router 的导航钩子,主要用来作用是拦截导航,让他完成跳转或取消。有三种方式可以植入路由导航过程中:1.全局的2.单个路由独享的3.组件级的1. 全局导航钩子:全局导航钩子主要有两种钩子:前置守卫、后置钩子,注册一个全局前置守卫:const router = new VueRouter({ ... });router.beforeEach((to, from, nex...
2019-06-22 21:28:30
1260
翻译 vue-生命周期和钩子函数
生命周期探究下面代码可以直接复制出去执行 <!DOCTYPE html> <html> <head> <title></title> <script type="text/javascript" src="https://cdn.jsdelivr.net/vue/2.1.3/v...
2019-06-22 21:20:43
295
原创 简单的jquery轮播图封装
HTML:<div class="col-md-6 floatL show-img"> <ul class="show-img-list clearfix"> <li> <a href="" target="_blank"> <img src="img/show1.png"/> ...
2019-06-19 17:03:44
307
原创 git 快速上手
一、创建新仓库git init二、检出仓库git clone /path/to/repository 如果是远端服务器上的仓库,你的命令会是这个样子:git clone username@host:/path/to/repository三、工作流本地仓库由 git 维护的三棵“树”组成。第一个是你的工作目录,它持有实际文件;第二个是 暂存区(Index),它像个缓存区域,临...
2019-06-15 10:06:04
154
原创 git的安装以及使用
本文参考菜鸟教程https://www.runoob.com/git/git-tutorial.html一、Git 安装配置Windows 平台上安装在 Windows 平台上安装 Git 同样轻松,有个叫做 msysGit 的项目提供了安装包,可以到 GitHub 的页面上下载 exe 安装文件并运行:安装包下载地址:https://gitforwindows.org/完成安装之后,就...
2019-06-14 22:14:02
124
原创 使用php采集网页内容
一、file_get_contents()获取网页获取网页http://news.sina.com.cn/c/nd/2016-10-23/doc-ifxwztru6951143.shtml全部内容<?php $url = "http://news.sina.com.cn/c/nd/2016-10-23/doc-ifxwztru6951143.shtml"; $html = f...
2019-06-11 00:00:51
1401
翻译 php中抓取网页内容的实例详解
方法一:使用file_get_contents方法实现$url = "http://news.sina.com.cn/c/nd/2016-10-23/doc-ifxwztru6951143.shtml"; $html = file_get_contents($url); //如果出现中文乱码使用下面代码 //$getcontent = iconv("gb2312", "utf-8...
2019-06-10 23:38:17
237
原创 购物商城项目--部分效果
这里就做一个购买流程的部分效果展示1、手机商城首页2、商品属性购买选择页面,点击加入购物车有小球动!效果![3、提交订单页面效果
2019-06-09 14:14:21
498
原创 个人博客-----项目效果展示
1、主页面2、学习笔记页面3、留言界面4、前端文章页面5、博客阅读页面6、我的相册页面,这是一个动画的相册,并且有背景音乐
2019-06-09 14:07:03
856
原创 css3-贝塞尔曲线-完成小球的曲线运动
完成曲线运动使用贝塞尔曲线,可以去:贝塞尔曲线设置曲线的弧度复制参数过来替换 cubic-bezier(.15,.76,.25,.86);代码如下所示: <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <title&...
2019-06-09 13:16:04
1468
原创 在vuex中axios带多个参数发送post请求到php
首先在vue界面把axios对象传到vuex中:data是一组新数据,this.cartdata是购物车已经存在的数据,this.$ajax是axios对象新数据格式:使用commit转发到vuex中在store.js中引入qs,一般都是安装axios自己就有import Vue from 'vue'import Vuex from 'vuex'import qs from 'q...
2019-06-08 17:42:34
5385
原创 PHP完成MySQL多表连接查询-- JOIN
本文源于菜鸟教程可以在 SELECT, UPDATE 和 DELETE 语句中使用 Mysql 的 JOIN 来联合多表查询。JOIN 按照功能大致分为如下三类:1、INNER JOIN(内连接,或等值连接):获取两个表中字段匹配关系的记录。2、LEFT JOIN(左连接):获取左表所有记录,即使右表没有对应匹配的记录。3、RIGHT JOIN(右连接): 与 LEFT JOIN 相反,...
2019-06-08 10:09:42
6617
1
原创 使用vue-axios带参数发送get请求到php获取数据库数据
1、vue发送axios请求2、php接收请求并获取数据库<?php header("Access-Control-Allow-Origin: *"); header("Content-Type: application/json; charset=UTF-8"); if(isset($_GET["id"])){ $id=$_GET["id"]; $sql="SELECT...
2019-06-07 23:04:20
2953
原创 apache配置多个虚拟主机进行测试
前提是已经安装好php和apache,php只是测试用的后端语言第一步先在本地创建文本根目录:guoda第二步打开apache目录找到: conf–>httpd.conf文件在httpd.conf文件下找到如下行,将原来的注释去掉第三步打开httpd-vhosts.conf,在最后添加以下配置<VirtualHost *:80>ServerAdmin 135...
2019-06-07 18:11:25
263
1
原创 vue-cli中的axios本地get请求json出现404
axios中本地get请求json出现404的原因:需要把json文件放在static文件下
2019-06-07 16:40:08
2195
原创 vue-jquery实现购物车全选和反选
这是一个在vue里使用jquery完成全选和反选的功能template代码: <div class="cart-check-all"><input type=“checkbox” name=“checkAll” id=“checkAll” v-model=“checkedAll” @click=“checkAll()”/> <...
2019-06-03 17:02:18
639
原创 vue--使用监听属性完成子组件传值给父组件
1、子组件template代码 <div class="panel-footer select-addr-list col-xs-6 col-md-3 col-sm-4 fontMin" v-for="(addr,index) in addrs"> <div class="addr-list-box" :class="{ active: index==isAt...
2019-06-02 17:55:39
2433
原创 vue--点击添加class 其他标签删除class
1、css代码.active{ border: solid 1.3px #C82333; background-color:#fff ; }2、html代码<ul> <li class="floatL" :class="{ active: n==isActive}" v-for="n in 5" v-if="item.combo!==undefined" @...
2019-06-02 10:58:20
4633
原创 vue根据路由ID获取数据,设置html数据
1、在右路中跳转设置参数 <router-link :to="{path: 'PhoneParticular', query: { id: phone.id }}"> <img :src="phone.image[0].image1"/> </router-link>`2、引入全部数据,在被跳转到的vue页面,获取路由地址id。 impor...
2019-06-01 22:02:47
4535
原创 使用vue-cli出现的问题总结
1.问题:`(Emitted value instead of an instance of Error) : component lists rendered with v-forshould have explicit keys. See https://vuejs.org/guide/list.html#keyfor more info.`解决方法:在组件内加入自定义属性key...
2019-06-01 17:28:29
208
原创 vue完成图片的单击切换--click事件
思路:根据图片的下标切换图片路径,使用v-for循环出小图片地址,大图片地址根据小图片的地址 切换代码如下:<div class="phoneP-box-left floatL"> <div class="left-bImg"> <img :src="'../../static/phone-img/phone'+itemIndex+'.p...
2019-06-01 11:01:23
16589
原创 VUE框架父组件传值给子组件--props传值
关键点是script的代码以及v-for循环那句话1. 父组件在父组件中引入子组件(components)在父组件中引入数据(data)代码如下所示:<template> <div id="guoda-phone" class="container"> <!--手机类别--> <div class="phone-nav"> ...
2019-06-01 10:05:25
312
原创 在使用querylist采集遇到的问题
1、采集过来的标题以及富文本中含有英文双引号首先要先先才采集过来,然后在采集过来的使用PHP过滤器,将双引号替换成"符号先//采集过来 $text[$i] = $ql->find('.main_conDiv .v_news_content>p:eq(0)')->text();//英文双引号替换成`"`$text[$i]= htmlsp...
2019-05-27 10:13:29
2464
原创 设置div的内容及子标签向右对齐
主要是设置 :text-align: right;display: inline-block;HTML: <div class="sureSubmit"> <a href="javaceript:;" class="aDecoration">提交订单</a> </div>CSS: .submitOrder .sureSubmi...
2019-05-24 18:50:24
16118
转载 史上最全最实用HBuilder快捷键大全
一、文件操作二、编辑操作三、插入操作四、转义操作五、选择操作六、跳转操作七、查找操作八、运行九、视图一、文件操作新建菜单: ctrl + N新建: ctrl + N关闭: ctrl + w全部关闭: ctrl + shift + w保存: ctrl + s全部保存: ctrl + shift + s刷新: F5属性: Alt + Enter二、编辑操作激活代码...
2019-05-22 20:28:08
3613
2
翻译 一个简单的 jQuery 图片裁剪插件----cropper
浏览器支持Chrome (latest 2)Firefox (latest 2)Internet Explorer 8+Opera (latest 2)Safari (latest 2)Cropper一个简单的 jQuery 图片裁剪插件。Demo不依赖 jQuery 的 Cropper 版本功能特性,支持选项,支持方法,支持事件,支持触屏 (移动端),支持缩放,支持旋转,支持翻...
2019-05-21 23:33:32
886
原创 jquery垂直时间轴--插件
链接:https://pan.baidu.com/s/1XnEOxOe6ElGMlROz6k51-A提取码:9fmcjquery时间轴-这是一个简单的响应时间轴交替的颜色标签。一个图标字体用于在时间轴上的图标的航点和媒体查询一些例子说明如何调整的时间表较小的屏幕。时间轴的主要结构是一个无序列表。使用步骤HTML<ul class="cbp_tmtimeline"> &...
2019-05-21 23:08:22
1104
原创 jQuery图片延迟加载插件jQuery.lazyload
链接:https://pan.baidu.com/s/1bkumJ5BaXoykZS8vRRjmSg提取码:ld0o在使用懒加载技术之前,先去百度网盘下载该插件使用方法引用jquery和jquery.lazyload.js到你的页面<script src="jquery-1.11.0.min.js"></script><script src="jquery...
2019-05-21 22:53:49
122
原创 vue使用router-link跳转vue页面
要完成页面的跳转,需要在这几个文件下操作:1、主页面(Home.vue) 2、被跳转的页面 3、router下的index.js(page_share.vue)1、主页面(Home.vue) <li><router-link to='/PageShare'>前端</router-link></li>2、被跳转的页面(page_share...
2019-05-18 23:26:04
1581
转载 通过vue监听事件实现一个简单的购物车
一、html页面<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script><div id="app"> <table> <tr> <th>序号</th> <th>商品名称&l...
2019-05-17 15:25:31
764
原创 VUE运行命令行报错:Expected indentation of 2 spaces but found 4
原因:tab按键不可以使用,出现空格问题方法:想换回4个空格,才知道是项目初始时,默认安装ESLint(ESLint是一个语法规则和代码风格的检查工具,可以用来保证写出语法正确、风格统一的代码)的原因,关闭ESLint方法:在vue项目中找到build文件夹 --> webpack.base.conf.js --> module重新运行项目 npm run dev...
2019-05-17 10:20:31
2928
1
原创 vue组件头部封装
一、先建一个header.vue文件,这是一个头部组件,将这个组件在index.vue中使用<meta charset="UTF-8"/><template> <div id="header"> <div> 这是网页的头部 </div> </div></template><scrip...
2019-05-16 23:12:01
1674
1
转载 vue项目--vue-cli项目打包上线
在命令行中用npm run build 进行打包打包完成之后项目目录中会多一个dist的目录,这个就是打包之后的代码,可以直接拿去部署就可以。打包之前,需要注意,需要把绝对路径改为相对路径,更改方式如下:打开config/index.js 会看到一个build属性,这里就我们打包的基本配置了。你在这里可以修改打包的目录,打包的文件名。最重要的是一定要把绝对目录改为相对目录。...
2019-05-16 18:04:20
519
原创 VUE项目--vue-cli环境配置
一、安装好node.js关于旧版本:Vue CLI 的包名称由 vue-cli 改成了 @vue/cli。 如果你已经全局安装了旧版本的 vue-cli (1.x 或 2.x),你需要先通过 npm uninstall vue-cli -g 或 yarn global remove vue-cli 卸载它。Node 版本要求:Vue CLI 需要 Node.js 8.9 或更高版本 (推荐...
2019-05-16 17:38:56
162
原创 ES6的导入与导出功能------export,import ,export default
一、定义import用于在一个模块中加载另一个含有export接口的模块。也就是说使用export命令定义了模块的对外接口以后,其他JS文件就可以通过import命令加载这个模块(文件)二、区别这样来说其实很多时候export与export default可以实现同样的目的,只是用法有些区别。通过export方式导出,在导入时要加{ },export default则不需要。使用expor...
2019-05-16 09:53:27
487
原创 ES6的基础总结
一、箭头函数的使用一、rest进行 数组以及集合的转换二、symbol函数s2==s3结果为false三、set数据结构的用法四、Map数据结构
2019-05-14 10:41:03
114
转载 php获取网页内容方法
1.file_get_contents<?php $url = "http://www.jb51.net"; $contents = file_get_contents($url); //如果出现中文乱码使用下面代码 //$getcontent = iconv("gb2312", "utf-8",$contents); echo $contents; ?>...
2019-05-13 09:49:23
107
原创 vue框架--组件以及路由的使用
一、组件可以扩展 HTML 元素,封装可重用的代码。Vue.component(tagName, options)<tagName></tagName>1、全局组件的使用 HTML:<div id="app"> <runoob></runoob></div> JS:Vue.component('ru...
2019-05-09 14:48:03
341
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人