超級簡易的JS計算機執行個體講解(實現加減乘除)，js執行個體講解廢話不多說，直接上代碼<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>簡單的計算機</title> <style> body{ margin: 0; } .tab{ border: 3px
JS判斷掃碼的方法，js判斷信掃一、navagitor的userAgent屬性中，判斷是否含有micromessenger二、代碼/** * 判斷掃碼 */ function isWechat() { var ua = navigator.userAgent.toLowerCase(),flag = false; // if(ua.match(/MicroMessenger/i) === "micromessenger"){
在iframe中使bootstrap的模態框在父頁面彈出問題，iframebootstrap這幾天在寫項目的中，頁面使用了iframe，然而在子頁面中使用bootstrap的模態框時發現：彈出的模態框位置是以子頁面為標準置中的，並且遮罩層也只有子頁面那一部分，整個頁面簡直無法直視，所以思考可以可以讓模態框以父頁面為標準彈出，經過在網上尋找資料，總結了一種解決方案。效果展示修改前頁面修改後頁面實現思路要想使模態框在頂級頁面開啟，我想到的方法是使bootstrap的模態框彈在父頁面彈出即可。
基於jQuery對象和DOM對象和字串之間的轉化執行個體，jquerydom1、字串---------->jQuery對象$(HTML字串): $('<div>我是祖國的一朵小花</div>')待添加列表2、jQuery對象---------->DOM對象下標選取法(原理:jQuery是DOM的數組形式):$("h2")[1]使用.get(index)函數3、字串----------->DOM對象寫一個指令碼函數function
關於webpack2和模組打包的新手指南（小結），webpack2新手指南webpack已成為現代Web開發中最重要的工具之一。它是一個用於JavaScript的模組打包工具，但是它也可以轉換所有的前端資源，例如HTML和CSS，甚至是圖片。它可以讓你更好地控制應用程式所產生的HTTP請求數量、允許你使用其他資源的特性（例如Jade、Sass和ES6）。webpack還可以讓你輕鬆地從npm下載包。本文主要針對那些剛接觸webpack的同學，將介紹初始設定和配置、模組、載入器、外掛程式、代碼分割
React-Native 組件之 Modal的使用詳解，react-nativemodalModal組件可以用來覆蓋包含React Native根視圖的原生視圖（如UIViewController，Activity），用它可以實現遮罩的效果。屬性Modal提供的屬性有：animationType（動畫類型） PropTypes.oneOf([‘none', ‘slide', ‘fade'] none：沒有動畫 slide：從底部滑入
Angularjs上傳檔案組件flowjs功能，angularjsflowjs現在的項目，無論代銷，幾乎不會預設的一個功能就是上傳下載功能，今天談一談使用AngularJS+bootsrtap下的上傳下載功能。1.angularjs和flowjsangularjs我在其他的部落格裡面也講到了它的其他的一些用處，只是沒有做過系統的說明，在這裡也不打算一一介紹。這個在一些官網上都有說明，我也會花一點時間去整理一下angularjs的知識點以及在使用到angularjs需要注意的或者我在項目中碰到的一
vuejs使用FormData實現ajax上傳圖片檔案，我相信很多使用vuejs的朋友，都有採用ajax上傳圖片的需求，因為前後端分離後，我們希望都能用ajax來解決資料問題，傳統的表單提交會導致提交成功後頁面跳轉，而使用ajax能夠無重新整理上傳圖片等檔案。其實已經有朋友封裝了相關的npm包，但是我想說用原生的js api來實現，也用不了多少代碼，而且更靈活，能使用原生就盡量用原生。接下來就以一個簡單的頭像上傳來說明如何使用。前端實現<template> <div
AngularJs每天學習之總體介紹，angularjs學習總體這周末在家呆了兩天，正好中午閑暇時間繼續分享Angularjs相關，今天主要分享Angularjs總體介紹及資料繫結部分內容，下面直接進入主題。1、基本概念： AngularJS是為了克服HTML在構建應用上的不足而設計的。HTML是一門很好的偽靜態文本展示設計的聲明式語言，但要構建WEB應用的話它就顯得乏力了。所以我做了一些工作（你也可以覺得是小花招）來讓瀏覽器做我想要的事，通常，我們是通過以下技術來解決靜態網頁技術在構建Liv
JS中Regex要注意lastIndex屬性， 說明這篇文章，主要和大家聊聊JavaScript中RegExp對象的屬性。解釋每個RegExp對象都包含5個屬性，source、global、ignoreCase、multiline、lastIndex。source：是一個唯讀字串，包含Regex的文本。var reg = /JavaScript/;reg.source; //返回
淺談ES6新增的數組方法和對象，淺談es6新增數組es6新增的遍曆數組的方法,後面都會用這個方法來遍曆數組,或者對象,還有set,maplet arr=[1,2,3,4,3,2,1,2];遍曆數組最簡潔直接的方法for (let value of arr) { console.log(value);//輸出1,2,3,4,3,2,1,2}1. 數組.map()返回一個新的數組,es5要複製一個新的數組我們一般用迴圈,現在直接用maplet arr=[1,2,3,4,3,2,1,2];let
小程式movable view移動圖片和雙指縮放執行個體代碼，movable-area是小程式的新組件，可以用來行動裝置檢視地區movable-view。移動方向可選擇任何、垂直和平行。可移動地區裡包含其他文本、圖片、按鈕等組件。可移動地區可綁定touchend等事件。movable-view的參數可調整動畫效果。先從movable-view開始說起吧. movable-view是小程式自訂的組件.其描述為:"可移動的視圖容器，在頁面中可以拖拽滑動".
vue-quill-editor實現圖片上傳功能，問題描述 項目使用的vue2.0開發，項目中需要一個富文字編輯器，樓主經過一番心理掙紮選擇了vue-quill-editor。具體如何引用作者在項目中已經寫得很明白了，我在這裡就不再贅述。 vue-quill-editor插入圖片的方式是將圖片轉為base64再放入內容中，這樣就會產生一個問題，如果圖片比較大的話，富文本的內容就會很大，樓主是將內容存在資料庫中的，這樣一來，一方面會佔用大量的資料
用Vue.extend構建訊息提示組件的方法執行個體，vue.extend執行個體前提前段時間自己做的vue練手項目，需要一個通用的訊息提示組件，但是訊息提示這種組件我更想用方法來調用，而不是在各個頁面上都添加個組件（那樣感覺很麻煩，重度懶癌患者），於是就上網差查了查，並研究了ElementUI的message源碼。自己弄出來一個簡陋的訊息提示組件Vue.extend是什麼按照官方文檔說法，他是一個類構造器，用來建立一個子類vue並返回建構函式，而Vue.component它的任務是將給定的建構
基於Vue實現支援按周切換的日曆，vue實現切換日曆基於Vue的日曆小功能，可根據實際開發情況按每年、每月、每周、進行切換，具體內容如下<template> <div class="date"> <!-- 年份 月份 --> <div class="month"> <p>{{ currentYear }}年{{ currentMonth }}月</p> </div> <!-- 星期 -
angular+ionic返回上一頁並重新整理頁面，angularionic假定當前頁面為editCata頁面，要返回的是cataDetail頁面。目前我找到兩種方法實現返回上一頁並重新整理，如果以後有其它方法，再繼續添加。1、在editCataCtrl.js中注入$ionicHistory服務. 使用$ionicHistory.goBack()方法即可返回到上一頁面。JS端代碼：$scope.goBack=function(){ $ionicHistory.goBack();
react-native之ART繪圖方法詳解，react-nativeart背景在行動裝置 App的開發過程中，繪製基本的二維圖形或動畫是必不可少的。然而，考慮到Android和iOS均有一套各自的API方案，因此採用一種更普遍接受的技術方案，更有利於代碼的雙平台相容。art是一個旨在多瀏覽器安全色的Node style CommonJS模組。在它的基礎上，Facebook又開發了React-art ，封裝art，使之可以被react.js所使用，即實現了前端的svg庫。然而，考慮到react.
vue.js評論發布資訊可插入QQ表情功能，vue.js發布資訊本文執行個體為大家分享了vue.js評論發布資訊可插入QQ表情，供大家參考，具體內容如下demo例子： HTML常值內容：<template> <div id="publish"> <!-- 發布內容輸入框，利用Html5的新屬性contenteditable，實現可編輯文本 ，會自動將插入的IMG標籤解析--> <div
React-router v4 路由配置方法小結，react-routerv4本文主要介紹了React-router v4 路由配置方法小結，分享給大家，也給自己留個筆記一. Switch 、Router 、Route三者的區別1、RouteRoute 是建立location 和 ui的最直接聯絡2、Routerreact-router v4 中，Router被拆分成了StaticRouter、MemoryRouter、BrowserRouter、HashRouter、NativeRouter。
原生JS+Canvas實現五子棋遊戲，jscanvas五子棋本文執行個體為大家分享了JS Canvas實現五子棋遊戲的具體代碼，供大家參考，具體內容如下<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title>五子棋</title> <style type='text/css'> canvas {
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
