- 博客(52)
- 收藏
- 关注
RSS订阅
原创 apache2添加网站配置
1.进入etc目录下的apache2文件夹，然后进入sites-available文件，然后把000那个文件用记事本打开，复制里面内容，新建一个文件，把内容复制到里面去。（注意命名） 2.然后进入服务器，进入apache2文件夹，进入sites-acailable文件夹，首先修改相应文件的配置，修改成如下 ...
2018-07-30 11:33:12
4251
原创 三分钟学会Vue自定义插件-----实现一个alert/confirm插件
使用Vue开发的过程中，我们会在很多地方用到一些同样的功能，比如说提示弹窗，这种时候我们可以自定义一个插件，方便在多个地方使用。项目目录结构：modules：放置模块的文件夹，里面有一个 alert 文件夹，用于存放 alert 插件 ； Alert.vue：就是我们要在多处用到提示弹窗组件； index.js：对于该自定义插件的一些配置；代码编写：Alert.vue<template> <!-- 初始状态下隐藏提示框 --> <div v.
2020-05-10 15:17:13
3266
6
原创 Webpack高级概念
一. Tree Shaking 概念详解1、接着上次的代码index.js：import '@babel/polyfill';import React, { Component } from 'react';import ReactDom from 'react-dom';class App extends Component { render() { ret...
2019-09-07 10:19:42
851
原创 Redux
1、UI 组件和容器组件UI 组件负责容器的渲染，容器组件负责页面的逻辑 ；将之前的 TodoList.js 拆分成 UI 组件和容器组件，TodoListUI.js :import React, { Component } from 'react';import { Input, Button, List } from 'antd';class TodoListUI ex...
2019-08-05 09:16:15
230
原创 Redux入门
一. Redux 概念简述 React 本身是一个视图层的框架，我们想要开发比较大型的项目，还需要 Redux 这个数据层的框架来帮助我们。下图就是是否使用了Redux 进行传值的比较。 Redux： 把组件所有的数据都放到公用的存储空间 Store 里，当绿色组件想要改变数据传递给其它组件的时候，只需要改变 Store 里面对应的数据即可，...
2019-07-31 14:39:19
243
原创 React 高级内容
一.React developer tools安装及使用这是React项目的调试工具，方便我们在开发过程中对React项目进行调试。安装步骤：1. 去github下载react-devtools压缩包，也可以通过git bash下载： git clone https://github.com/facebook/react-devtools.git2. 下载成功后，进入re...
2019-07-30 16:46:21
506
原创 Webpack核心概念
Webpack的核心概念1、 Loader是什么？1、我们之前打包的都是js文件，下面试试打包一个图片文件。首先将一个图片文件放进src目录下，接着添加index.js的模块引入代码：var Header = require('./header.js');var S...
2019-07-12 11:17:03
379
原创 初识Webpack
3 Webpack的正确安装方式1、安装完node 和 git bash以后，新建文件夹webpackDemo。进入文件夹，使用npm init去初始这个项目。完成之后可以发现该命令就是生成一个package.json文件。描述了我们这个node项目的一些信息：我们也可以去增加一些内容，比如：private: true的意思就是我们的这个项目是一个私有的项目，不会被发布到n...
2019-07-10 14:42:12
208
原创 React 基础内容
一. 使用React编写todolist1. 占位符Fragment；先从下面图片开始了解本节的目录结构、代码、效果：目录结构：代码：index.jsTodoList.js效果:上图中红色方框中的dom结构是用一个div包裹的，但是有时候我们在实现flex布局的时候该div包裹会影响我们的样式。React提供了一个占位符Fragment。我们引入该占位符...
2019-05-13 12:10:54
288
原创 vue-cli3.0 执行打包指令npm run build后如何本地直接访问index.html
1：在最外层目录下创建一个vue.config.js文件；2. 在vue.config.js中输入如下代码：module.exports = { publicPath: './'}3. 保存后执行npm run build以后会出现一个dist目录，点击里面的index.html文件即可直接访问本次项目，而不需要执行npm run serve。注意： 不配置vue.co...
2019-05-01 13:09:28
11102
1
原创 如何使用git配置本地公钥私钥到github
下面这篇博客写的非常详细：初次使用git配置以及git如何使用ssh密钥（将ssh密钥添加到github）
2019-04-02 08:29:29
1414
转载 解决vue项目运行过程中，npm run dev 报错问题
错误：ERR! code ELIFECYCLEnpm ERR! errno 1npm ERR! metools@1.0.0 dev: `node build/dev-server.js`npm ERR! Exit status 1npm ERR!npm ERR! Failed at the metools@1.0.0 dev script.npm ERR! This is pro...
2019-04-01 18:32:01
1969
原创 vue-cli3.0如何在本地模拟JSON数据
找了半天以后发现说的都比较模糊，最后找到下面这篇文章清晰明了，成功的实现了。参考该文章即可：https://www.cnblogs.com/beevesnoodles/p/10026751.html
2019-03-31 12:22:18
3082
原创 解决sublime text3不能用package control内部安装插件的问题
根据下面博文操作即可：https://blog.csdn.net/weixin_41606276/article/details/86564364json文件下载地址:https://pan.baidu.com/s/1qRgQXiYD2-6MjTb3B3mIBg
2019-03-30 09:26:37
346
原创 解决sublime text3无法安装package control的问题
1. 我们正常应该尝试自动安装，按住ctrl + `，在出现的输入框中输入如下代码回车：import urllib.request,os,hashlib; h = '6f4c264a24d933ce70df5dedcf1dcaee' + 'ebe013ee18cced0ef93d5f746d80ef60'; pf = 'Package Control.sublime-package'; ip...
2019-03-18 08:33:24
386
1
原创 vue项目如何通过电脑连接手机热点在手机上访问
首先当然得让电脑连上手机热点，使他们处于同一个局域网中； 去命令行工具输入ipconfig获取电脑的ip，如下图所示IPv4地址就是本机电脑的IP 3. 接着去vue项目中修改配置项，步骤如下：去congif目录下的index.js文件 将里面的host设置为本机ip即可。最后修改完成以后重启服务器：npm run dev即可。...
2019-03-12 09:46:13
1558
原创 JS 获取url参数并保存在对象中
const urlJson = url => { let obj = {}; let arr = url.slice(url.indexOf('?') + 1).split('&'); arr.forEach(item => { let arr1 = item.split('='); obj[arr1[0]] = arr1[1]; ...
2019-03-08 10:40:37
562
原创 js字符串常用方法
1. str.charAt(index); 返回子字符串 ，（index是字符下标） const str = 'hello world'; console.log(str.charAt(0)); //h2. str.charCodeAt(index); 返回子字符串的unicode编码 const str = 'hello world'...
2019-03-08 10:17:42
150
原创 js数据结构与算法之排序--------选择排序
选择排序动画：原理：从第一位开始，找它后面的最小的值来与该位置做交换。代码实现： let chooseArray = (arr) => { for(let i = 0, len = arr.length, min; i < len; i++) { min = arr[i]; for(let j = i + 1; ...
2019-03-03 11:32:17
158
原创 js解决高频率点击带来的定时器问题
可以在点击函数里面先设置clearInterval(timer)，然后再设置定时器timer = setInterval(...........);下面的例子就成功的解决了这个问题：//一个计时器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti
2019-02-19 14:39:28
1178
原创 js数组常用的22种方法
1. length 返回数组的长度 let arr = [7, 5, 4, 2]; console.log(arr.length); //4 2. push() 向数组的末尾添加一个或更多元素(包括对象和数组)，并返回新的长度。 let arr = [7, 5, 4, 2]; const len = arr.push(40); con...
2019-02-19 13:52:39
384
原创 js数据结构与算法之排序-------冒泡排序
一.冒泡排序 时间复杂度：算的是运行的次数。 空间复杂度：算的是占用的内存。想详细了解，可点击该链接：十分钟搞定时间、空间复杂度冒泡排序：通过从第一个位置开始做交换，大的往后排，小的往前排，一直到最后。以此类推，每次遍历都是干这个事。动画： ...
2019-02-16 14:39:38
146
原创 js数据结构与算法 -------1
一.基础算法之“字符串类”1.1反转字符串原理讲解： 原理：首先把句子分隔开，然后把字符串变成一个数组，数组中的先后顺序就是单词的先后顺序，然后把每个...
2019-02-16 12:27:50
541
原创 一个vue页面使用多个components
第一步：在compoents目录下创建多个组件； 第二步：在App.vue中添加多个router-view标签，别忘了写name； 第三步：修改router目录下的index.js文件； ...
2019-01-07 11:06:31
17006
原创 vue项目报警告：error： Expected linebreaks to be ‘LF’ but found ‘CRLF
原因是：这就是eslint的报错了，可能是原作者用的事linux系统，而我们是用windows 下的bash解决方案：项目根目录下有.eslintrc.js文件，在配置文件中修改rule配置项，如下：'linebreak-style': 'off' ...
2019-01-02 10:09:18
1345
2
原创 D3.js之坐标轴
一.绘制步骤：先创建一个svg元素 //创建一个svg元素 var width = 600; var height = 600; var svg = d3.select('body') .append('svg') .attr('width', width) .attr('height', height); 定义用于...
2018-12-26 15:22:48
298
原创 D3.js绘制柱形图
注意：此次绘制的柱形图不涉及坐标。步骤：一.添加矩形。 <script type="text/javascript"> var datest = [30,78,90,210,105,98,150,177]; //绘制柱形图所用的数据 var width = 400; //svg绘图区域的宽度 var height = 400; ...
2018-12-25 16:02:50
3187
原创 D3.js之饼图
一.绘制饼图的步骤：添加svg并添加svg属性(width, height); <script type="text/javascript"> var width = 400; //设置svg区域的宽度 var height = 400; //设置svg区域的高度 var svg = d3.select('body') ...
2018-12-24 16:42:08
1905
原创 Canvas绘制时钟
Canvas绘制时钟步骤如下：首先绘制时钟的背景，包括小时数已经代表分钟的点。 <style type="text/css"> div { text-align: center; margin-top: 150px; } #can { border: 1px solid black; } </style...
2018-11-20 21:49:16
185
原创 4. Canvas旋转与变形
一.旋转与变形1.变形方法：变形方法中的旋转/移动相关方法 方法 说明 setTransform(m11,m12,m21,m22,dx,dy) 变形矩阵的指定（清空先前的指定） transform(m11,m12,m21,m22,dx,dy) 变形矩阵的指定（可重复指定） rotate(angle) 旋转 scale(x,y) ...
2018-11-17 16:40:21
1036
原创 3. Canvas绘制数据图表
一. Canvas绘制数据图表1.绘制方格图：方格图是为了最终绘制折线数据图表做准备的。绘制方格图只需要在Canvas上绘制一系列的横线与竖线。 <canvas id="cas" width="300" height="300"></canvas> <script type="text/javascript"> //获取上下文
2018-11-04 18:17:04
1247
原创 2. canvas绘制渐变效果、绘制图像
一.绘制渐变效果线性渐变语法： //创建CanvasGradient对象 var g = context.createLinearGradient(x1,y1,x2,y2); //追加渐变颜色 g.addColorStop(颜色开始的相对位置，颜色);绘制线性渐变的实例： <canvas id="cas" width="300" height="300"&...
2018-11-04 09:54:37
943
原创 git错误：fatal: Not a git repository (or any of the parent directories): .git
提示说没有.git这样一个目录，解决办法如下：git init主要用来初始化一个空的git本地仓库。执行完上面的命令，当前目录下会自动生成.git隐藏文件夹，该隐藏文件夹就是git版本库...
2018-11-03 17:57:34
1106
原创 解决npm run dev以后报错：node_modules missing
1 首先安装node.js，官网地址：https://nodejs.org/zh-cn/download/2 使用npm淘宝镜像，避免npm下载速度过慢的问题 ：npm install -g cnpm --registry=https://registry.npm.taobao.org 3 使用cnpm 下载vue-cli cnpm install -g vue-cl...
2018-11-03 17:52:33
7046
原创 1. Canvas绘制基础图形
Canvas是在web画面中绘制位图的技术。步骤：1.取得Canvas对象。（相当于画布）2.从Canvas对象中获取绘图用的上下文。（相当于绘画用的笔）3.使用上下文中的方法和属性进行绘图。1.简单例子： <style type="text/css"> canvas { width: 300px; height: 300px; } &l...
2018-11-03 15:19:50
1054
原创 闭包使用场景
闭包是指有权访问另一个函数作用域的变量的函数1.setTimeout(fn,1000); 其中fn函数是不能带参数的，带了参数也是打印出undefined。这个时候就需要使用闭包。 <script type="text/javascript"> function test(a){ return function(){ console.log(a); }...
2018-09-18 12:23:38
1648
原创 用css消除table自带的内边距和外边距
我们可以用table的border-collapse:collapse;属性来代替cellspacing="0"，用th,td的padding:0;属性来代替cellpadding="0"。table{ border-collapse:collapse; border-spacing:0; } th,td{ padding:0; } ...
2018-08-17 11:04:35
22419
4
原创 微信小程序入门
一.微信开发者工具主要功能介绍1.新版本的微信开发者工具会自动将修改后的页面显示出来，不需要我们执行编译，只需要ctrl+s保存即可。2.控制台Sources下面的js文件中，带sm的是原始的js文件，不带sm的是执行编译过后的文件，所以我们在调试的时候应该在带有sm的js文件下调试。3.控制台点击三个点那个按钮，有个open file，可以帮助我们快速找到所需文件。 ...
2018-08-11 21:24:03
938
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人