- 博客(24)
- 收藏
- 关注
RSS订阅原创 Vue（五）- element ui库安装和使用过程中遇到的坑
1. 安装和引入npm i element-ui –S//vue_demo\src\main.js中引入文件import ElementUI from 'element-ui';import 'element-ui/lib/theme-chalk/index.css';Vue.use(ElementUI);2. UI组件使用遇到的坑点Layout布局<el-col :...
2019-11-19 18:24:03
2678
原创 Vue（四）-路由
路由的使用分为三个步骤：定义路由路径集合var routes = [{path: ‘’, component:}, …]新建一个路由对象var routers = new VueRouter({routes})将路由挂载到Vue实例上new Vue({el: ‘#app’,routers})传值的方式有两种方式1//路由路径的定义var routes = [{pa...
2019-11-19 18:03:31
131
原创 Vue（三）-组件间传值和双向数据流实现
Vue父子组件间数据流是单向的，即父-》子，虽然是支持双向数据流的，但是不推荐。本章主要讲组件间传值：父子组件，兄弟组件，v-model传值，父子组件间双向数据流实现。1. 父组件–》子组件父组件<todo-item v-for="(item, index) of list" :content="item" :index="index" ...
2019-11-19 17:56:29
761
原创 Vue（二）-挂载点，单文件组件，指令
1. 挂载点<div id="app"></div>var vm = new Vue({ el: '#app',//将Vue实例与HTML元素关联起来，只有关联到Vue实例的html才享有vue的特性 components: { App }, template: '<App/>'})也可以写成el: document.querySele...
2019-11-19 17:28:05
579
原创 Vue（一）：利用脚手架创建项目
vue-cli安装安装脚本>npm install –global vue-cli>vue init webpack todolist报错“vue不是内部或者外部命令”和解决– 控制面板卸载nodejs– C:\Users\XXX\AppData下的npm和npm-cache删除– 下载安装新的nodejs错误解决后，执行下面命令node –v ...
2019-11-19 17:02:49
120
原创 javascript的原型模式
javascript的原型模式认识原型每个函数都有一个原型prototype属性，指向原型对象。使用原型对象的好处就是让所有实例共享原型对象所包含的属性和方法。function Person(name, age){ this.name = name; this.age = age;}var p1 = new Person("tom",12);Person的prototype属...
2019-11-01 11:25:50
192
原创 版本管理工具-git安装和使用
同版本安装文件和学习笔记，在https://github.com/sunasitA/skillMap.git 下注册github账号和安装github客户端https://github.com/注册一个github账号Windows安装github客户端到https://desktop.github.com/ 点击Download for Windows。GitHubDesktopSet...
2019-08-24 10:59:53
576
原创 webpack之多页面应用程序配置
webpack.config.js中entry用hash的形式定义，output的filename写成[name].bundle.jsvar path = require("path");var htmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: { main: './src/scr...
2019-08-21 17:59:20
394
原创 webpack之loader
loader是啥webpack只能处理js文件，对于其他文件的压缩处理需要借用loader，loader可以在import或加载模块时预处理文件。示例main.js中加入css文件的引入require('../css/main.css');function hello(){alert("hello");}hello();被引入的main.css文件内容body{ width:...
2019-08-21 17:50:48
223
原创 前端实时可视化工具livereload安装和使用
什么是前端实时可视化工具前端开发人员都知道，每修改一点代码，都要刷新浏览器才能看到页面修改后的效果，效率很低。前端实时可视化工具，通过websocket往代码中注入一段js，监视代码是否有修正，替代浏览器的F5实时刷新画面。都有哪些，对比前端实时可视化工具：livestyle，livereload，browser-synccss,images,less等的修改都能实时展示在页面中，除此外...
2019-08-20 21:50:35
1554
原创 引入和使用webpack插件
命令行执行npm install html-webpack-plugin --save-dev成功出现下面信息：[email protected] 58 packages from 73 contributors and audited 79 packages in 7.566sfound 0 vulnerabilities此外，查看webpack....
2019-08-10 11:28:07
580
原创 修改webpack配置文件和json文件，使用npm run webpack执行打包
直接上步骤：准备工作，新建下面层级目录demo --src–script–dist–js2./src/script/main.jsfunction hello(){}3.新建webpack.config.js文件var path = require("path");module.exports = { entry: './src/script/main.js', o...
2019-08-08 22:30:44
1292
原创 打包工具webpack安装使用
打包工具webpack安装使用安装和使用步骤如下：windows用户的cmd窗口，执行cd dmkdir webpacknpm -vnpm initnpm install webpack --save-dev这边报错了，调查之后使用下面命令解决npm config set registry https://registry.npm.taobao.orgnpm in...
2019-08-06 23:11:53
295
原创 SNP服务
RSS(Receive side Scaling)一般的网络应用主要是跑tcp协议。tcp协议栈在处理大的数据包时会根据需要由OS自动分解为多个分段，每个分段能独立发送到网络对端，再由对端重新组合成可被应用程序识别的完整数据。RSS是一种网卡驱动技术。使用RSS的接收端主机，能利用多核CPU 并行处理的特性，同时处理这些分段的报文。最终好处是加快了数据接收速度。提高网络性能：跨多个C...
2019-07-17 18:16:34
1288
转载 UAC
UAC(User Account Control，用户账户控制)，要求用户在执行可能会影响计算机运行的操作或执行更改影响其他用户的设置的操作之前，提供权限或管理员密码。注册表的HKEY_LOCAL_MACHINE/SOFTWARE/Microsoft/Windows/CurrentVersion/Policies/SystemEnableLUA：0关闭UAC...
2019-07-17 17:43:38
495
原创 服务器时间同步注册表
服务器时间同步注册表ntp的注册表信息参数设置及含义ntp的注册表信息HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlSet\Services\W32Time参数设置及含义Config下的设置：AnnounceFlags值为5时，强制时钟源为本地CMOS时钟值为a（0x0000000a(10)）时，时钟源为设定的NTP服务器地址MaxNegPhas...
2019-07-17 15:49:05
2326
转载 离线安装Docker(Redhat7)
1.下载Docker CE包Install Docker CE from binaries (官方文档：通过二进制包安装 docker 社区版https://download.docker.com/linux/static/stable/x86_64/)2.通过 FileZilla 等文件传输工具将 docker-18.03.1-ce.tar 放到用户目录下，并移动到该目录执行下述命令解压二进...
2019-06-27 12:07:46
608
1
转载 Docker离线安装(Centos7)
@TOCDocker一般都是在线进行安装，但是有些时候需要在内网服务器之中使用Docker,所以通常我们都会将安装Docker服务的安装包进行下载，上传至服务器之中进行安装，以下是在CentOS7离线安装的对应步骤。一、下载依赖包1、下载downloadonly插件,用于只下载不安装yum install yum-plugin-downloadonly下载该插件主要是需要使用它下载D...
2019-06-27 12:00:18
814
原创 React Router V4
关于React-Router，网上一堆资料，但是关于React Router V4和V3的区别，信息分散，使用React Router V4开发者，被网上V3的代码搞的一团雾水，根据https://www.techiediaries.com/react-router-dom-v4/，更加系统的学习和整理了React Router V4。让V4使用者不再觉得迷惘。
2019-01-23 18:05:58
197
原创 React嵌套路由
当我们打开大部分网站的首页时，页面上会展示一个顶栏、一个侧边栏和一个list，当选中某条数据点击，就会跳转到详细画面。一般采用如下格式的嵌套路由：<Router history={hashHistory}> <Route path="/" component={App}> <Route path="/repos" component={Repos}/&...
2019-01-23 15:28:25
3352
翻译 React路由
推荐https://reacttraining.com/react-router/web/guides/quick-starthttps://www.cnblogs.com/xhdx/archive/2017/07/24/7231737.html命令：npx create-react-app [my-app][my-app]是项目名，可替换。cd [my-app]npm install ...
2019-01-23 13:57:12
135
原创 React高级篇(官网学习)-分批打包，按需下载
1.分批打包，按需下载1.1.bundle:将import的文件merge成一个bundle.// app.jsimport { add } from './math.js';console.log(add(16, 26)); // 42// math.jsexport function add(a, b) { return a + b;}//Bundlefunction...
2019-01-22 13:22:38
514
原创 第一个React项目及优化过程
功能需求创建一个todolist，输入框输入新增的todo，回车追加到下面的todolist中。点击todo后面的撤销 将此todo从todolist中删除。第一版：class ToDoList extends React.Component{ constructor(props){ super(props); this.state={ "todoList": [ ...
2019-01-07 18:50:56
332
原创 ReactJS
CROS先来个小游戏：我们做啥捏？前提arrow function安装概览什么是React？阅读Starter代码使用Props传递数据开发工具结束游戏一点一点学习吧Hello World介绍JSX为什么是JSX？在JSX中嵌入表达式JSX也是表达式先来个小游戏：安装overvidw介绍React基础：components,props,state完成游戏追加time Travel从T...
2018-12-26 14:53:56
145
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人