JavaScript

標籤：logs   需要   一個   文章   小夥伴   有趣的   margin   分享   linear   你不知道的Javascript：有趣的setTimeout

底部粘連(stiky footer)布局，stikyfooter前面的話　　在網頁設計中，Sticky

AngularJS基於http請求實現下載php產生的excel檔案功能樣本，本文執行個體講述了AngularJS基於http請求實現下載php產生的excel檔案功能。分享給大家供大家參考，具體如下：使用PHPExcel外掛程式的同學們都知道，匯出excel是直接將產生內容修改content-type來將內容作為檔案下載的，這時候需要頁面上有一個url，通過點擊來下載。那麼問題來了，如果在產生excel時有請求參數，只能通過js的http請求，這時候怎麼下載呢？研究了一下，有以下幾種方式：1.

jquery+ajaxform+springboot控制項實現資料更新功能，jqueryspringboot應用背景使用springboot架構在如所示的介面布局中，實現資料的儲存或者更新，務必需要提交到後台，如何進行成功或失敗的提示呢？如果使用傳統的springmvc的模式，勢必要傳一個頁面給前端，這個頁面僅僅是提示操作是否成功了！提示之後還得更新一下資料，就好比我們瀏覽某些網站的時候給出的一些提示 操作成功，5秒後返回

angular寫一個列表的選擇全選互動組件的樣本，angular全選開發業務後台經常要用到表格裡的選擇，全選這種互動。而且不同系統不同情境的UI還不一樣。比如：表格裡就是簡簡單單的checkbox；圖片列表這種，UI設計師會搞點花樣，使用者選擇一下，會在圖片上蓋一層半透明的勾選提示等等。我們的系統是用angular 1.X版本開發。所以，我採用angular的裝飾性指令編寫幾個指令，把它們配合在一起使用，來封裝這樣的情境。這與之前我們遇到的組件的開發思路又不太一樣。我們先來分析一下需求及擴充點。

基於vue.js 2.x的虛擬捲軸的範例程式碼，vue.js2.x前言記得以前偶然有一次瀏覽過一個開源的cms項目，發現這個項目的左邊的菜單已經超出了windows的寬度，我就好奇為什麼沒出捲軸呢？然後我仔細一看，發現它左側有一個小的div，然後我嘗試著拖動它，發現竟能和原生的捲軸一樣！可以通過查看它的源碼，發現了這款捲軸的叫做slimScroll，然後我去它的github倉庫 看了下，研究了一下源碼，給我的感覺是我也能做出來一樣的捲軸！通過vue實現！設計好，

vue組件編寫之todolist組件執行個體詳解，vuetodolist我們在topNav這個頁面上插入一個todolist子組件我不知道怎麼回事，這裡的markdown的代碼總是串列。。所以代碼看得不舒服，見諒啊，我最後會放github的原始碼地址。1. 父組件topNav中註冊子組件，引入子組件<template> <div> <p>下面這一行就是定義的組件名稱</p> <todo-list></todo-list>

jquery在啟動頁面時,自動載入資料的執行個體，jquery執行個體其實，重要的就是這個方法：$(document).ready(function(){ } 具體的在jquery中：具體的ajax怎麼使用，可以查看我的上一篇部落格《淺談ajax在jquery中的請求和servlet中的響應》<script type="text/javascript"> $(document).ready(function(){var str = "";var strA = ""; $.ajax(

詳解vue+vuex+koa2開發環境搭建及樣本開發，vuexkoa2寫在前面這篇文章的主要目的是學會使用koa架構搭建web服務，從而提供一些後端介面，供前端調用。搭建這個環境的目的是： 前端工程師在跟後台工程師商定了介面但還未聯調之前，涉及到向後端請求資料的功能能夠走前端工程師自己搭建的http路徑，而不是直接在前端寫幾個死資料。即，類比後端介面。當然在這整個過程（搭建環境 + 開發樣本demo）中，涉及到以下幾點知識點。包括： koa2的知識點 node的知識點 跨域問題

bootstrap+jquery項目引入檔案報錯的解決方案，bootstrapjquery做一個項目的時候 ，控制台總是會出現各種bug,其實不用慌張，終結起來也就幾種類型的錯誤，在開發中每次遇到錯誤都善於總結，下次在看到就會胸有成竹知道是什麼情況了，以下是在開發過程中總結的一些錯誤以及錯誤的解決方案。報錯一：Uncaught ReferenceError: $ is not definedUncaught ReferenceError: $ is not definedUncaught

Vue 攔截器對token到期處理方法，vuetoken最近在做的一個項目，需要每個http請求下 都要添加token，這樣無疑是增加了工作量。而vue 攔截器interceptors正好可以解決我們的需求。Vue.http.interceptors.push(function (request, next) {//攔截器佈建要求token // sessionStorage.getItem("tokenUrl"); request.headers.set('token',

基於vue cli重構多頁面腳手架過程詳解，vuecli官方提供的項目產生工具vue-cli沒有對多頁面webApp的支援，但是在實際的項目中，我們需要這樣的腳手架，參考了很多大牛的方法，這裡提供了一種我的單頁面腳手架轉換為多頁面腳手架的方案，供大家參考。不好的地方也請大家指正。準備使用vue-cli產生一個你需要的單頁面項目腳手架，然後我們就要開始我們的改裝工程了。重構過程步驟一 改變目錄結構 step1 在src目錄下面建立views檔案夾,然後再views檔案夾下建立index檔案夾

Vue 換膚的樣本實踐，vue換膚樣本最近公司做的項目得到一個網站換膚的需求，也就是切換主題。那麼如何切換主題色呢？切換主題色其實就是切換 CSS，然而在項目中不僅只有 CSS 需要換膚，表徵圖和圖片也需要跟隨主題進行切換。於是，寫一篇文章來記錄下 Vue 中實現換膚的過程，先看下效果吧。本文主要分三部分：CSS 切換，表徵圖切換和圖片切換。CSS切換關於 CSS 顏色的切換，我通過搜尋，參考了ElementUI 的方案，總的來說分為四步在 static 目錄下建立一個 theme.css

vue 項目常用載入器及配置詳解，vue載入配置詳解本文介紹了vue 項目常用載入器及配置詳解，分享給大家，具體如下：1.安裝sass:1.1 由於sass-loader依賴於node-sass，所以在安裝sass-loader的同時還需安裝node-sassnpm install --save-dev node-sassnpm install --save-dev sass-loader1.2 安裝完成後修改 <style>標籤： <style lang="scss">

jquery 輸入框尋找關鍵字並提亮顏色的執行個體代碼，jquery執行個體執行個體代碼如下所示：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部的 Popover 中的一些內容"> aaaa

JS運動特效之任意值添加運動的方法分析，js特效本文執行個體講述了JS運動特效之任意值添加運動的方法。分享給大家供大家參考，具體如下：回顧一下上個例子JS實現多物體運動的方法：<script> window.onload = function(){ var liTags = document.getElementsByTagName('li'); for(var i=0;i<liTags.length;i++){

簡述vue中的config配置，簡述vueconfig配置在webpack.base.conf檔案中配置別名以及副檔名resolve: { extensions: ['.js', '.vue', '.json', '.styl'], alias: { 'vue$': 'vue/dist/vue.esm.js', '@': resolve('src'), 'src': path.resolve(__dirname, '../src'), 'common':

Bootstrap popover 實現滑鼠移入移除顯示隱藏功能方法，bootstrappopover該段js代碼可實現 popover 下滑鼠移入移除時顯示、隱藏 popover 提示資訊功能var strContent = '<div class="media"><div class="position-left media-left"><img class="img-circle" src="/assets/images/avatar.jpg">'+

詳解node

bootstrap 點擊空白處popover彈出框隱藏執行個體，bootstrappopover代碼：<div> <a class="btn btn-success show" title="Popover title" data-container="body" data-toggle="popover" data-placement="bottom" data-content="底部的 Popover 中的一些內容"> aaaa </a></