- 博客(15)
- 收藏
- 关注
RSS订阅原创 小程序开发实用总结
1 移除button默认样式button { border: 0; background-color: transparent; padding-left: 0; padding-right: 0; line-height:inherit;}button::after { display: none;}2 获取元素的自定义属性let id = e.currentTarget.dataset['id'];3 存取stroage wx.setStorag
2021-07-23 15:49:14
257
原创 VUE数据双向绑定与单向数据流的思考
1 VUE的数据双向绑定1.1双向绑定的原理VUE实现数据的双向绑定，原理在于通过Object.defineProperty()中的get和set方法实现的一个语法糖。v-model是:value="sth"和@change="val => sth = val"的简写形式。var obj = { foo: 'foo' } Object.defineProperty(obj, 'foo', { get: function () {
2021-07-01 19:54:32
533
原创 前端常用的加密方法
1 RSA加密算法RSA加密算法是一种 非对称加密算法 ，RSA加密使用了"一对"密钥.分别是公钥和私钥,这个公钥和私钥其实就是一组数字!其二进制位长度可以是1024位或者2048位.长度越长其加密强度越大,目前为止公之于众的能破解的最大长度为768位密钥,只要高于768位,相对就比较安全.所以目前为止,这种加密算法一直被广泛使用.1.1 RSA在jq项目中的使用下载jsencrypt.js文件到本地，或者使用cdn的形式对文件进行引入。前端放置公钥文件，服务端放置私钥文件。 var
2021-06-30 17:46:35
1243
原创 Vue Router学习笔记
1 vue-router模式vue-router默认hash模式，就是带个很丑的#号，当url改变时，页面不会重新加载。一般在项目中会选择history模式，这种模式利用history.pushState来完成URL跳转而无须重新加载页面。const router = new VueRouter({ mode: 'history', routes: [...]})2 路由懒加载当路由被访问时才加载对应组件，结合vue的异步组件和webpack的代码分割功能，实现路由的懒加.
2020-12-21 19:36:46
167
原创 vue学习笔记8： slot
slot：通过插槽可以更方便的向子组件传递dom元素，这个dom元素可以是一大串的dom结构<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue-非父子组件的传值 bus
2020-12-21 16:22:54
153
原创 vue学习笔记7：非父子组件的传值（bus）
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>vue-非父子组件的传值 bus 发布订阅</title></head><body> .
2020-12-21 16:22:30
124
原创 vue学习笔记6： 组件绑定原生事件
组件中绑定的事件是自定义事件，自定义的事件的触发需要在子组件中通过$emit触发，可以选择添加.native的方式，让自定义事件变为原生事件。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <t
2020-12-21 16:22:10
134
原创 vue学习笔记5： vue父子组件传值
父组件通过属性的方式向子组件传值，子组件通过props进行接收 vue中有单项数据流的概念，子组件只能接收父组件的值，不能直接对父组件传过来的值进行修改，因为子组件可能被多个地方引用，容易造成其他组件的错误 可以在子组件中进行data定义，复制父组件传过来的值 在用$emit时候可以传递参数的形式向父组件传值 props特性：子组件对父组件传递过来的参数进行接收，可以直接使用不会显示在dom结构上 非props特性：子组件没有对父组件传递的参数进行接收，这样传递过来的参数会显示在dom结构上父子
2020-12-21 16:21:42
159
1
原创 vue学习笔记4： 计算属性、方法、侦听器
1 计算属性计算属性的设计是因为在模板中写过多的逻辑会让模板过重且难以维护。计算属性写在computed中，是一个函数，需要将属性return出来使用。计算属性具有缓存机制，当计算属性依赖的值没有发生改变的时候，计算属性只计算一次，这样有助于提高性能。computed: { name: function() { return this.a + '' + this.b }}计算属性的get、set,可以在数据的获取或是改变时候对数据进行操作comp
2020-12-21 16:21:16
178
原创 vue学习笔记3： vue中的表单绑定 v-model
v-model双向绑定多用于表单绑定和各类表单元素都可以形成绑定多用于select select绑定时option带有value时，获取value值，没有定义value时，获取option里面的文本v-model修饰符 :v-model.lazy表示输入框失焦时对数据绑定 v-model.number表示只能获得number属性的值 v-model.trim表示去除掉input里面的空格 <!DOC...
2020-12-21 16:20:48
721
原创 vue学习笔记2：vue起步
1 在学习vue的初始阶段，可以用<script>标签引入的方式，建议使用开发版本的vue.js 这样我们能看到更多的报错。2每个 Vue 应用都是通过用Vue函数创建一个新的Vue 实例开始的：因为vue的设计遵从了mvvm模型，所以经常用vm这个变量名作为vue的实例。var vm = new Vue({ // 选项})3Vue.js 使用了基于 HTML 的模板语法1 文本 数据绑定最常见的形式就是使用“Mustache”语法 (双大括号) 的文本插值：...
2020-12-21 16:20:15
166
原创 vue学习笔记1: vue基本原理
1 MVC MVP MVVM了解vue之前需要先了解mvc、mvp、mvvm这三种设计模式MVCmvc是Model-View-Controller的缩写，它将应用程序划分为三个部分： Model: 模型、数据（用于封装与应用程序的业务逻辑相关的数据以及对数据的处理方法） View: 视图（渲染页面） Controller: 控制器（M和V之间的连接器，用于控制应用程序的流程，及页面的业务逻辑） mvc工作流程： View 传送指令到 Controller ；
2020-12-21 16:19:07
990
2
原创 前段构建工具gulp原理及使用教程
1 gulp是什么前端构建工具，gulp是基于Nodejs，自动化地完成 javascript、sass、less、html/image、css 等文件的测试、检查、合并、压缩、格式化、浏览器自动刷新、部署文件生成，并监听文件在改动后刷新浏览器。借鉴了Unix操作系统的管道（pipe）思想，前一级的输出，直接变成后一级的输入，使得在操作上非常简单。简单来说就是建立在面向对象基础上的一种抽象的处理数据的工具。 2环境搭建...
2020-12-02 11:15:28
274
原创 iconfont的使用
喜欢马爸爸给程序员所做的所有贡献，前端开发中，iconfont给我们带来了很大的方便，很优秀的体验。今天我们一起来学习iconfont的使用。1iconfont官网地址点击进入官网，登录我们自己的账号。2点击我的项目，选择新建自己的项目。根据要求完善项目的基本资料，成功以后我们就可以浩瀚的图标库去挑选适合我们的图标了，尽可放心，总有一款适合你。3 我们随意点进去官方推荐...
2019-04-03 14:38:17
850
原创 github项目创建， git常用指令，git项目实操
1 github git 介绍github:是一个开源平台，可以帮助我们托管，维护代码，同时可以在github上发现很多优秀的代码供我们学习。git:主要是github的操作工具，实现团队的协同开发。2 github项目创建当然你首先必须有一个自己的github账号，账号的注册流程不再描述，我们直接进入项目的搭建。 ...
2019-03-28 16:43:31
196
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人