- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 ubuntu20.04 如何安装nodejs和npm
我们将安装Node.js版本14.x：1.以具有sudo特权的用户身份运行以下命令，以下载并执行NodeSource安装脚本：curl -sL https://deb.nodesource.com/setup_14.x | sudo -E bash -该脚本会将NodeSource签名密钥添加到您的系统，创建apt储存库文件，安装所有必需的软件包，并刷新apt缓存。如果需要其他的Node.js版本，比如12.x，改变setup_14.x用setup_12.x。2.启用NodeSourc
2021-12-03 16:07:13
11149
原创 vue-cli2与vue-cli3在一台电脑共存
1、新建两个文件夹，分别用于存放vue-cli2和vue-cli31.png2、进入vue2文件夹下载安装vue-cli2.02.pngvue-cli2.0版本下载命令为npm install vue-cli或者npm install vue-cli@版本号，这里我指定了版本号，还有这里不要加-g,否则就会安装到全局位置检验下载完毕，会生成一个node_modules文件夹，进入该文件夹下的.bin文件夹--F:\Vue\vue2\node_module...
2021-03-22 16:28:00
496
原创 西安交大2020年秋 在线作业及答案
微机原理与接口技术：https://wenku.baidu.com/view/3561c911af51f01dc281e53a580216fc700a539e.html计算机网络原理：https://wenku.baidu.com/view/4c6ba9e9ad45b307e87101f69e3143323968f59d.html
2021-01-31 20:00:54
1807
原创 Vue或JS 实现假分页
在网上找了一些实现假分页的例子，发现都比较繁琐，等于把在后端的分页重新拿到前端，比较麻烦。想了一下，自己实现了一个简便的。computedPage () { let start = this.pageSize * (this.pageIndex - 1) let end = this.pageSize * this.pageIndex this.list = [] for (let i = start; i < end; i++)
2020-07-22 11:20:00
646
原创 前端样式规范之BEM风格
块==特征==The block name describes its purpose ("What is it?" — menu or button), not its state ("What does it look like?" — red or big)块名称描述了它的用途(“它是什么?”-菜单或按钮)，而不是它的状态(“它看起来像什么?”-红色或大的)。<!--正确示例--><div class="error"></div>.
2020-07-15 14:44:39
1274
原创 Vue 产品定制 用最小的代价实现差异化打包
运行NPM拆分根据需要将产品拆分成一个标准版和多个定制版，修改package.json，将老版本的内容替换成新版本，也可以同时存在"scripts": { "dev": "webpack-dev-server --inline --progress --config build/webpack.dev.conf.js", --老版本 "dev:standard": "cross-env BRANCH_ENV=standard webpack-dev-server --inline -
2020-06-11 11:19:31
798
原创 vue指令模式 添加埋点
埋点也叫浏览足迹，有多种类型，如浏览页面、点击、搜索等等。我使用Vue的自定义指令来添加埋点，使用起来比较简单方便，下面是我的代码Dom代码：<div class="main" v-track="{act:'browse'}"></div><el-button v-track="{act:'click'}">Test</el-button>指令代码：import Vue from 'vue'// 埋点指令Vue.direct
2020-05-29 15:56:48
1582
原创 elementUI form表单验证 跳过某一项
selectValidField () { let isPass = true this.$refs['ruleForm'].validateField('a', (err) => { if (err) { isPass = false } }) this.$refs['ruleForm'].validateField('b', (err) =&...
2020-04-15 18:12:19
2445
原创 Vue的模仿用户输入文字的组件，动态值
vue-typer是一个很好玩的模仿用户输入效果的vue组件。它可以支持输入再擦除的动画。支持多种文字输入模式，可自定义组件的样式。安装通过NPM安装$ npm install --save vue-typer插件应用将vue-typer注册到组件使用的例子// ES6 import { VueTyper } from 'vue-typer'// Common...
2020-01-08 14:35:15
526
原创 vue组件发布到npm，类似element-ui
1.创建webpack-simple类项目vue init webpack-simple demo2.目录3.编写组件packages/timer就是编写的组件，跟普通组件无差别，这里只是用于测试4.修改package.json画红线部分即是需要修改或新增的内容5.修改webpack.config.js画椭圆红线部分需要注意，画方线部分需要修改或新增6.在src...
2019-08-12 14:44:12
240
原创 Vue 自定义指令 （疑难阶级）
简介除了核心功能默认内置的指令 (v-model和v-show)，Vue 也允许注册自定义指令。注意，在 Vue2.0 中，代码复用和抽象的主要形式是组件。然而，有的情况下，你仍然需要对普通 DOM 元素进行底层操作，这时候就会用到自定义指令。举个聚焦输入框的例子，如下：当页面加载时，该元素将获得焦点 (注意：autofocus在移动版 Safari 上不工作)。事实上，只要你...
2019-07-09 10:10:41
395
原创 The model backing the 'XXX' context has changed since the database
1. 打开工具-->NuGet包管理器-->程序包管理器控制台2.在PM>后面输入Enable-Migrations -ContextTypeName DatabaseName（如果执行失败，就参考失败信信息重新输入，失败信息提示的非常明确；DatabaseName是你生成的数据库名字），然后你发现项目里面增加了一个Migrations文件夹，里面自动生成了一些代码，这些代码...
2019-05-17 16:54:40
3488
原创 nuxt项目创建完毕，element-ui报错，如何解决？
找到文件路径下的文件并打开：\node_modules\element-ui\lib\element-ui.common.js将props: { src: String, fit: String, lazy: Boolean, scrollContainer: [String, HTMLElement], alt: String },改...
2019-05-14 10:18:48
1199
原创 nuxt端口占用，如何更改？
通过在 package.json 中进行配置："config": {"nuxt": { "host": "127.0.0.1", "port": "3333"}},"scripts": {"dev": "nuxt"}
2019-05-14 10:11:37
907
原创 使用nuxt.js构建一个vue项目
使用nuxt2.0官方脚手架，我们需要全局安装npx，输入npm i -g npx 随后切换到想要创建项目的路径输入npx create-nuxt-app 项目名称 再随后会出现一堆配置项，可以集成koa，element-ui等模块，按需选yes或no即可 注意：选择axios的时候是敲空格键，不是回车键 有可能我们需要输入npm i --update-binary ...
2019-05-14 09:58:45
879
原创 nuxt 安装node-sass失败
设置全局镜像源npm config set sass_binary_site https://npm.taobao.org/mirrors/node-sass/，之后再执行npm i node-sass --save就好了
2019-05-13 14:38:18
766
原创 Vue项目发布后，元素的背景图片路径找不到问题终极解决方案
1、在webpack.prod.conf.js文件里output里面添加：publicPath：'./'2、在utils.js文件里添加 publicPath:'../../'3、在config/index.js文件里，添加assetsPublicPath:'./'
2019-05-05 13:46:01
1581
原创 nodejs 端口号被占用
怎么查看端口的占用情况，怎么知道哪个程序占用了这个端口呢？使用如下方式：C:\>netstat -aon|findstr "9050" TCP 127.0.0.1:9050 0.0.0.0:0 LISTENING 2016看到了吗，端口被进程号为2016的进程占用，继续执行下面命令： C:\>tasklis...
2019-01-30 10:35:35
1044
原创 Vue调试神器vue-devtools在Chrome上安装
1.到github下载：git clone https://github.com/vuejs/vue-devtools2.在vue-devtools目录下安装依赖包 1 2 cd vue-devtools cnpm install 3.修改manifest.json文件把"persistent":false改成true...
2018-12-21 09:41:47
282
原创 如何用命令将本地项目上传到git
1、（先进入项目文件夹）通过命令 git init 把这个目录变成git可以管理的仓库git init2、把文件添加到版本库中，使用命令 git add .添加到暂存区里面去，不要忘记后面的小数点“.”，意为添加文件夹下的所有文件git add .3、用命令 git commit告诉Git，把文件提交到仓库。引号内为提交说明git commit -m 'first com...
2018-12-19 16:27:00
175
原创 WebStorm2018.1 64位下载 (附送激活方法)
第一种方法，官方下载1、去官网下载：http://www.jetbrains.com/webstorm/2、启动时，选择服务器激活 Active Server，粘贴下方url地址,任选一行：http://idea.codebeta.cnhttp://idea.wrbugtest.tk/https://idea.ouyanglol.com3、如果失效了，请百度一下最新激活服务器...
2018-12-17 10:50:41
1757
原创 Vue SSR之服务端渲染
目录准备工作开始折腾1. 首先安装 ssr 支持2. 增加路由test与页面3. 在src目录下创建两个js:4. 修改router配置。5. 改造main.js6. entry-client.js加入以下内容：7. entry-server.js8. webpack配置9. webpack 客户端的配置10. webpack 服务器端的配置11...
2018-12-13 14:36:22
815
1
原创 vue项目兼容IE11
1、npm安装babel-polyfillnpm install babel-polyfill --save-dev2、在入口文件main.js中引入import 'babel-polyfill'3、在webpack.config.js配置文件中做修改，即可。entry: { app: ["babel-polyfill", "./src/main.js"]}4....
2018-12-11 16:39:10
2196
1
原创 Vue开发环境搭建及使用vue cli(脚手架)生成项目
Vue开发环境搭建 node安装 官网：https://nodejs.org/en/ 下载相应系统及架构的安装包，之后傻瓜式安装即可。 安装好node之后，以管理员身份打开cmd管理工具，，输入 node -v ，回车，查看node版本号，出现版本号则说明安装成功。 安装淘宝npm镜像 由于npm是...
2018-11-28 14:15:38
246
原创 js中的匿名函数和匿名自执行函数
1.匿名函数的常见场景js中的匿名函数是一种很常见的函数类型，比较常见的场景: <input type="button" value="点击" id="btn"> <script type="text/javascript"> //匿名函数的第一种情形 var btn=document.querySelector(
2018-11-08 16:46:47
185
原创 JavaScript中的模块化开发
一、为什么会有模块化1. 当一个项目开发的越来越复杂的时候，会遇到一些问题，比如： 命名冲突：当项目由团队进行协作开发的时候，不同开发人员的变量和函数命名可能相同；即使是一个开发，当开发周期比较长的时候，也有可能会忘记之前使用了什么变量，从而导致重复命名，导致命名冲突。 文件依赖：代码重用时，引入js文件的数目可能少了，或者引入的顺序不对，比如使用boostrap的时候，需要引...
2018-11-08 16:32:28
262
原创 JS公共方法汇总
var common = { /* * js克隆 * --------------------------------------------------------------- * @obj {任何类型} 需要克隆的对象 */ "clone" : function(obj) { var o; ...
2018-11-08 10:45:36
1145
原创 Webstorm 代码格式化 es6语法支持
空格不一致，比如：data() ，es6应该是data ()，少了个空格解决方法：1.将webstorm升级至2017.3及以上版本2.在 .eslintrc.js 上右键，菜单底部有一个 "Apply ESLint Code Style Rule" 点它，之后自动格式化就会按照 eslint 的规则了3.重新使用代码格式化快捷键，查看问题是不是解决了补充：如果想要快捷修复ES...
2018-11-03 19:59:08
5380
原创 前端代码压缩的方式
Html代码压缩1.使用在线网站进行压缩2.nodejs提供了html-minifier工具3.后端模板引擎渲染压缩Css代码压缩1.使用在线网站进行压缩2.使用html-minifier对html中的css进行压缩3.使用clean-css对css进行压缩Js压缩与混乱1.使用在线网站进行压缩2.使用html-minifier对html中的js进行压缩...
2018-10-29 23:11:21
5992
原创 Vue 动态生成数据字段
1.父组件定义data里面的数据字段，异步请求获取数据(一种配置数据，一种实际数据)data () { return { config: [], list: [] };}2.子组件接收数据props: { config: Array, list: Array},data () { return { newConfig: [], ...
2018-10-29 16:43:48
3034
原创 Cordova生成APP之替换图标及名称
替换文件目录在应用程序的根目录中找res文件夹和config.xml文件，找到对应平台的图片替换内容即可。
2018-10-29 00:13:30
3914
原创 cordova + Vue 开发 APP 生成原生安装包
什么是 cordovacordova 是由 Apache 基金会支持的，使用 HTML5 + CSS3 + JS 来构建多平台 APP 程序的开发框架。其支持调用手机系统（Android、IOS、Windows phone）原生 API，它可以将你写的 Web 程序包裹进原生的 APP 壳中，也就是我们常说的 Hybrid APP （混合应用）。本文是一个前端开发者如何从 0 开始结合 Vue...
2018-10-28 21:07:39
972
原创 git(码云)使用步骤详细
首先下载安装Git终端插件，官网地址：https://git-scm.com/安装步骤是傻瓜式的，就不详细说明了，一直下一步到底也OK。1.安装好之后可在桌面右键点击git bash图标进入命令行终端2.在码云的官网注册帐号并登录，进入个人中心的设置界面，点击SSH公钥->添加3.在bash终端中执行命令 ssh -keygen -t rsa -C "你的邮箱地址"，回车...
2018-10-25 23:32:53
594
原创 修改git bash的默认开始路径
右击Git Bash的图标-->属性 点击快捷方式，删除目标(T)的--cd-to-home的属性 双击运行Git Bash，看输出是否为所要的位置。
2018-10-25 22:57:20
323
原创 联通宽带在停电以后断网，重启猫还是没网，可能是设置出问题了
解决步骤如下（在链接到WIFI的情况下操作）：打开地址：http://192.168.1.1/cu.html输入用户名+ 密码，均是CUAdmin打开基本配置，选中表格中的项“INTERNET_R_VID_10”，出现基本信息打勾“使能WAN”，应用设置...
2018-10-25 14:02:46
5085
原创 Git 修改用户名以及邮箱
验证当前本地属性：怎么知道本地有设置？git config --local --list 看一眼。怎么设置本地属性？ git config user.name/email。解决方法：法一：使用命令修改git的用户名和提交的邮箱 1）修改全局 如果你要修改当前全局的用户名和邮箱时，需要在上面的两条命令中添加一个参数，--global，代表的是全局。 命令分别...
2018-10-25 14:01:22
2241
原创 Vue中切换页面时的过渡动画
Vue中切换页面时的过渡动画定义层级监控路由跳转编写样式定义层级我们需要给各个页面定义层级,在切换路由时判断用户是进入哪一层页面,如果用户进入更高层级那么做前进动画,如果用户退到低层级那么做后退动画。import Vue from 'vue';import Router from 'vue-router';import Home from '@/pages/home/Home';imp...
2018-10-25 13:55:39
11620
5
NET Core 3.0 开发指南
2020-08-12
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人