2020年06月_江一铭

11月 10月 09月 08月 07月 06月

原创 3D旋转照片

html+css写的3D旋转图1、html代码<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>ZXH3D旋转图</title><link type="text/css" href="css/ZXH.css" rel="stylesheet" /></head>

2020-06-29 20:59:57 559

Vue源码解析vue使用Object.defineProperty+观察者模式对数据和模板进行绑定，对于数据来说需要进行更新时，即会触发对应的getter和setter函数，在setter函数中，即可根据对应收集到的依赖，触发对应视图层更新。对于一次收集和一次更新来说，大致流程如下：实例化vue之后，对内部所有的data进行劫持处理对模板的编译/或者静态编译好的render函数，在处理绑定的变量时，创建watcher同时获取当前模块对应的初始值，在读取触发数据局的getter函数，进行绑定

2020-06-29 20:49:17 452

原创 vue拆分router路由，方便管理

1、在router文件下建立一个config.js文件 const router = { //定义路由对象 home: { //对象形式 path: '/', name: 'Home', component: () => import('../views/Home.vue') }, about: { path: '/about', name: 'About',

2020-06-29 20:03:52 722

原创 export，import，export default的用法和区别

ES6模块主要有两个功能：export和importexport：用于对外输出本模块（一个文件可以理解为一个模块）变量的接口import：用于在一个模块中加载另一个含有export接口的模块。在Javascript ES6中，export与export default均可用于导出常量、函数、文件、模块等，你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用，但在一个文件或模块中，export、import可以有多个，export d

2020-06-29 19:53:14 666

原创如何在gitee上提交vue项目

首先安装git，注册登录gitee码云。master分支：1、新建仓库，开源为公开（其他选项不用管）2、用cmd创建一个vue脚手架项目，cd进入。3、命令：git remote add origin https://gitee.com/wenxin_jiang/zsx.githttps://gitee.com/wenxin_jiang/zsx.git是你自己创建仓库后的地址。4、推送：git push -u origin master之后就能在码云上看到自己的项目了建立分支的原因mas

2020-06-29 19:09:01 2078

原创 vue中拆分封装axios

1、在src目录下建network文件用于配置axios`。2、在network里面先建一个config.js文件export const GET="get"; //定义并导出GET请求export const POST="post"; //定义并导出POST请求export const path={ //定义路由对象并抛出 list:"/small4/user/detail", //定义路由(多级路由与core中axios中的路由拼接)，调用

2020-06-28 20:45:18 497

原创 js中的冒泡排序

2020-06-28 11:28:42 329

原创 vue组件写的简易移动页面

vue组件写的简易移动页面1.在components里面定义四个组件2.引入3.源码<template> <div> <div> <component :is="tap"></component> </div> <footer> <div @click="app('SY')" :class="{'active':tap=='SY'}">

2020-06-04 19:13:47 460

原创 npm更换成cnpm---------cnpm的安装

使用方法1.使用阿里定制的 cnpm 命令行工具代替默认的 npm，输入下面代码进行安装： npm install -g cnpm --registry=https://registry.npm.taobao.org2.检测cnpm版本，如果安装成功可以看到cnpm的基本信息。cnpm -v3.以后安装插件只需要使用cnpm intall即可...

2020-06-03 21:05:33 666

原创 vue组件传值的概括图

1.父组件和子组件之间传值的概括图2.子组件之间传值的概括图

2020-06-03 17:29:51 455

原创 ToDolist案例源码

vue中的ToDolist案例下面展示一些内联代码片。TodoList案例参考效果：https://blog.csdn.net/p445098355/article/details/106521571<template> <div id="app"> <nav> <p>TODOlist</p> <input type="text" placeholder="添加ToDo" v-model="va

2020-06-03 17:17:35 1050

原创关于vue脚手架的介绍、安装及创建项目

1.@vue/cli介绍ue CLI 是一个基于 Vue.js 进行快速开发的完整系统，提供：通过 @vue/cli 实现的交互式的项目脚手架。通过 @vue/cli + @vue/cli-service-global 实现的零配置原型开发。一个运行时依赖 (@vue/cli-service)，该依赖：可升级；基于 webpack 构建，并带有合理的默认配置；可以通过项目内的配置文件进行配置；可以通过插件进行扩展。一个丰富的官方插件集合，集成了前端生态中最好的工具。一套完全图形化的创建

2020-06-02 20:06:47 650

原创用vue脚手架写的简易留言板

1.配置安装好脚手架2.留言板：<template> <div class="about"> <input type="text" v-model="value" @keydown.enter="add" /> <button @click="add">提交</button> <h1>{{value}}</h1> <h3>未完成({{listno.length}})：&lt

2020-06-02 19:46:47 927

原创 vue中的better-scroll横向滚动案例

1.安装better-scroll 托管在 Npm 上，执行如下命令安装：npm install better-scroll --save;2.引入import BScroll from 'better-scroll如果是ES5语法var BScroll = require('better-scroll')<template> <div class="box"> <div class="person-wrap" ref="personWrap"

2020-06-02 19:40:54 938

原创 Array，Date，String 对象方法

Array 对象方法方法描述concat() 连接两个或更多的数组，并返回结果。copyWithin() 从数组的指定位置拷贝元素到数组的另一个指定位置中。entries() 返回数组的可迭代对象。every() 检测数值元素的每个元素是否都符合条件。fill() 使用一个固定值来填充数组。filter() 检测数值元素，并返回符合条件所有元素的数组。find() 返回符合传入测试（函数）条件的数组元素。findIndex() 返回符合传入测试（函数）条件的数组元素索引。forEa.

2020-06-02 19:25:01 452

原创 JavaScript中的Array对象介绍及方法

Array 对象Array 对象用于在变量中存储多个值:var cars = [“Saab”, “Volvo”, “BMW”];第一个数组元素的索引值为 0，第二个索引值为 1，以此类推。数组属性属性描述constructor 返回创建数组对象的原型函数。length 设置或返回数组元素的个数。prototype 允许你向数组对象添加属性或方法。Array 对象方法

2020-06-02 19:21:32 538

原创 ECMAScript6介绍及环境搭建

1、ES6简介1.1、什么是ES6ECMAScript 6.0（以下简称 ES6）是 JavaScript 语言的下一代标准，已经在 2015 年 6 月正式发布了。它的目标，是使得 JavaScript 语言可以用来编写复杂的大型应用程序，成为企业级开发语言。1.2、ECMAScript和JavaScript的关系一个常见的问题是，ECMAScript 和 JavaScript 到底是什么关系？要讲清楚这个问题，需要回顾历史。1996 年 11 月，JavaScript 的创造者 Netscap

2020-06-02 19:16:07 556

原创 Webpack搭建ES6开发环境（部分摘自网络）

首先要有node环境，进入Node.js的官网，选择对应系统下载安装包。安装node后集成了npm管理器设置默认npm使用淘宝镜像npm config set registry https://registry.npm.taobao.org安装cnpm包，安装成功后npm命令更换为cnpm命令npm install -g cnpm --registry=https://registry.npm.taobao.org## 安装成功之后，直接像使用npm一样使用cnpm即可，例如：安装某个包

2020-06-02 19:13:13 523