前端
关注
分享
扫一扫
CodeLines3
前端开发
展开
-
Linux（Ubuntu）安装node
Linux（Ubuntu）安装node。原创 2023-02-01 13:59:10 · 1225 阅读 · 0 评论 -
pnpm — Monorepo
pnpm + Monorepo原创 2022-09-09 12:44:27 · 701 阅读 · 0 评论 -
解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)
解决 Vite (Only file and data URLs are supported by the default ESM loader. Received protocol ‘node:‘)原创 2022-07-25 21:13:20 · 11140 阅读 · 0 评论 -
pnpm(Run “pnpm setup“ to create it automatically, or set the global-bin-dir setting, or the PNPM_HO)
pnpm Error原创 2022-06-27 13:42:58 · 2854 阅读 · 0 评论 -
Angular 渲染 树结构 页面节点
1、数据结构（TypeScript)tree: any[] = [ { name: 'root', children: [ { name: 'child1', children: [] }, { name: 'child2', children: [] }, ...原创 2019-12-07 17:06:15 · 798 阅读 · 0 评论 -
省市县（旗）、直辖市 JSON数据
https://github.com/maleSun/component/blob/master/script/city_json.json原创 2019-04-13 16:12:32 · 644 阅读 · 0 评论 -
npm 包 发布 vue 插件
1、注册npm账号npm 官网 验证邮箱 顺便查一查是否有重名插件，否则不能发布2、webpack-simple初始化 vue插件项目vue init webpack-simple 插件项目名vue init webpack-simple state-button? Project name state-button? Project description A ...原创 2019-04-16 21:57:39 · 489 阅读 · 0 评论 -
Weex 集成到 Android
1、安装Android StudioAndroid Studio 下载地址，以Windows为例 这里选择解压版解压后，找到 bin目录下运行程序这里 选择使用 Android Studio安装 SDK，SDK manager 需要代理（翻墙）成功几率小。选择要安装SDK的目录查看安装修改 .gradle 位置，每个版本安装依赖...原创 2019-04-25 18:56:55 · 948 阅读 · 0 评论 -
webpack起步
1、webpack安装1.1、安装最新NodeJS1.2、创建webpack-demo目录(cmd操作)mkdir webpack-democd webpack-demo1.3、初始化 package.jsonnpm init -y 1.4、安装 webpack 和 webpack-clinpm install webpack webpack-cli --sa...原创 2019-04-17 20:00:08 · 207 阅读 · 0 评论 -
Weex安装使用CSS预处理工具
Weex使用Less 安装 npm install --save lessnpm install --save less-loader 配置vue-loader 项目/config/vue-loader.conf.js 配置相关module.exports = (options) => { return { loaders: utils.css...原创 2019-04-27 12:51:40 · 593 阅读 · 2 评论 -
国家电话区号JSON数据
【代码】国家电话区号JSON数据。原创 2019-04-28 17:49:28 · 1655 阅读 · 0 评论 -
Weex项目创建
1、环境安装安装Node.js安装npm2、创建weex项目2.1、全局安装weex-toolkitnpm install weex-toolkit -g2.2、初始化项目(项目名全部小写)weex create 项目名weex create weex-app2.3、进入目录，安装依赖cd weex-appnpm install2.4、启动...原创 2019-04-24 18:43:07 · 396 阅读 · 0 评论 -
Angular6+引入 Echarts4+ 并使用
1、安装 echarts (默认最新) npm install --save-dev echarts2、安装ngx-echarts(默认最新) npm install ngx-echarts --save3、Angular项目中引入 echarts 在 angular.json中（具体文件路径根据node_modules引入的版本路径）"project...原创 2019-07-13 19:41:28 · 1591 阅读 · 0 评论 -
Echart4 关系图 Graph 节点点击折叠展开 （Angular6）
import { Component, OnInit, ChangeDetectionStrategy, ChangeDetectorRef, NgZone, ElementRef } from '@angular/core';import { TableServiceService } from './table-service/table-service.service'import *...原创 2019-07-21 21:44:58 · 2829 阅读 · 0 评论 -
Vue 提交表单
1、form标签@submit.prevent="submit($event)"<form @submit.prevent="submit($event)"><input type="text" class="form-control" placeholder="请输入姓名" name="username"><input type="s...原创 2019-04-13 15:34:15 · 44894 阅读 · 3 评论 -
Vue 路由跳转、返回某一页方式
1、映射路由 <router-link> 标签 to属性<!-- path跳转 --><router-link to="/home"> Home </router-link>index.jsimport Vue from 'vue'import Router from 'vue-router'import Home fro...原创 2019-04-13 15:03:58 · 11254 阅读 · 1 评论 -
Vue中keep-alive 缓存desroyed()不能执行解决办法
父组件：使用<keep-alive>，<keep-alive exclude=""> <router-view @public_footer="public_footer"></router-view></keep-alive><app-footer v-if="isFooter"></app...原创 2019-04-12 23:27:59 · 884 阅读 · 1 评论 -
关于JS 修改元素 display 属性问题
JS 修改元素 display 属性当我们想要使用JS来控制元素 display 属性来使其显示或者隐藏时，需要将 display 属性作用在行间样式上，并使用 ID 选择器，即 HTML<div id="drop-box" style="display:none">JS var dropBox = document.getElementById("dro...原创 2018-03-12 14:23:23 · 35558 阅读 · 1 评论 -
github上传本地文件夹
*适用已经安装GIT工具1. 在需要上传的文件夹下右键，选择 git bush here，打开git工具2.生成 SSH key， 输入 $ ssh-keygen -t rsa -C "你的github账户"，如图2-1所示 图 2-1 生成过程，会提示输入路径、登录密码等，建议不要输入，直接三次回车，即默认路径和默认没有登陆密码。 查看...原创 2018-03-04 22:19:22 · 3029 阅读 · 0 评论 -
jQuery 和其他框架共用（$ 问题）
jQuery 和其他 JavaScript 框架大多数框架都习惯使用 $ 作为简写。若使用两种不同的框架时使用相同符号作为简写（例：$），可能会导致脚本的运行。所以jQuery创建了 noConflict() 方法。noConflict() noConflict()会释放对 $ 符号的控制，然后就可以供其他脚本使用。而另一种方式就是使用全名代替简写达到相同的效果：$.noC...原创 2018-11-25 17:44:30 · 212 阅读 · 0 评论 -
Vue组件与实例使用注意
Vue组件与Vue实例的顺序组件必须在实例之前创建HTML <div id='wp'> <button-counter></button-counter> <button-counter></button-counter> <button-counter>...原创 2018-11-25 16:19:13 · 306 阅读 · 0 评论 -
CSS设置复选框、单选框样式
HTML<input type="checkbox" name="check" class="check"><!-- 单选框同此 -->CSS1、需要取消单选框自身样式.check { display: inline-block; vertical-align:middle; appearance: none; /* 取消自身块样式...原创 2019-02-27 18:00:14 · 1697 阅读 · 1 评论 -
JS正确获取元素真实的高度（clientHeight）
1、获取元素自身document.get...系列; //第一种方式document.querySelector('myBox'); //第二种方式2、设置页面样式（在你获取的一系列height都是一个值的时候）html,body{ height:100%;}不设置，就是元素中最高的元素撑起页面的高度。巨坑！...原创 2019-02-25 20:27:54 · 5261 阅读 · 0 评论 -
Vue嵌套路由
项目目录结构|-- src |-- components |-- index |-- page |-- index2 |-- router |-- index.js |-- App.vue |-- main.js1、App.vue<template> <-- HT...原创 2019-03-16 17:11:43 · 190 阅读 · 0 评论 -
github上传、预览Vue项目
1、建立Github库参考建立Github库2、构建Vue项目3、修改相应文件，达到预览效果3.1、修改 config/index.js在build中将 assetsPublicPath : '/' 改为assetsPublicPath : './'module.exports = { build: { // Template for index....原创 2019-03-18 14:45:15 · 456 阅读 · 0 评论 -
Vue <template> 注意事项
1、创建temp.vue文件<template> <!-- 模板只能有一个根元素，其他模板内容只能包围在这里面 --> <div> 模板内容 </div></template>模板只能有一个根元素，其他模板内容必须包围在这里面，否则会提示Component template should contai...原创 2019-04-05 09:27:55 · 360 阅读 · 0 评论 -
Vue切换组件，返回后不重置数据，保留历史设置
1、<router-view ></router-view> 外层包围<keep-alive></keep-alive>keep-alive作用将组件实例缓存下来<keep-alive> <router-view></router-view></keep-alive>2、清除组...原创 2019-04-06 23:33:12 · 6460 阅读 · 2 评论 -
Vue 当前页面刷新---其他页面跳转两种方式 data 数据状态 处理
1、vue当前页面刷新保存 data内某个数据值不重置//钩子函数 createdcreated() { //刷新当前页面 获取 changeStyle 对 data 设置 this.isFocus = JSON.parse(window.sessionStorage.getItem('newsFlag')) || 0;},methods: { //改变当前页...原创 2019-04-07 22:05:16 · 1287 阅读 · 0 评论 -
cookie、session、sessionStorage、localStorage区别
1、Cookie1.1、cookie内容主要包括 名字 值 过期时间 路径 域 1.2 、cookie特点cookie保存在客户端，服务器能够知道其中的信息 cookie不是很安全，别人可以分析存放在本地的cookie并进行cookie欺骗，考虑安全应当使用session cookies由服务端创建，发送给浏览器端，当用户发出请求...原创 2019-04-08 11:05:16 · 194 阅读 · 0 评论 -
vue-cli项目常用插件及支持安装
1、检查 node版本node -v2、全局安装 vue-clinpm install -g vue-cli或使用国内淘宝镜像npm install -g cnpm –registry=https://registry.npm.taobao.orgcnpm install -g vue-cli3、使用 webpack搭建vue init webpack vue-de...原创 2019-04-02 19:36:44 · 851 阅读 · 0 评论 -
npm 安装 webpack
1. 安装NodeJs，检测node.js是否安装成功 查看node版本 >node -v查看npm版本 > npm -v3. npm 安装 webpack采用全局安装，然后等待webpack安装。> npm install webpack -g> webpack-version安装...原创 2018-11-13 17:57:50 · 9972 阅读 · 1 评论