- 博客(12)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 vue2,双向绑定及响应式原理
我们也是在获取当前元素的时候进行判断item.hasAttribute获取当前的标签中自定义名字，如果是@ckick，那就用原生的addEventListener的方法给这个标签绑定点击事件 ，事件就是vm.methods中的方法，然后把点击方法传递出去。beforeCreate、created、beforeMount、mounted其实就是四个函数，我们在constructor中获取到调用者给我们的数据时候，我们在不同的阶段做的处理，5、点击事件@click的绑定。获取当前dom中的节点。
2023-09-05 16:03:11
100
原创 2021-07-09
JS中后台返还的data数据中排序日期的顺序//让后台返回的data数据排序其中的日期大小 function downDate(num1,num2) { return Date.parse(num1.time) - Date.parse(num2.time); } function upDate(num1, num2) { return Date.parse(num1.time) - Date.parse(num2
2021-07-09 17:35:14
111
原创 react项目中引入在线的iconfont 图标
1.我们在使用字体图标的时候，有时候ui库的字体图标不能满足我们的需求，我们这时候需要引进外部的icon，这里我们用到的是https://www.iconfont.cn/2.字体图标库分为线上和线下的，线下的不用多说直接下载解压，把css文件cope到项目中去即可，当然我们有时候不需要下载下来去引用的话，这一方面节省更小的项目大小3.在登陆字体图标库的时候，我们先新建项目然后再选择Symbol，如下所示：4.打开iconfont搜索图标并且添加到购物车，将购物车中的图标添加到项目中，若是新项
2021-05-17 11:57:56
1901
原创 创建Web天气插件之vue3.0（包含2.x）
1.首先选择一个天气插件，这里小编使用和风天气插件，见https://widget.qweather.com/2.小编这里写的是vue3.0的移动端项目，所以使用的是天气简单插件，根据自己的需求选择文字大小等，然后登陆或者不登陆直接生成代码，这里的key值不需要替换，直接用它生成的：3.打开vue项目，这里我们可以创建一个组件，小编这里在components中创建了weather.vue，如下代码：<template> <div class="weather"&.
2021-05-12 11:54:50
4682
1
原创 webpack配置
webpackwebpack是前端模块化打包工具grunt/glup核心是task，主要核心是前端流程的自动化，模块化不是它的核心；工程模块比较简单没有依赖可以用。webpack加强模块化的开发管理，而不是压缩文件预处理功能，这些只是它的附加功能。需要node环境一、webpack入门流程npm init -y //初始化生成 package.json 文件npm i webpack --save-dev
2021-04-28 15:17:14
117
1
原创 js手机中间四位替换成*号
方法一: 字符串截取+拼接var phone = '13500001111'; phone.substr(0, 3) + '****' + phone.substr(7, 11);//复用封装function formatPhone(phone) { if (typeof phone == 'number') { phone = phone.toString(); } return ..
2021-01-21 16:00:07
320
原创 小程序封装时间过滤器的方法
View Filterfilter 理解为管道加工处理, 你扔给我一组数据 经过各种不同类型的管道加工 产出新的数据 但是又不会影响修改原数据, 最终展示给用户.现有前端框架filter一般: time | dateTime('yyy-mm-dd')使用 | 作为管道符 传递参数进行序列化缺陷:截止目前,小程序官方并没有管道实现方式,以下列出了替代几种方案，供大家选择使用.直接修改原数据在请求完成之后 对返回值data进行一次数据处理 比如 抽象一个_formatListD
2021-01-08 14:31:49
387
原创 js 数组 转为树形结构
source = [{ id: 1, pid: 0, name: 'body' }, { id: 2, pid: 1, name: 'title' }, { id: 3, pid: 2, .
2020-12-10 13:53:02
537
原创 Vue中实现父子组件数据双向绑定的方法.sync
前言一个中型的web应用，为了易维护，我们经常会把一个页面，拆分为多个组件，每个组件再实现其独立的功能，亦符合低耦合、高内聚思想。除了我们之前常用的v-model，还有利用 vue 提供的.sync属性。所以当我们用了.sync就可以不必要使用￥emit来通过自定义的事件传递了。1.父组件App.vue<template> <div id="app"> <img alt="Vue logo" src="./assets/logo....
2020-12-03 21:01:42
1104
原创 vue-router原理
说简单点，vue-router的原理就是监听URL地址变化，从而渲染不同的组件。 vue-router的模式主要有hash模式和history模式。1.hash模式的原理(url带有#号部分)： 在vue-router.js的2.8版本之前，在路由的hash部分发生了任何变化，都会执行window.onhashchange方法，在这个方法内部我们可以根据当前匹配到的hash去加载对应的组件 在vue-router.js的2.8版本之后，内部使用window.history.pushS...
2020-12-03 09:50:42
360
原创 vue如何解决跨域问题
使用http-proxy-middleware 代理解决（项目使用vue-cli脚手架搭建）打开config.js,在proxy中添写如下代码：// vue.config.jsmodule.exports = { devServer: { proxy: { '/api': { target: 'https://www.XXX.net/', //对应自己的接口 changeOrigin: ...
2020-12-03 09:28:13
121
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人