原创 jQuery-Ajax(詳解)

安裝Web環境 Ajax方法需要與Web服務器端進行交互,需要有環境纔可正常使用,安裝環境的工具包有很多,可以選擇自行下載。 jQuery中的Ajax 在jQuery中,$.ajax()方法屬於最底層的方法,第2層是load(),$.ge

原创 小程序雲開發--獲取openid報錯,解決方案

1、在cmd下打開自己雲開發項目的login文件夾,如圖: 再輸入以下語句npm install --save wx-server-sdk@latest   安裝最新的wx sdk 2、在此處填入環境ID即可,ID請在雲開發環境中獲取

原创 微信小程序之獲取用戶信息並存入數據庫

微信小程序獲取用戶信息,但是在存入自己服務器數據庫。 index.js Page({   data: {     nickName: "微信賬號登錄",     avatarUrl:"./user-unlogin.png",   },  

原创 GitBook+Markdown製作精美電子書

一、Gitbook概述 GitBook 是一個基於 Node.js 的命令行工具,可使用 Github/Git 和 Markdown 來製作精美的電子書,GitBook 並非關於 Git 的教程。 GitBook支持輸出

原创 Tab切換(高級版)

html: CSS: 

原创 怎樣用原生JS封裝自己需要的插件

今天想和大家討論一下我們在工作中對於插件的需求,我們寫代碼,並不是所有的業務或者邏輯代碼都要抽出來複用。首先,我們得看一下是否需要將一部分經常重複的代碼抽象出來,寫到一個單獨的文件中爲以後再次使用。再看一下我們的業務邏輯是否可以爲團隊服務

原创 Vue實現“顯示更多”功能--仿簡書

<template> <div> <div class="container faqs layui-fluid"> <div class="layui-row"> <div class="col-xs-16 main"> <div cl

原创 Vue-click事件點擊按鈕切換內容示例代碼

<template>     <div @click="enter"  id="dian" v-bind:class="{ 'you' : flag, 'you2': !flag}">{{con}}</div>      <!-- 定義兩

原创 Vue-仿簡書關注/不關注按鈕切換具體代碼

<template>     <!-- 右邊內容 -->     <div class="layui-col-md9">         <div class="layui-tab layui-tab-brief" lay-filter

原创 ThinkPHP5輕鬆識別客戶端信息User-Agent(獲取用戶的操作系統、瀏覽器信息)

在使用瀏覽器發起的 HTTP 請求中,通常會包含一個識別標識。它名爲 User Agent,簡稱 UA。它是一串包含了客戶端基礎信息的字符串。通過它可以方便的獲取客戶端的操作系統,語言,瀏覽器和版本信息。 在 PHP 中查看客戶端 UA

原创 ES6實現數組去重

ES6 提供了新的數據結構 Set。它類似於數組,但是成員的值都是唯一的,沒有重複的值。 Array.from方法可以將 Set 結構轉爲數組。  例如: const items = new Set([1, 2, 3, 4, 5]); c

原创 ThinkPHP5--訪問靜態資源問題(css/js/img)

當我們在使用TP5時,view中頁面需要引用css/js/img,關於引用方式以及注意事項總結如下: 例如:當需要用bootstrap等框架時,首先應將css文件放到項目根目錄:/public/static/  ,在static中新建c

原创 JavaScript數組去重(12種方法,史上最全)

數組去重,一般都是在面試的時候纔會碰到,一般是要求手寫數組去重方法的代碼。如果是被提問到,數組去重的方法有哪些?你能答出其中的10種,面試官很有可能對你刮目相看。 在真實的項目中碰到的數組去重,一般都是後臺去處理,很少讓前端處理數組去重。

原创 Vue.js——60分鐘快速入門

Vue.js是當下很火的一個JavaScript MVVM庫,它是以數據驅動和組件化的思想構建的。相比於Angular.js,Vue.js提供了更加簡潔、更易於理解的API,使得我們能夠快速地上手並使用Vue.js。 如果你之前已經習慣了

原创 ThinkPHP5 怎樣去掉地址欄public

將public目錄下的index.php移入項目根目錄,並修改index文件中路徑如下 // 定義應用目錄 define('APP_PATH', __DIR__ . '/application/'); // 加載框架引導文件 requi