Bibifeng-CSDN博客

原创 CSS简单实现一个箭头

如题，用简单几行css代码实现一个箭头。其实有很多不同的方法可以实现，比如旋转一个有背景颜色的div，再把多余的部门覆盖掉等等。在这里记录一下不同思路。 Css代码：div{ width: 50px; height: 0px; border-top: 5px solid; border-right: 15px solid; border-bot...

2018-11-19 09:54:46 2882

原创 Vue.js路由功能以及动态路由下的url传值和get传值

本文记录Vue.js如何使用路由功能（包括设置默认路由、路由跳转）以及使用动态路由（url传值）和get传值。Vue.js下使用路由功能要使用路由功能必须先在项目中安装官方提供的vue-router库，cmd进入项目文件夹，安装命令如下：npm run vue-router --save //--save表示写入依赖文件回车进行安装：第一步：vu...

2018-10-14 20:15:08 6584

原创 Vue.js之组件化应用构建+vue数据请求

本文记录vue组件系统下的创建与使用，包含组件之间如何传值；vue的数据请求。参考来源于IT营的大地老师关于Vue教程，需要的可留言邮箱，我会直接发百度云链接，无偿。关于组件，借用官方的介绍，很清楚了，下图：组件的注册与使用：定义组件引入组件挂载组件使用组件举个例子，定义一个主页组件Home.vue，然后在根组件App.vue中使用这一组件。首先是定义组件...

2018-09-15 17:10:29 1760

原创 Vue.js之todoList案例详解

本文详细介绍利用Vue.js实现todoList功能以及模块化方法的封装。todoList结合了vue的v-for、v-bing、v-on、v-if等等的指令，方便新手玩家入门vue的小练习。参考来源于IT营的大地老师关于Vue教程，需要的可留言邮箱，我会直接发百度云链接，无偿。todoList功能介绍：如图，文本框输入计划事件，回车之后，事件会出现在“未完成”区域中，文...

2018-09-10 23:04:16 2088

原创 Vue.js环境搭建

本文描述如何搭建Vue.js开发环境以及项目的创建。参考来源于IT营的大地老师关于Vue教程，需要的可留言邮箱，我会直接发百度云链接，无偿。搭建Vue的开发环境关于使用vue有好几种方式，官网上写的很清楚，其中最常用的是直接引用<script>标签或者通过Vue.js的脚手架工具构建。第一种不再赘述，参考官网截图：下面重点介绍一下第二种方法，通过Vue.js的脚手...

2018-09-08 17:47:12 706

最近写安卓项目时，需要写到网络请求的功能，在利用api接口请求数据时，偶然发现AndroidStudio中模拟器没有网络连接，这就有点不开心了，明明电脑是有网络连接的，按道理来说模拟器应该也是可以联网的。后来上网查了一下，说是模拟器默认的DNS和电脑上的DNS不一样，表明不在同一个网段，用命令行检查了两者的DNS，发现还真的不一样。如何查看电脑DNS？直接打开cmd，输入命令ipconfig/...

2018-07-31 18:02:45 42735 9

原创关于php数组和字符串互相转化的两个方法

在php中，数组和字符串是可以相互转换的。实现方法如下：数组转字符串：//数组转字符串$arr = { lion, monkey, cat, dog };$str1 = implode("",$arr);$str2 = implode(" ",$arr);$str3 = implode("-",$arr);//输出echo $str1; // 输出结果：lion...

2018-07-26 18:10:59 1019

原创关于layui的表单控件（如下拉框、单选框）无法渲染的问题

最近写项目用到了layui框架，在写layui表单的时候发现下拉框没有渲染出来，如下两图对比：图一为下拉框缺失，图二是理想情况一开始是以为自己下拉框class写错了，检查了并没有什么不对，于是把官方文档的form代码扒下来放到项目中，除了文本框和按钮，其他单选框复选框下拉框都没办法渲染出来，于是乎再检查一下引用的文件，相关css和js都引进来了，不然也不会有部分控件能渲染到，上去官方文档再...

2018-07-26 17:07:07 7910 1

原创基于layui2和thinkphp5项目开发心得记录（一）

写这系列的文章目的无他，仅仅是用以记录自己写项目的一些思路和心得，在开发过程中代码是以实现为首要目的，写得并不会非常美观实用，代码会在后期不断调试更改，文章也会进行不定期更新。未经作者允许请勿转载。最新更新：2018/7/26功能需求：选取页面表格信息，批量生成word文件相关技术点前端layui表格的数据显示与后台json接口页面与页面之间的参数传递，页面与后台之间的参...

2018-07-23 16:10:11 8456 1

原创 Mac下Webpack初探

Webpack初探一、什么是Webpack Webpack其实可以看做一个模块打包机，将你项目中的一些浏览器无法直接运行的文件（如 Javascript、Scss）进行打包，使之可直接供浏览器使用。二、为什么要用Webpack 看到一篇文章很详细说明了使用Webpack的原因，传送门三、使用Webpack的准备工作首先需要进行node.js的安装，我安装的是左边这个版本...

2018-06-04 21:43:45 1516

原创 FreeCodeCamp学习笔记：Basic Algorithm Scripting篇（个人理解以及答案）

Reverse a String翻转字符串先把字符串转化成数组，再借助数组的reverse方法翻转数组顺序，最后把数组转化成字符串。你的结果必须得是一个字符串解题思路：如题所示function reverseString(str) { var newArr = str.split(''); newArr.reverse(); str = newArr.joi...

2018-05-28 22:19:43 448

原创 FreeCodeCamp学习笔记：Basic JavaScriptp篇 & Object Oriented and Functional Programming篇

一、JS中，字符串创建之后，不能通过String[index]的方式去改变某一个索引上的值，只能重新给它赋值。二、 JS中，局部变量会优先于全局变量。三、严格相等运算符（===）是相对于相等操作符（==）的一种操作符。===会同时比较元素的值和数据类型。==只会比较元素的值。四、关于数组使用push()函数将数据“推进”数组的末尾位置，该函数接受一个或多个参数。使用pop()...

2018-05-28 01:13:38 288

原创 FreeCodeCamp学习笔记：Basic JavaScript之Profile Lookup

题目：有一个对象数组，里面存储着通讯录。函数 lookUp 有两个预定义参数：firstName值和prop属性。函数将会检查通讯录中是否存在一个与传入的 firstName 相同的联系人。如果存在，那么还需要检查对应的联系人中是否存在 prop属性。如果它们都存在，函数返回prop属性对应的值。如果firstName 值不存在，返回 "No such contact"...

2018-05-20 19:57:30 730

原创 FreeCodeCamp学习笔记：Bootstrap+Font Awesome篇

一、Bootstrap框架引用：<link rel="stylesheet" href="//cdn.bootcss.com/bootstrap/3.3.1/css/bootstrap.min.css"/>二、常用class： .container-fluid 响应式div .img-responsive 使图片自适应页面大小（宽度自适应） .te...

2018-05-13 16:09:51 394

原创小白心得：将编好的网页封装成APP

如何将写好的HTML页面封装成APP以及如何在虚拟模拟器上打开。由于博主也是一个徘徊在APP开发门外的一名路人，这篇博客仅供小白参考（文章太过粗糙，仅仅是参考）。要知道，目前市场上有很多APP是采用H5编写的界面，或许是因为原生开发对于前端的灵活性并不是那么符合目前市场上的需求，因此在这里介绍如何使用Apache Cordova和Ant将网页封装成Android APP。在使用Cord...

2018-04-23 22:31:50 22605 4

Bibifeng的博客