- 博客(50)
- 收藏
- 关注
RSS订阅
原创 初识javascript
一.javascript概述javascript诞生于1995年。当时主要是处理以前由服务器端语言负责的输入验证操作。在JavaScript问世之前，必须把表单数据发送到服务器端才能确定用户是否没有填写否个必填值，是否输入了无效的值。Javascript问世后这些验证在客户端就可以实现。javascript是一门专门与页面交互的脚本语言。二.javiascript组成部分Java...
2018-06-28 23:03:12
129
1
原创 小程序——云函数发送请求
1.github搜索第三方库（requst,got等） 查看requstrequst-promise的安装说明2.创建云函数进行请求数据（右键这个云函数在终端代开进行requstrequst-promise的安装）npm install --save requestnpm install --save request-promise例子：使用云函数：...
2020-02-06 11:54:01
2226
1
原创 小程序——审核上线
小程序使用云开发进行上线步骤如下：1.上传-确定-填写版本号和项目备注-上传（上传到腾讯云）2.小程序设置为体验本之后回到微信公众平台-版本管理，可以看到开发版本的信息，想要进行上线的话点击提交审核按钮出现提交审核的确认信息-下一步3.配置功能页面-提交审核-审核版本中有记录（腾讯人工审核）-审核通过以后提交上线的按钮-xianshang...
2020-02-06 11:46:23
528
原创 小程序—vant组件库的使用
（1）生成package.json。作用：对当前项目的 配置信息以及依赖包的管理都会在这个里面进行配置。（2）安装vant 组件库 npm i @vant/weapp -S --production( 3 )构建npm包打开微信开发者工具，点击工具 -> 构建 npm，并勾选使用 npm 模块选项，构建完成后，即可引入组件(4)项目中进行使用...
2020-02-06 11:45:36
836
原创 小程序——云存储
云存储能力：主要已上传和下载为例文件上传：wx.cloud.uploadFile下载文件:wx.cloud.downloadFile删除文件：wx.cloud.deleteFile获取临时链接wx.cloud.getTempFileURL...
2020-02-06 11:44:44
267
原创 小程序——云函数
云函数就是一段运行在云端的代码，相当于小程序服务端的后台代码，不需要管理服务器，小程序端写代码，一键上传部署运行这些代码。(使用云函数需要安装nodejs)求和的sum原函数的例子：获取当前用户的openid批量删除云数据库的数据...
2020-02-06 11:43:26
553
原创 小程序——云数据库
云开发提供了一个json数据库，提供免费存储空间。小程序的云数据库和传统的关系型数据库对比数据进行频繁操作的时候文档行数据库更适合。数据类型:String:字符串Number:数字Object:对象Array:数组Bool:布尔Geopoint:地理位置点Date:时间Null操作云数据库的方式小程序控制(读写数据库受权限控制限制)...
2020-02-06 11:42:14
423
原创 小程序云开发
小程序云开发是指腾讯云和微信团对深度合作推出的全新的小程序解决方案。提供了云函数，云数据库合云存储三大基础能力，有了云开发以后小程序的开发者可以请服务器端的部署和运营的环节进行服务器端的托管，给腾讯云去管理，我们不需要运营和理上投入太多的经历。传统开发模式：客户端 服务端（后端代码 数据库）小程序部署的时候需要购买相对应的域名及相对应的服务器，购买的过程中还需要相应的...
2020-02-06 11:35:47
408
原创 下拉框值回显问题
点击父组件里面的一个更多按钮出现这个下拉框的组件，下拉框遍历的值请求接口获取，value绑定的是当前选择的对象，这两个下拉框有联动，这时我们点确定的时候可以把整个大的对象传通过this.$emit事件传过去，在父组件里面通过属性在传递给子组件，子组件mounted的时候去改变下拉框绑定的值（但是要注意的是数据请求的异步问题），设置弹框的显示与否要在数据请求成功之后，否则后出现页面加载完了，...
2019-08-08 13:05:56
888
原创 判断对象是否是数组的方法instanof、isArray
instanceof操作符合Array.isArray()都可以判断一个对象是不是数组，但是Array.isArray()优于instanceof操作符，instance操作符的问题再于假定它只有一个全局执行环境。如果网页中国包含多个框架，那实际上就存在两个以上的全局执行环境，从而存在两个以上不同版本的Array构造函数，如果你从一个框架向另外一个框架传入一个数组，那么传入的数组与第二个框架中原生...
2019-08-04 10:16:43
402
原创 vue中使用elementui级联组件常见的数据处理问题
最近项目中遇到一个问题，使用elementui级联组件与后台联调是返回的数据里面没有label和value,这时页面不会显示，在不改变原生组件的情况下，我们可以利用递归对数据进项处理，每个里面都加上label和value。methods(){findChildren(node) { node.forEach((ele, index) => { const ...
2019-08-01 13:43:20
2323
原创 vue中图片上传接口联调问题
<template> <el-form-item label="封面图"> <el-upload class="avatar-uploader" action="http://主机:8080/file/upfile" :show-file-...
2019-07-31 13:38:11
801
原创 vue项目中使用elemetui的el-select组件数据绑定的问题
<template> <el-select v-model="value" placeholder="请选择"> <el-option v-for="item in options" :key="item.value" :label="item.label" :value="item.value">...
2019-07-31 13:27:49
1947
原创 vscode修改左侧资源管理器字体大小
这个是左侧资源管理区域：在Visual Studio Code的安装目录下依此找到Microsoft VS Code\resources\app\out\vs\workbench\ 目录下的workbench.main.css文件，打开搜索 .monaco-workbench .part>.content（注意.part前面有空格），修改字体大小，保存关闭文件和编辑器，从新打开，...
2019-03-19 16:21:09
25755
6
原创 sass混入方法不生效问题（引入都正常的情况下）
做项目的时候遇到了使用混入方法不生效，但是才其他的选择器里面还可以生效，只是在自己写的选择器中不生效，后来发现了问题所在：必须把/deep/ 必须放到选择器后面写，/deep/放到选择器前面其他样式生效，混入的方法@include background('color13');和 @include border(color6, "border-bottom");不生效所以切记/deep/...
2019-03-19 15:10:11
3480
1
原创 Angular CLI快速搭建工程
如何使用Angular CLI快速搭建项目？1.先决条件（Prerequisites)Node.jsAngular需要Node.js的8.x或者10.x的版本（node -v查看版本)npm包管理器Angular、Angular CLI 和 Angular 应用都依赖于某些库所提供的特性和功能,它们就是npm 包，在安装Node.js时就已经默认安装了npm包。2.安...
2019-03-09 18:05:17
276
原创 flex布局应用场景
flex布局应用场景（一）骰子布局参考：http://www.ruanyifeng.com/blog/2015/07/flex-examples.html（二）网格布局（1）基本网格布局 最简单的网格布局，就是平均分布。在容器里面平均分配空间，骰子布局很像，但是需要设置项目的自动缩放。实...
2019-03-05 17:21:38
3455
原创 引用类型Object(类型)
Object是所有类型的基础类，Object也是ECMAScript中使用最多的一个类型，虽然Object实力不具备多少功能，但是用于存储和传输数据非常有用。Object实力的创建方式：（1）new操作符后面跟Object构造函var person=new Object();（2）对象字面量表示法(属性名也可以使用字符串)var person={name:'张三'，ag...
2018-10-16 20:52:50
5205
原创 引用类型（数组常用方法）
引用类型的值（对象）是引用类型的一个实例。在ECMAScript中，引用类型是一种数据结构，用于把数据和功能组织在一起。Javascript中的数组与其他语言的数组都是数据的有序列表，但是又与其他语言的数组有着很大的区别，举个例子Java中数组里面只能存储相同的数据类型，而在ECMAScript中，数组可以存储不同类型的数据。数组的大小也可以动态的调整。随着数据的增加自动增长以容纳新数据。创建...
2018-10-16 18:15:22
2944
原创 ES6 Iterator遍历器
遍历器就是一个对象，这个对象有一个next方法，返回我们需要的数据，而可遍历对象就是那些部署了Symbol.iterator属性的对象，Symbol.iterator会返回一个遍历器,接下来看个简单的例子const array=['green','red','white'];console.log(array);打印array可以在它的原型里面看到有interator接口，or所以...
2018-10-11 18:01:44
164
原创 ES6模块导出和引入
导出模块的方式有两种：(1)export default (默认导出)一个模块里面只能有一个默认导出const apikey="123key";export default apikey;引入模块：import kkkk from '路径'；(2)命名导出const apikey="123key";const name="Marray";function gre...
2018-10-10 22:36:40
1774
原创 ES6 symbol数据类型
Symbol 值通过Symbol函数生成。这就是说，对象的属性名现在可以有两种类型，一种是原来就有的字符串，另一种就是新增的 Symbol 类型。凡是属性名属于 Symbol 类型，就都是独一无二的，可以保证不会与其他属性名产生冲突。我们知道当我们声明相同相同的属性名的时候后面的会覆盖点前面声明的，如下：const classRoom={lili:{grade:60,gender:'fem...
2018-10-10 19:09:19
158
原创 Es6对象字面量的改进
（1）对属性名的简写：ES5的写法：const name='Marray';const age=20;const birthday="2018 10 20";const Marray={name:name,age:age,birthday:birthday}运行结果如下：ES6改进之后：const name='Marray';const ag...
2018-10-10 13:50:38
617
原创 ES6扩展运算符
ES扩展运算符可以帮助我们把可遍历对象的每一个元素扩展成一个新的参数序列，如下：const array1=['banana','apple','pear'];const array2=['Mango','Cinnamon','Pitaya'];const friut=[];我们要把两个数组拼接的话之前需要使用数组的contant方法;friut.concat(array1,ar...
2018-10-10 12:51:25
94
原创 ES6剩余参数
ES6提供了剩余参数，用法很简单也很方便，语法就是三个点号，例子如下：function converCurrency (rate,...amounts){return amounts.map((amount)=>{rate*amount})}const amounts=converCurrency(0.8,10,20,30);console.log(amounts);...
2018-10-10 12:12:55
978
原创 ES6 Array.from()和Array.of()
Array.from方法用于将两类对象转为真正的数组：类似数组的对象（array-like object）和可遍历（iterable）的对象（包括 ES6 新增的数据结构 Set 和 Map）。类数组对象举例:实际应用中，常见的类似数组的对象是 DOM 操作返回的 NodeList 集合，以及函数内部的arguments对象。Array.from都可以将它们转为真正的数组。下面先看类数组...
2018-10-10 11:37:14
4080
原创 ES6 for of 循环
a直接看代码，比如有一个数组;const fruits=['Apple','Mango','Orange','Banana'];循环这个数组有四种方式：(1)for循环for(let i =0; i < fruits.length; i++){console.log(fruits[i]);}缺点：把循环分成三部分，并且要获取值必须以方括号的方式获取ruits[i]...
2018-10-09 22:36:51
216
原创 ES6变量解构赋值
ES6 允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。ES6对象解构,直接看代码:const tom={name:'tom',age:20,family:{mother:'Mary',father:'Smith',brother:'Jone'}}const {name,age}=tom；const {mother,father...
2018-10-09 21:18:53
144
原创 ES6模板字符串
ES6提供了模板字符串使字符串的拼接以及模板的编写变得特别简单,组合字符串的时候不在需要加号单引号这些，直接使用一对反引号即可，而且字符串中需要变量的时候直接${变量名}的这种方式，大括号里面可以是任何的js表达式，变量，对象的属性，还可以是一个函数，模板字符串还可以进行嵌套。const person='lili';const age=5;const sentence=`${perso...
2018-10-09 20:38:02
509
原创 ES6函数默认参数
ES6值函数的默认值问题，如下有个计算两个数相乘的方法：function Multiplying(a=5,b=3){return a*b;}Multiplying(1,2)//结果是2，这时不会使用不默认值 当我们调用的时候什么都不传结果都使用的默认值当我们传一个参数的时候（默认第一个参数） 当想要前面的参数使用默认后面的参数使用传递的参数：这样写报错...
2018-10-09 18:04:37
3307
原创 ES6 let和const命令
1.let 命令基本用法ES6 新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。var a=20;var b =30;{let c= 10;let d =1;}console.log(a);//20console.log(b);//30console.log(c);//报错ReferenceError:c ...
2018-10-08 18:32:43
144
转载 vue数据双向绑定原理
vue采用mvvm模式，MVVM是Model-View-ViewModel的简写，即模型-视图-视图模型。ViewModel负责把Model的数据同步到View显示出来，还负责把View的修改同步回Model。这实际上就实现了数据的双向绑定。它本质上就是MVC 的改进版。数据的变化会更新视图，视图的改变也会更新数据。主要看data如何更新view，因为view更新data可以通过事件监听，比如in...
2018-10-08 17:51:10
135
原创 Vuex状态管理模式
Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式。直白的说就是解决组件间数据共享和数据持久化的问题。使用：1.新建vuex的文件夹（src下面vuex）2.vuex下新建store.js在store.js里面使用3.安装vuex:cnpm install vuex --save4.在store.js里面引入vuex和vuex并use vueximport ...
2018-10-08 17:07:08
229
翻译 vue路由钩子
vue.js官网：https://cn.vuejs.org/搜素路由关键字，点击vue-router 文档查看路由的详细信息。路由其实就是url，“导航”表示路由正在发生改变。路由钩子理解就是路由改变的不同阶段触发的函数。vue-router 提供的导航守卫主要用来通过跳转或取消的方式守卫导航。有多种机会植入路由导航过程中：全局的, 单个路由独享的, 或者组件级的。全局前置守卫...
2018-09-28 18:37:23
159
原创 基于vue的ui框架
基于vue的移动端的框架mint-ui的使用1.安装npm install mint-ui -S //-S表示--save2.在main.js里面引入mint-ui和mint-ui的cssimport MintUI from 'mint-ui' /*移动框架*/import 'mint-ui/lib/style.css'Vue.use(MintUI)3. 在官网查看文档...
2018-09-27 15:55:33
1215
原创 vue编程式导航
vue编程式导航，意思就是用js来跳转页面，项目中用到最多的就是当点击某个按钮时判断当前登录没登录，没有登录点击的时候跳转到登录页面。例子：<template><button @click="getNews()">通过js跳转</button></template><script>export default{da...
2018-09-26 18:08:25
1205
原创 vue路由传值
(1)不同路由传值：动态路由1.动态路由配置：routes: [{ path: '/user:id', component:user }]2.当传值的时候可以在<router-link :to="'./user'+参数"></router-link>（举例：参数可是循环处理的索引值）3.在对应的页面获取路由的参数this.$route.pa...
2018-09-26 13:02:42
239
原创 字体图标变色
字体图标变色效果如下：（双箭头字体图标）三步：background: -webkit-linear-gradient(left, #5b69b0, #7588e0); /* Safari 5.1 - 6.0 */background: -o-linear-gradient(right, #5b69b0, #7588e0); /* Opera 11.1 - 12.0 */backg...
2018-09-26 10:43:12
1055
原创 vue父子组件之间的通信及非父子组件的通信
vue父子组件的通信父组件给子组件传值：1.父组件调用子组件的时候直接在子组件上绑定动态属性(例如子组件v-header)<v-header :title="title"></v-header> :title//是绑定的属性名字随意 "title"是绑定的数据2.子组件里面通过props接受父组件传的数据props:["title"]或者是验证...
2018-09-25 20:45:19
162
原创 vue 环境搭建及项目结构的介绍
一.vue 环境搭建1.使用vue-cli 脚手架。（在这步之前安装nodejs）cnpm install --global vue-cli2.初始化项目vue init webpack vueDemo(项目名称)（生成packge.js）或者是执行vue init webpack simple vueDemo3.cd到整个目录，如果安装失败的话在执行cnpm install(安装项目...
2018-09-12 10:31:08
408
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人