it
关注
分享
扫一扫
追逐春天的大孩子
......
展开
-
Echarts使用
1.在绘制图表之前，我们需要为Echarts准备一个具备宽高的DOM容器 <!-- 2. 为ECharts准备一个具备大小（宽高）的Dom --> <div id="main" style="width: 750px;height:400px;"></div>2.我们在官网eacharts下载echarts的文件3.我们在我们的...原创 2019-12-07 17:21:36 · 538 阅读 · 0 评论 -
es6的新语法Object.assign（）用法
Object.assign()用法语法：Object.assign(target，...sources) target是目标对象 sources 是源对象1.用于将所有可枚举属性的值从一个或多个源对象复制到目标对象，它将返回目标对象const target = { a: 1, b: 2 };const source = { b: 4, c: 5 };const returnedTar...原创 2019-12-06 09:54:33 · 284 阅读 · 0 评论 -
vscode插件
原创 2019-12-05 17:29:04 · 157 阅读 · 0 评论 -
在vscode中常用的插件
Art Template Helper 支持模板的拼接Bracket Pair Colorizer 让代码中的括号高亮显示，标注括号的另一半，会有一条线连接括号的另一半Chinese Language Pack for Visual Studio Code 适用于VS Code的中文语言包Code Runner 可以运行任何语言的代码css-in-js 在js中书写css代码进行提示...原创 2019-12-04 15:17:17 · 353 阅读 · 0 评论 -
如何在一个html页面中引入另一个html页面
1.分别写出两个html页面01.html和02.html<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&...原创 2019-12-02 14:58:32 · 8699 阅读 · 0 评论 -
在vue中路由传递参数
1.router-link传参1. 不带参数<router-link :to="{name:'home'}"><router-link :to="{path:'/home'}"> //name,path都行, 建议用name// 注意：router-link中链接如果是'/'开始就是从根路由开始，如果开始不带'/'，则从当前路由开始。2.带参数<ro...原创 2019-11-29 22:01:00 · 835 阅读 · 0 评论 -
前端模块化,AMD,CMD,ES6 Module,CommonJS,ES6 模块与CommonJS 模块的差异
模块化：是具有特定功能的一个对象（广义的理解）模块定义的流程1.定义模块2。导出模块3.引用模块好处：可以存储多个独立的功能模块，复用性高AMD1.采用的是异步加载，不影响后面语句的运行，所有依赖这个模块的语句都定义在一个回调函数中，等加载完成这个回调函数才会执行。介绍使用require.js实现AMD规范的模块化使用require.config（）指定引用路径...原创 2019-11-29 21:47:26 · 134 阅读 · 0 评论 -
进程图html实现
效果代码部分<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-11-29 15:16:39 · 425 阅读 · 0 评论 -
React的基础使用
1.明白React是构建用户界面的JavaScript库2.使用react时，推荐使用脚手架方式，搭建react的开发项目3.在搭建react脚手架搭建自己的项目时，初始化项目命令：npx create-react-app 自己的项目名4.在使用脚手架搭建好项目时，要使用npm start 命令启动自己的项目5.在react项目中使用React.createElement()方法创...原创 2019-11-25 21:13:37 · 108 阅读 · 0 评论 -
小程序中的数据绑定和事件绑定
1.如何定义数据在小程序的每个页面，由4部分组成，其中.js文件内可以定义页面的数据，生命周期函数，其他的业务逻辑；如果要在.js内定义页面的数据，只需把数据定义到data节点下2.Mustache语法格式把data中的数据绑定到页面中渲染，使用Mustache语法（双大括号）将变量包裹起来语法格式：<view> {{ 要绑定的数据名称 }} </vie...原创 2019-11-24 19:22:41 · 1497 阅读 · 0 评论 -
vant框架的基本使用
vant框架是由有赞团队的一个移动端的UI框架，里面封装了在移动端常用的一些组件。1.vant的安装vant的安装有两种：一种是使用npm或者yarn 进行下载vant的安装包，另一种是直接在官网或者在GitHub上进行下载，因为我是用的是第二种，所以我就分享一下，使用第二种的一些方法。文件的引用：首先从vant官网下载文件夹，在下载好的文件夹中有一个lib目录，将这个文件放入自己项目...原创 2019-11-16 10:20:11 · 4514 阅读 · 0 评论 -
网站换肤问题
关于网站换肤的问题，今天我写的时候也在网上查找了很多，但是基本上都是单页面之间进行切换的，但是关于一个网站如何真正的去自行换肤，可能是我由于其他原因，并没有搜到关于这个的太多问题，今天我的网站换肤已经完成，特地把我的实现方法，以及一些新的体会和大家分享。实现换肤的第一步：首先是先抽离你想要进行颜色替换的区域css的样式结构，这个过程是非常痛苦的，特别是你拿到的是一个别人写的项目，自己从来没有接...原创 2019-11-14 20:40:44 · 192 阅读 · 0 评论 -
小程序window节点和tabBar节点的常用配置项
1.设置导航条的文本步骤：app.json--window---navigationBarTitleText2.导航栏背景颜色的设置步骤：app.json---window--navigationBarBackgroundColor 的值3.设置导航条字体颜色步骤：app.json---window--navigationBarTextStyle在导航栏字体的颜色值只有bl...原创 2019-11-13 21:45:33 · 582 阅读 · 0 评论 -
小程序中wepy框架的安装
1.为什么要选择wepy框架开发风格：接近于vue.js，支持组件props传值，定义事件，组件分布式复用Mixin，计算属性函数computed，模板内容分发slot等组件化：组件化开发，完美解决组件间隔，组件嵌套，组件通信等问题。NPM：支持第三方npm资源，自动处理npm资源之间的依赖关系，完美兼容所有无平台依赖的npm资源包。Promise：通过polyfill让小程序完美...原创 2019-11-10 21:56:13 · 291 阅读 · 0 评论 -
小程序中常用的组件
1.text文本1.1 selectable 默认值为false，表示文本长按是否为可选值。1.2 space 默认值为false，表示是否显示连续的空格，可选值：ensp 表示英文空格 emsp 表示中文空格 nbsp 表示直接显示，不进行解析1.3 decode 表示将特殊字符进行解码，可解析，  ,<,>,&,&apo...原创 2019-11-09 10:51:36 · 826 阅读 · 0 评论 -
小程序认识
什么是小程序？官方定义：微信小程序是一种全新的连接用户与服务的媒介，它可以在微信内被便捷地获取和传播，同时具有出色的使用体验。小程序的特点：体积小、方便获取与传播；小程序的理念：用完即走；小程序出现的目的拦截用户流量入口，今后，用户每天的大多数应用需求，都可从微信小程序中得到满足；小程序和订阅号、服务号的区别发布时间不同 2012-07 公众平台发布 2...原创 2019-11-03 21:21:20 · 250 阅读 · 0 评论 -
IIs网站管理配置
1.首先打开自己的控制面板--程序和功能，然后点击‘打开或关闭windows功能’2.选择如上图所示的界面，点击确定在配置成功IIs网站管理服务之后，就进入关键性的时刻3.右键点击计算机选择‘管理’--“Internet”信息服务管理器进入iis界面。4.在iis本机服务器下【右键点击“网站”】---“添加网站”5.在弹窗进行配置网站信息，填写网站名称，选...原创 2019-10-29 22:09:56 · 519 阅读 · 0 评论 -
Eleent-UI的基本使用
Element-UI是一套为开发者，设计师和产品经理准本的基于Vue2.0的桌面端的组件库。官方地址为： http://element-cn.eleme.io/#/zh-CN1.基于命令行方式手动安装安装依赖包 npm i element-ui -S 导入Element-UI相关资源// 导入组件库 import ElementUI from 'element-ui'; ...原创 2019-10-23 19:15:21 · 1105 阅读 · 0 评论 -
Vue脚手架
1.vue脚手架的基本用法使用步骤安装3.x版本的Vue脚手架使用命令安装脚手架之前，一定要确定你一定安装好了node环境在命令行中输入node -v 查看是否安装成功如果在敲击回车之后，出现你的node版本号，即安装成功然后我们就可以进行安装vue的脚手架了在命令行中输入npm install @vue/cli 这个是安装vue脚手架3.x版本的在安装好...原创 2019-10-22 20:49:21 · 299 阅读 · 0 评论 -
配置vue开发环境
在安装vue脚手架之前，一定要确定自己已经安装好的node环境使用 node -v 查看自己是否安装了node环境在安装好node环境之后，Vue 脚手架用于快速生成 Vue 项目基础架构，其官网地址为：https://cli.vuejs.org/zh/运行 npm install -g @vue/cli 或者&&& yarn global a...原创 2019-10-20 22:25:28 · 154 阅读 · 0 评论 -
Vue单文件组件
1.问题1.全局定义的组件必须保证组建的名称不重复2.字符串模板缺乏语法高亮，在html有多行的时候，需要用到\3.不支持 CSS 意味着当 HTML 和 JavaScript 组件化时，CSS 明显被遗漏4.没有构建步骤限制，只能使用 HTML 和 ES5 JavaScript, 而不能使用预处理器（如：Babel）2.解决方案针对这些问题，Vue提供了一个解决方案----...原创 2019-10-19 19:11:27 · 179 阅读 · 0 评论 -
webpack中的加载器
1.通过loader打包非js模块在实际开发过程中，webpack默认只能打包处理以.js后缀结尾的模块，其他非.js后缀名结尾的模块webpack默认处理不了，需要调用loader加载器才可以正常打包，否则会报错。loader加载器可以协助webpack打包处理特定的文件模块，比如：less-loader 可以打包处理 .less相关的文件 sass-loader 可以打包处理.s...原创 2019-10-15 22:44:31 · 270 阅读 · 0 评论 -
webpack的基本使用
1.webpack概述webpack是一个流行的前端项目构建工具（打包工具），可以解决当前web开发中所面临的困境。webpack提供了更友好的模块化支持，以及代码压缩混淆，处理js兼容问题，性能优化等强大功能，从而让程序员把工作重心放到具体的能实现上，提高了开发效率和项目的可维护性。目前大多数企业中的前端项目，都是基于webpack进行打包构建的。基本使用：1.新创建项目...原创 2019-10-13 22:05:16 · 128 阅读 · 0 评论 -
模块化开发总结
1模块化概述 传统开发模式的主要问题：1.命名冲突 2.文件依赖通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块（文件）中，模块之间相互隔离，但是可以通过特定的接口公开内部成员，也可以依赖别的模块 模块化开发的好处：方便代码的重用，从而提升开发效率，并且方便后期的维护2.ES6模块化定义： 1.每个js文件都是一个独...原创 2019-10-11 22:34:21 · 245 阅读 · 0 评论 -
jsonp解决非同源之间的数据访问
同源政策ajax请求限制ajax只能向自己的服务器发送请求比如现在有一个A网站、有一个B网站，A网站中的 HTML 文件只能向A网站服务器中发送 Ajax 请求，B网站中的 HTML 文件只能向 B 网站中发送 Ajax 请求，但是 A 网站是不能向 B 网站发送 Ajax请求的，同理，B 网站也不能向 A 网站发送 Ajax请求。什么是同源如果两个页面拥有相同的协议、域名和端...原创 2019-09-27 22:40:55 · 252 阅读 · 0 评论 -
Ajax中FormData的简单应用
FormDataFormData对象的作用1.模拟html表单，相当于将html表单映射成表单对象，自动将表单对象中的数据拼接成请求参数格式。2.异步上传二进制文件FormData的使用准备html表单 <form id="form"> <input type="text" name="username" /> <inpu...原创 2019-09-22 21:30:33 · 397 阅读 · 0 评论 -
Ajax基础
ajax概述它是浏览器提供的一套方法，可以实现页面无刷新更新数据，提高用户浏览网站应用的体验。运行环境ajax技术需要运行在网站环境中才能生效。运行原理ajax相当于浏览器发送请求与接收响应的代理人，以实现在不影响用户浏览页面的情况下，局部更新页面数据，从而提高用户体验。实现步骤创建ajax对象var xhr=new XMLHttpRequest（）告诉a...原创 2019-09-20 22:47:08 · 277 阅读 · 0 评论 -
构造函数和原型问题
构造函数方法很好用，但是存在浪费内存问题。构造函数原型prototype构造函数通过原型分配的函数所有对象所共享。JavaScript规定，每一个构造函数都有一个 prototype属性，指向另一个对象。注意这个prototype就是一个对象，这个对象所有的属性和方法，都被构造函数所拥有。我们可以把这些不变的方法，直接定义在prototype对象上，这样所有对象的实例就可以共享...原创 2019-09-13 21:10:15 · 216 阅读 · 0 评论 -
ES6新增语法
ES6新增用于变量声明的关键字1.let关键字的声明，使用let关键字声明的变量具有块级作用域，使用var声明的变量不具有块级作用域，let关键字不具有变量的提升并且存在暂时性死区。2.const声明变量，常量的就是值（内存地址）不能变化的量。特点：1.具有块级作用域 2.声明常量时必须赋值 3.常量赋值后，值不能修改对象解构箭头函数Set数据结构Set本身...原创 2019-09-07 22:56:29 · 246 阅读 · 0 评论 -
jquery中的ajax
$.ajax()作用1：发送ajax请求$.ajax({ type: 'get', url: 'http://www.example.com', data: { name: 'zhangsan', age: '20' }, contentType: 'application/x-www-form-urlencoded', beforeSe...原创 2019-09-30 09:24:31 · 175 阅读 · 0 评论 -
git仓库相关命令
Git是一个分布式版本管理控制系统（VCS），它可以在任何时间点，将文档状态作为更新记录保存起来，也可以在任何时间点，将更新记录恢复回来。Git下载安装1.下载git安装包 https://git-scm.com/downloads2.双击安装，选择默认配置3.安装完成后，右键会出现git菜单，选中 Git Bash Here4.输入命令git --version 查看git...原创 2019-10-06 11:20:30 · 175 阅读 · 0 评论 -
Git中SSh免登录详解
SSH免登录利用SSH协议去进行提交，可以进行免登录操作，实现其原理用的是公钥与私钥，公钥跟私钥是成对呈现，打个比喻：公钥就是一个门锁，私钥就是打开门锁的钥匙，公钥保存在github的账户中（远程服务器中），私钥保存在客户端，当客户端进行push的时候，会携带私钥，远程服务器就会去比对是否匹配，如果匹配，那么push成功公钥：保存在github中，也就是在远程服务器中私钥：保存在客户端...原创 2019-10-07 22:19:47 · 429 阅读 · 0 评论 -
Github多人协作开发
在真实的工作中，都是团队在进行开发项目，一个程序员来负责一个功能模块，最后整合在一起就是完整项目，所以这里就需要多人协作开发了，需要一个服务器来管理所有程序员的代码，每一个程序员把代码都提交到服务器里面，这样，服务器里面的代码就是一个完成的项目了 A在自己的计算机中创建本地仓库 A在github中创建远程仓库 A将本地仓库推送到远程仓库 B克隆远程仓库到本地进行...原创 2019-10-08 22:19:43 · 405 阅读 · 0 评论 -
vsCode中用户自定义代码片段
1.点击页面左下角设置按钮，然后点击用户代码片段2.会出现一个弹框，这是你只需要点击新增代码片段按钮3.这里是让我们输入我们自定义代码片段的名称4.点击之后会进入到一个这样的页面，我们自定义的代码片段都是在这个里面 进行书写的5..我是自己定义了一个vue的自动生成的代码，为了复制，我会直接代码复制在下面"vue": { "prefix": "...原创 2019-10-09 15:53:18 · 3749 阅读 · 0 评论 -
Vue相关指令
Vue是什么？Vue（读音/vju:/）是一套用于构建用户界面的渐进式框架。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。指令1.本质就是自定义属性2.Vue中指定都是以v-开头。V-cloak防止页面加载时出现闪动问题 [v-cloak]{display:none;//先让元素进行隐藏}<div id='app'&...原创 2019-10-09 21:54:54 · 163 阅读 · 0 评论 -
Vue常见指令
v-on1.用来绑定事件2.形式为：v-on:click 缩写为:click <!-- vue中的事件绑定 简写 @+事件名 --> <button v-on:click='num++'>1</button> <button @click='num++'>2</button> ...原创 2019-10-10 22:45:00 · 328 阅读 · 0 评论 -
在node中的http协议
1.创建web服务器在node.js中不需要安装额外的软件充当网站服务器，node.js中提供的http模块即可创建创建一个服务器也很简单2.http协议HTTP：又称为超文本传输协议，用于从web服务器传输到超文本到本地浏览器的传送协议，基于客户端服务器架构工作。1.请求报文请求方式 请求地址2.响应报文http状态码200 表示正常返回404 表示...原创 2019-09-06 22:20:53 · 301 阅读 · 0 评论