原创 js簡易深拷貝json

var tuta=[{ "name":"linming", "age":"34", "height":"160cm", "friends":[{ "name":"xiaohong",

原创 原生js通過封裝代碼,使IE8支持getElementsByClassName

通過獲取標籤,在判斷每個標籤的class有沒有內容,然後判斷class和輸入的classText,來獲得有這個classText的標籤。let dsafjaj=getClassNames("dsafjaj"); function getC

原创 原生js實現倒計時和當前時間打印

實現了目前時間到2018年6月20日十點的倒計時以及當前時間的打印輸出。<body><h2>剩餘時間</h2><p></p><p></p><script>    window.οnlοad=function () {        fun

原创 基於dom操作的簡易商品欄練習

通過單擊添加增加訂單來實現添加新的商品,刪除可以刪除當前行,點擊修改可以更改此行的商品名稱、數量、單價。window.οnlοad=function () { let oIp=document.getElementById("oI

原创 基於dom來製作使用json數據類型的簡易購物車

實現的網頁樣式使用的JSONvar json = [ // 兩個店鋪 { "shopname": "京東自營", "shopID": 101, // 商品

原创 正則表達式(基本操作一)

轉義字符.(點)                                                                 匹配除換行符之外的任一字符,IE下[^\n],其他[^\n\r].             

原创 關於jQuery和js的區別

jq的預加載?   ①頁面加載完之前執行,與嵌入的js加載方式一樣(寫jquery插件的時候使用) (function ($) {     alert('start'); })(jQuery); ②頁面加載後執行。 $(docum

原创 Vue組件模板

本文章主要介紹組件模板的書寫方式 以下爲實現頁面效果 以下爲html代碼和js代碼的集合 <body> <div id="app"> <!--使用外部模板--> <v-com></v-com> <!--使用js

原创 DOM的基本概念

文檔對象模型(Document Object Model,簡稱DOM)獲取節點getElementById                                    由id來進行獲取語法:node.getElementById

原创 JS關於字符串操作的具體參數

聲明字符串有兩種方法var str1="string1"var srr2=new String("string2")註釋:str1是字符串,類型是string,而str2是對象string的引用,類型是對象,如果引用被修改,str2也會被

原创 原生js實現抽獎效果

本人爲初學者,寫的不好的請不要見怪目的是用節簡的代碼來實現抽獎效果下圖爲基本的佈局通過點擊GO按鈕可以實現滾動,可連續點擊。以下爲代碼<!DOCTYPE html> <html lang="en"> <head> <meta ch

原创 更改公共組件樣式

在日常的組件使用中,我們會用一些公共的ui組件庫,雖然這些組件庫的功能可能達到了我們的使用需求,但是大部分情況往往是組件樣式不符合產品需求樣式,這時候往往需要我們自寫組件或使用組件提供的其他樣式,但是還是會經常出現不能滿足需求的情況 本文

原创 關於各類前端知識的整理,以及相關博客地址(持續更新)

看懂npm、yarn、pnpm之間的區別 https://blog.csdn.net/qiansg123/article/details/80129453

原创 使用vue-video-play直播hls視頻流

這段時間需要寫視頻流的直播,期間使用過tlc插件(沒成功),在查閱了相關資料後找到了vue-video-play插件 以下爲package.json中使用的依賴 "videojs-contrib-hls": "5.14.1", "vid

原创 vue websoket的編寫與應用

這段時間使用了一下websoket,抽出時間做個記錄和總結 注:js自帶websoket,不需要引入 本方法,通過按鍵觸發,事件寫在methods的方法中,通過按鈕以及destroyed週期來關閉 websocket的建立以及使用,JS(