原创 [vue.js]實現在頁面循環渲染帶有插值的 html 字符串

需求是這樣的:後臺傳參傳過來一個 html 文本,需要渲染在頁面上 那按照通常的做法,是利用 vue 的 v-html 指令,直接渲染像這樣: <span v-html="rawHtml"></span> 但問題是,後臺傳過來的 html

2019-11-07 17:05:22 2

原创 [vue.js]如何在 v-for 列表中動態添加 ref 並獲取對應元素dom

使用場景:在 vue 中,我們需要直接操作DOM的時候,可以使用ref 及$ref 來實現 也就是說我們在原生 js 中獲取 dom 元素,需要使用document.getElementById("name")現在可以直接使用this.$r

2019-10-21 11:45:20 2

原创 v-charts使用過程中的技巧及遇到的問題

v-charts 在使用 echarts 生成圖表時，經常需要做繁瑣的數據類型轉化、修改複雜的配置項，v-charts 的出現正是爲了解決這個痛點。基於 Vue2.0 和 echarts 封裝的 v-charts 圖表組件，只需要統一提供一

2019-09-27 16:45:36 72

原创 如何理解 vue 中 style 的 scope 屬性

用途：防止全局同名CSS污染原理：在標籤加上v-data-something屬性，再在選擇器時加上對應[v-data-something]，即CSS帶屬性選擇器，以此完成類似作用域的選擇方式 缺點：（1）由於只是通過屬性限制，類還是原來的類

2019-09-17 09:45:15 1

原创 vue-draggable-resizable-gorkys與v-chart使用與總結

實現效果:實現圖表的二次封裝以及表格的自由拖動,縮放功能 先貼出兩個組件的地址:vue-draggable-resizable-gorkys v-chart 圖標的二次封裝這裏我們先做一個簡單的封裝比如標題+圖表的形式📈 <div cl

2019-09-05 10:25:04 9

原创 【react】react使用fetch不兼容IE瀏覽器

最近寫了個React項目，發現在IE瀏覽器無法訪問報錯如下： 然後上網查了一下fetch在各個瀏覽器的兼容情況 發現在IE的兼容性並不好，需要手動導入 解決方法： npm install whatwg-fetch --save npm

2019-08-13 14:35:03 3

原创 利用nginx把vue項目部署到局域網ip，頁面顯示空白？你的nginx真的有權限嗎

背景在配置完nginx配置文件後，運行vue項目發現在 127.0.0.0 可以正常運行但在局域網ip訪問就是頁面一片空白 後來翻閱了網上的很多解決辦法比如說管理員權限開啓nginx或者nginx.conf文件最開始一行加上user roo

2019-07-27 20:51:06 5

原创 【sass】如何在vue項目中使用sass語法

Sass（英文全稱：Syntactically Awesome Stylesheets）是一個最初由Hampton Catlin設計並由Natalie Weizenbaum開發的層疊樣式表語言。在開發最初版本之後，Weizenbaum和Ch

2019-07-18 14:25:07 1

原创 【Vue.js】子組件的state接受父組件的props無法實時更新？那是因爲你沒有用深度監聽。

在寫頁面邏輯的時候出現這樣一個情況子組件獲取父組件的props值，並直接修改控制檯報錯這是因爲vue爲了避免子組件修改數據污染父組件而採取的措施 於是我把props值賦值給子組件的一個state props: { checkedn

2019-07-09 09:45:01 4

原创 【React】關於父組件傳prop值給子組件的state時，子組件state無法實時更新的解決方案

問題描述：在寫項目的時候碰到這樣一個問題通過Link組件傳遞一個名爲“name”的state給子組件 並在子組件中把接受到的prop值賦給state 當父組件點擊Link進行傳值時子組件收到prop並調用render函數 我們在render

2019-07-05 10:35:02 2

原创 vue.js+layerui

環境搭建如果你還沒有搭建vue開發環境，請移步https://cn.vuejs.org/ 以下步驟基於你已經搭建好vue的開發環境首先從官網上下layui框架 https://www.layui.com/ 在項目的static文件夾下導入文

2019-07-03 12:04:58 4

原创 ES6 Promise的使用

首先，我們爲什麼要用Promise語法？Promise作爲替代回調函數執行，作爲異步操作的處理方法之一，是解決JS異步執行時候回調函數嵌套回調函數這一問題的方法，它更簡潔地控制函數執行流程 一般promise有三種狀態：pending(等待

2019-07-01 17:30:28 2

原创 關於微信小程序多層嵌套渲染列表以及嵌套列表中數據的獲取

起因：意圖是想實現類似於安卓viewpager那樣的效果，想到了用微信小程序的swiper組件，但如果每個swiper-item裏都只用一個wx:for來渲染數據的話實在是太慢了，就想到多層嵌套數據渲染來提高效率。 直接上代碼 wxml：

2018-10-23 15:14:43 5

原创 初次接觸ReactNative，搭建環境、調試時遇到的報錯們及解決方法

初次搭建ReactNative總會碰上各種報錯以及紅黃屏報錯如果尚未搭建環境，請轉至官網搭建https://reactnative.cn/docs/g... 紅屏是fatal error(程序無法正常運行)，黃屏是Warming（程序可以運

2018-10-18 22:54:47 5

原创 從零搭建HEXO博客 修改默認主題/參數/favicon 替換個人主頁

準備：搭建環境 大致分爲以下兩步： 安裝Node.js 安裝git 配置Node.js環境 下載Node.js安裝 Windows Installer 32-bithttps://nodejs.org/dist/v4.2.3/nod

2018-10-17 16:44:54 3