my demos

Demonstração comumente usada no desenvolvimento

Use Vue-cli e Element-ui para escrever exemplos encontrados no desenvolvimento usual.

 # 部署方法
git subtree push --prefix=dist origin gh-pages

Endereço de acesso:

https: // beat- the-buzer.github.io/my-demos

Novo projeto

npm install -g @vue/cli # 全局安装vue-cli
vue create my-demos # 新建项目
npm install -S element-ui # 安装element-ui
npm install -S vue-router # 安装vue-router

NOTA: O VUE-CLI 4.X não obteve configurações diretamente de Webpack no projeto. No entanto, se queremos modificar a configuração, como fazemos isso? De fato, existem algumas configurações padrão. Por exemplo, quero modificar o caminho de recursos empacotados, basta adicioná -lo neste arquivo:

 module . exports = {
  //=>process.env.NODE_ENV：环境变量中存储的是开发环境还是生产环境
  publicPath : process . env . NODE_ENV === 'production' ? './' : '/' ,
} 

Demonstração

clipboard.js

Clique para copiar a função: lidar uniformemente a problemas de compatibilidade

npm install -S clipboard

Swipeer.js

Componentes rotativos e deslizantes: não há site oficial, mas exemplos muito comuns:

npm install -S swiper

MockJs

Simulação de dados

npm install -S mockjs

Você pode usar esta ferramenta para simular dados, que é uma ferramenta obrigatória para nossa demonstração de redação.

RESET.CSS

Remova as diferenças entre diferentes navegadores

npm install -S reset-css

Basta apresentá -lo diretamente no projeto:

 import 'reset-css' ; // 引入CSS重置的模块

ICONFONT - SVG

Para introduzir ícones no método do SVG, primeiro você precisa colocar os ícones necessários em um projeto no site da ICONFONT, o Symbol Select e um endereço aparecerá abaixo. Ao visitar este endereço, você pode ver um parágrafo de JS e apresentar esse JS no projeto para usá -lo diretamente no projeto.

 import './common/iconfont' ; // 引入SVG

qrcode

Gerar um código bidimensional

npm install -S qrcode

Mescroll

Plugue -in plugue -in para carregar puxar para baixo e puxe para baixo a atualização

npm install -S mescroll.js

STORLABLE.JS

Arrastar

npm install -S sortablejs

Classificação de arrasto, o problema que frequentemente encontrou é como criar dados e os elementos DOM na página na estrutura como nosso VUE ou reagem.

Caráter de modificação da vue

Vue Modifier, basicamente a demonstração no site oficial

Criptografia AES

O AES é um método de criptografia simétrico.

1. Livro eletrônico de código de código (BCE) 2. Cheing de bloco cifrado (CBC) 3. Modo de contador (CTR)) 5.

npm install -S aes-js

Princípios específicos internos, se você estiver interessado, pode aprender mais.

Quando usamos o LocalStorage, sessionStorage para existir de dados locais, podemos executar uma operação de criptografia para melhorar o nível de segurança dos dados.

Adaptação do terminal móvel lib-flexível