自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

sunshao904

当你的能力还不足以支撑你的雄心时,请低下头继续努力吧孩子!

  • 博客(94)
  • 收藏
  • 关注

原创 Vue 你对diff算法的理解

2020-07-30 15:49:45 52

原创 Vue 中 key的作用

2020-07-30 15:29:45 67

原创 php+jquery+ajax+json的一个最简单实例

html页面:<html><head><meta http-equiv="content-type" content="text/html;charset=utf-8" /><script type="text/javascript" src="jquery-1.8.2.min.js"></scri

2018-07-13 14:35:25 895

原创 Tab切换(高级版)

html:CSS:

2016-12-12 14:01:28 761 1

原创 jQuery-Ajax(详解)

安装Web环境Ajax方法需要与Web服务器端进行交互,需要有环境才可正常使用,安装环境的工具包有很多,可以选择自行下载。jQuery中的Ajax在jQuery中,$.Ajax()方法属于最底层的方法,第2层是load(),$.get(),和$.post(),第3层是$.getScript()和$.getJSON()方法。一、 load( ) 方法结构load( url , [data] , [callback] )参数解释捕获.PNG1.1 应用1.1.1首先构建一

2020-05-30 14:25:04 173

原创 2020年大前端发展趋势

随着疫情接近尾声,迅速发展的前端开发,在每⼀年,都为开发者带来了新的关键词。2020 年前端发展的关键词⼜将有哪些呢?发展的方向又会是什么呢?参考2019年大前端的发展,不出意外,前端依旧会围绕⼩程序、超级APP、跨端开发、前端⼯程化以及新技术运用等几个方面进行展开。小程序在⼩程序⽅⾯,今年仍然是⼩程序突⻜猛进的⼀年,各⼤主流的 App 都上线了⼩程序能⼒的⽀持,各前端团队也都有了专...

2020-03-30 16:56:32 162

原创 ajax和axios、fetch的区别

1.jQuery ajax$.ajax({ type: 'POST', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});传统 Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属...

2019-11-12 10:40:39 75

原创 小程序云开发--获取openid报错,解决方案

1、在cmd下打开自己云开发项目的login文件夹,如图:再输入以下语句npm install --save wx-server-sdk@latest安装最新的wx sdk2、在此处填入环境ID即可,ID请在云开发环境中获取...

2019-07-16 15:08:25 424

原创 怎样用原生JS封装自己需要的插件

今天想和大家讨论一下我们在工作中对于插件的需求,我们写代码,并不是所有的业务或者逻辑代码都要抽出来复用。首先,我们得看一下是否需要将一部分经常重复的代码抽象出来,写到一个单独的文件中为以后再次使用。再看一下我们的业务逻辑是否可以为团队服务。插件不是随手就写成的,而是根据自己业务逻辑进行抽象。没有放之四海而皆准的插件,只有对插件,之所以叫做插件,那么就是开箱即用,或者我们只要添加一些配置参数就可以达...

2019-07-09 08:29:15 2460 2

原创 Vue实现“显示更多”功能--仿简书

<template><div><div class="container faqs layui-fluid"><div class="layui-row"><div class="col-xs-16 main"><div class="category-title">热门问题</div>...

2019-06-28 08:54:42 1188

原创 Vue-仿简书关注/不关注按钮切换具体代码

<template> <!-- 右边内容 --> <div class="layui-col-md9"> <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief"> <ul class="layui-tab-...

2019-06-28 08:40:43 131

原创 Vue-click事件点击按钮切换内容示例代码

<template> <div @click="enter" id="dian" v-bind:class="{ 'you' : flag, 'you2': !flag}">{{con}}</div> <!-- 定义两个class,当开关打开对应you样式,开关关闭对应you2样式 --></template>&...

2019-06-28 08:29:50 4892

原创 ThinkPHP5轻松识别客户端信息User-Agent(获取用户的操作系统、浏览器信息)

在使用浏览器发起的 HTTP 请求中,通常会包含一个识别标识。它名为 User Agent,简称 UA。它是一串包含了客户端基础信息的字符串。通过它可以方便的获取客户端的操作系统,语言,浏览器和版本信息。在 PHP 中查看客户端 UA 标识的方式是读取系统常量 $_SERVER 中的 HTTP_USER_AGENT 选项:echo $_SERVER['HTTP_USER_AGENT'];...

2019-04-12 15:12:27 2891

原创 JavaScript数组去重(12种方法,史上最全)

数组去重,一般都是在面试的时候才会碰到,一般是要求手写数组去重方法的代码。如果是被提问到,数组去重的方法有哪些?你能答出其中的10种,面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重,一般都是后台去处理,很少让前端处理数组去重。虽然日常项目用到的概率比较低,但还是需要了解一下,以防面试的时候可能回被问到。注:写的匆忙,加上这几天有点忙,还没有非常认真核对过,不过思路是没有问题,可能一...

2019-04-11 19:38:49 66

原创 ES6实现数组去重

ES6 提供了新的数据结构 Set。它类似于数组,但是成员的值都是唯一的,没有重复的值。Array.from方法可以将 Set 结构转为数组。例如:const items = new Set([1, 2, 3, 4, 5]);const array = Array.from(items);利用这些特点可以得出两种数组去重的方法:方法一:利用展开运算符和Set成员的唯一性...

2019-04-11 16:59:48 333

原创 ThinkPHP5--访问静态资源问题(css/js/img)

当我们在使用TP5时,view中页面需要引用css/js/img,关于引用方式以及注意事项总结如下: 例如:当需要用bootstrap等框架时,首先应将css文件放到项目根目录:/public/static/ ,在static中新建css文件夹,将css存放到此。 在页面中引用的三种方法: 1、方法一:​<link rel="stylesheet" href="/p...

2019-04-11 16:35:28 3154

原创 Vue.js——60分钟快速入门

Vue.js是当下很火的一个JavaScript MVVM库,它是以数据驱动和组件化的思想构建的。相比于Angular.js,Vue.js提供了更加简洁、更易于理解的API,使得我们能够快速地上手并使用Vue.js。如果你之前已经习惯了用jQuery操作DOM,学习Vue.js时请先抛开手动操作DOM的思维,因为Vue.js是数据驱动的,你无需手动操作DOM。它通过一些特殊的HTML语法,将D...

2019-04-10 21:41:01 236

原创 ThinkPHP5 怎样去掉地址栏public

将public目录下的index.php移入项目根目录,并修改index文件中路径如下// 定义应用目录define('APP_PATH', __DIR__ . '/application/');// 加载框架引导文件require __DIR__ . '/thinkphp/start.php';注意:一定一定不要在/application/前面加点,即 ./application...

2019-03-31 19:59:13 632

原创 微信小程序之获取用户信息并存入数据库

微信小程序获取用户信息,但是在存入自己服务器数据库。index.jsPage({ data: { nickName: "微信账号登录", avatarUrl:"./user-unlogin.png", }, onLoad: function () { var that = this; var nickName = that.data...

2019-03-17 22:35:09 3851 2

原创 微信小程序用了tabbar之后与bindtap冲突问题

这个问题的原因是:不能使用wx.redirectTo跳转到tabBar定义的页面。详情如下:1. navigateTo, redirectTo 只能打开非 tabBar 页面。2. switchTab 只能打开 tabBar 页面。3. reLaunch 可以打开任意页面。解决方法:把index.js中的wx.redirectTo换成wx.reLaunch完美!!!...

2019-03-08 20:39:17 507

转载 微信小程序支付 php后台对接完整代码

这个代码全是干货呀,拿过来可以直接使用。小程序在调起微信支付之前需要5个参数,这时候就需要携带code向后台请求,然后后台根据code获取openid 再进行服务器之间的。。。。 一、准备工作1、小程序注册,要以公司的以身份去注册一个小程序,才有微信支付权限;2、绑定商户号。3、在小程序填写合法域二、完成以上条件,你可以得到     小程序appid 小程序秘钥    ...

2019-01-23 16:38:04 690

原创 微信小程序中如何调用本地的接口

小程序是运行在微信平台的一种轻量级app,通过一系列微信特定的组件构建用户界面,数据还是通过调用数据接口来获取。所以,调用本地接口,在小程序中很重要。1、首先需要绑定小程序id,然后添加request 合法域名,微信要求接口是https加密传输,所以服务器需要安装证书2、在 onLoad中 使用微信 API wx.request 来请求如果要用 POST 请求,需要在代码中设置 h...

2019-01-23 16:31:53 885

原创 PHP面试

【1】PHP的整型溢出问题是怎样的PHP的整型数的字长和平台有关,对于32位的操作系统,最大的整型是有二十多亿,其实就是2的31次方,最小为-2的31次方,PHP不支持无符号的整数。 如果一个数超出了integer范围,将会被自动解释为float。如果执行的运算结果超出了 integer 范围,也会返回 float。(那在java、C中的整型整型溢出会怎样)【2】如何理解OOPOOP,...

2019-01-23 09:38:24 173

原创 1024程序员节,向改变世界的程序员致敬

  写在前面正值1024程序员节日来临之际,今天心血来潮,想写篇文章来为我们这些猿猿致敬,也算了却一个心愿,让我们这些猿猿们以自己从事的职业为豪为荣。可能我们的着装遭人吐槽,可能我们的玩笑经常别人听不出笑点,可能我们心照不宣的执着外人觉得莫名其妙,可能我们的举止身边的人觉得实在无趣,也可能我们在如今互联网火热的时候略带优越感的表象让人们越来越觉得我们是异类生物。。。但即使是...

2018-10-24 16:29:34 88

原创 PHP+正则表达式之手机号验证

php用正则表达式判断手机号码的写法:从文章中匹配出所有的手机号就可以preg_match_all(),如果要检查用户输入的手机号是否正确可这样来检查:preg_match()用正则匹配手机号码的时候, 我们先分析一下手机号码的规律:1. 手机号通常是11位的2. 经常是1开头3. 第二个数字现在通常是3、4、5、6、7、8、9这几个数字php用正则表达式判断手机号码的写法:...

2018-09-27 10:22:32 2644

原创 php中array_map,array_filter,array_walk区别

在php中array_map,array_filter,array_walk三个函数都是对数据操作的,下面我来介绍这三个函数的用法与区别。相同点:都是利用回调函数对数组中每个元素进行操作。不同点:返回值 回调函数的参数 是否改变数组的值array_map 返回的是新数组,原数组不变(新数组和原数组的数组长度应该一样)。array_walk 返回的布尔值,如果要改变数组元素的值...

2018-08-08 09:34:28 796

原创 thinkphp-编写第一个后台接口

进入到控制器目录打开indexController.php文件我们可对文件稍作修改&lt;?php&lt;?phpnamespace Home\Controller;use Think\Controller;class IndexController extends Controller { public function index(){ e...

2018-07-26 10:50:06 1376

原创 ThinkPHP5开发API接口实例

接口功能说明: 前端提交学生学号(sno)给Api,Api接口返回此学生的基本信息API接口端&lt;?php namespace app\index\controller;use think\Controller;use app\index\model\Student;class User{ public function index() { retu...

2018-07-18 17:10:20 3472

原创 PHP中AJAX的使用JS篇(完整实例【大牛可飘过】)

    AJAX在js里可谓是一个牛气冲天的一个词,我刚学的时候有点望名生畏。对于初学者来说AJAX看似很难,图书馆里有些关于AJAX的教程比板砖都厚,看了就不想学。但当你真正长用的东西其实就那么写。在这就不扯那些书上扯的AJAX的历史考古的淡了,不然的话会碎的,你懂的。OK直入正题。  在这呢我主要说一下AJAX的用法,原理就不多说了。  1.你要用AJAX首先得会js吧,这个不用多说。    ...

2018-07-16 08:34:09 1595

原创 Ajax传递数组 (PHP后台接收)

JavaScript中会有向后台传递数组的需求,这里记录如下 var name=new Array(); var num=new Array(); var id=new Array(); count=0; for (var i = 0; i &lt; 22; i++) { if($("#goodsNum"+i).val()&gt;0){ ...

2018-07-13 15:08:24 4020 1

转载 ajax在php中应用实例

1,ajax分为$.ajax(),$.get(),$.post(),$.getJSON() 几种形式,实例如下:1234567891011121314151617181920212223242526272829303132333435363738394041424344454647&lt;html&gt;&lt;meta http-equiv="Content-Type" content="tex...

2018-07-13 14:32:58 184

原创 PDO概念及总结

为什么要讲PDO:(1)市面上使用最多的,大部分企业使用PDO(2)Mysqli  只支持MySQL数据库,PDO支持大部分数据库(3)以后做的项目都是使用PDO作为数据库抽象层来实现的mysqli------是mysql数据库的加强:(预处理机制)(错误处理机制)(采用了面向对象的编程模式)一、PHP如何操作数据库与具体数据

2018-05-17 10:47:33 508

原创 前端模块化开发

一、为什么要进行模块化开发1.命名冲突  在实际工作中,相信大家都遇这样的问题:我自己测试好的代码和大家合并后怎么起冲突了?明明项目需要引入的包都引进来了怎么还报缺少包?……这些问题总结起来就是命名空间冲突及文件依赖加载顺序问题。

2018-05-17 10:46:59 95

原创 在php中调用接口以及编写接口

如:http://localhost/openUser.php?act=get_user_list&amp;type=json在这里openUser.php相当于一个接口,其中get_user_list 是一个API(获取用户列表),讲求返回的数据类型为JSON格式。你只需要在你PHP代码中执行这条链接他就会返回。GET方式的直接使用 $file_contents = file_get_conte...

2018-04-09 16:54:48 7277 1

转载 MYSQL 常用优化方法

1、选取最适用的字段属性MySQL可以很好的支持大数据量的存取,但是一般说来,数据库中的表越小,在它上面执行的查询也就会越快。因此,在创建表的时候,为了获得更好的性能,我们可以将表中字段的宽度设得尽可能小。例如,在定义邮政编码这个字段时,如果将其设置为CHAR(255),显然给数据库增加了不必要的空间,甚至使用VARCHAR这种类型也是多余的,因为CHAR(6)就可以很好的完成任务了。同样的,如果...

2018-04-09 09:32:30 142

原创 koa--更富有表现力、更健壮的 Web 框架

简介koa 是由 Express 原班人马打造的,致力于成为一个更小、更富有表现力、更健壮的 Web 框架。 使用 koa 编写 web 应用,通过组合不同的 generator,可以免除重复繁琐的回调函数嵌套, 并极大地提升错误处理的效率。koa 不在内核方法中绑定任何中间件, 它仅仅提供了一个轻量优雅的函数库,使得编写 Web 应用变得得心应手。安装Koa 依赖 node

2018-02-05 09:20:30 1174

原创 Express 基于 Node.js 平台,快速、开放、极简的 web 开发框架。

安装首先假定你已经安装了 Node.js,接下来为你的应用创建一个目录,然后进入此目录并将其作为当前工作目录。$ mkdir myapp$ cd myapp通过 npm init 命令为你的应用创建一个 package.json 文件。 欲了解 package.json 是如何起作用的,请参考 Specifics of npm’s package.json handling。

2018-02-05 09:18:56 319

原创 NODE.JS ORM之sequelize 框架

1、安装:npm install sequelize   //ORM 主框架npm install -g sequelize-auto // 已有数据库表生成modle工具2、已有的数据库生成modlenpm install -g tedious //安装MSSQL数据库驱动。sequelize-auto -o "./models" -d zmcs -h

2018-02-05 09:11:50 360

原创 Node.js ORM 框架 sequelize 实践

最近在做团队的一个内部系统,这次使用的nodejs web框架是团队统一的hapi.js,而数据库依然是mysql,ORM 框架选用有着6000+ stars 的 sequelize.js,hapi-sequelize插件对sequelize做了很简单的封装,可以让我们很自如地在hapi中游走,比如配置和调用。初始化 sequelize// server.jsconst Hapi

2018-02-05 09:09:17 554

转载 传统 Ajax 已死,Fetch 永生

原谅我做一次标题党,Ajax 不会死,传统 Ajax 指的是 XMLHttpRequest(XHR),未来现在已被 Fetch 替代。最近把阿里一个千万级 PV 的数据产品全部由 jQuery 的 $.ajax 迁移到 Fetch,上线一个多月以来运行非常稳定。结果证明,对于 IE8+ 以上浏览器,在生产环境使用 Fetch 是可行的。由于 Fetch API 是基于 Prom

2018-01-17 16:25:02 225

空空如也

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人 TA的粉丝

提示
确定要删除当前文章?
取消 删除