前端
JAN_LIGHT
这个作者很懒,什么都没留下…
展开
-
使用uniapp进行微信用户信息获取
小程序登录、用户信息相关接口调整说明:https://developers.weixin.qq.com/community/develop/doc/000cacfa20ce88df04cb468bc52801考虑到近期开发者对小程序登录、用户信息相关接口调整的相关反馈,为优化开发者调整接口的体验,回收wx.getUserInfo接口可获取用户授权的个人信息能力的截止时间由2021年4月13日调整至2021年4月28日24时。所以无法使用wx.getUserInfo来做微信授权了,而新增加了getUse原创 2021-10-14 16:53:24 · 1554 阅读 · 0 评论 -
个人webpack配置尝试
初始化npm init -ynpm install webpack webpack-cli -D配置入口和出口npm install webpack-dev-server -D自动载入js文件npm install html-webpack-plugin -D使用hash解决缓存问题清除dist目录npm install clean-webpack-plugin -Dcss读取loadernpm install style-loader css-loader less less-loa原创 2020-11-18 16:04:40 · 194 阅读 · 0 评论 -
利用GIT+ESLINT规范代码提交
利用GIT+ESLINT规范代码提交eslintmodule.exports = { root: true, env: { node: true }, extends: [ 'plugin:vue/essential', '@vue/standard' ], parserOptions: { parser: 'babel-eslint' }, rules: { //每行之前两个空格 "indent":["error",2,{原创 2020-10-21 09:58:44 · 2086 阅读 · 0 评论 -
vue 的钩子函数
vue 的生命周期beforeCreate 实例初始化后 进行数据观测及事件的配置created 表示实例已经创建完成和被调用 响应式属性和方法已经配置完成(可以拿到data内的数据)一般在这个函数内进行数据资源的请求–ajax请求beforeMount 挂载前,确定是否设置el选项(vm.$mount),是否有template选项,若有则渲染template,若没有则渲染外部htmlmounted 挂载后,可以获取到DOM元素beforeUpdate 更新前updated 更新后,依原创 2020-09-22 19:22:07 · 509 阅读 · 0 评论 -
Webpack配置代理跨域
webpack配置跨域服务只要协议、域名、端口号任意一个不相同就无法获取数据。先简单写一个后端服务server.jslet express = require('express');let app = express();app.get('/user',function(req,res){ res.json({name:'jan'})})app.listen(8000,function(){ console.log('port start')})这个时候只要访问http:原创 2020-09-20 18:51:31 · 862 阅读 · 0 评论 -
Vue常用指令和实例方法(一)
vue实例方法vue中挂载在数组和对象中的数据不是响应式的例如:let vm = new VUE({ data:{ obj:{name:1}, arr:[1,2,3] }})vm.arr[1]=2vm.arr.length =2vm.obj.age = 123这时页面里的{{arr}} {{obj}}在刷新页面时无法更改这是因为js自身的限制如果我们需要去修改数据时应该怎么办let vm = new VUE({ data:{原创 2020-09-16 12:35:26 · 692 阅读 · 0 评论 -
Webpack之babel处理es6
Webpack处理es6webpack能自动处理import和export,所以很多人认为webpack能自动处理es6,其实不然。只是因为模块打包需要,所以处理import和export,除此之外他并不能转换其他的es6特性。为了能够解析es6,需要为我们的js文件配置一个额外的编译型loader,最常用的就是babel-loader具体做法如下:先安装一下相应的loader:yarn add babel-loader @babel/core @babel/preset-env --dev原创 2020-09-14 19:11:00 · 180 阅读 · 0 评论 -
Webpack常用资源加载器
资源加载器开源社区提供了非常多的资源加载器,下面我们介绍一些常用的资源加载器文件资源加载器大多数loader都是类似css加载器一样,通过将代码引入到js文件中进行加载,但是有些文件例如图片或者字体是无法通过js的方式去表示的,对于这类的文件需要文件资源加载器,就是fileLoader。根据loader的思想,在用到的地方通过引入的方法导入文件,然后让文件进行加载。import createHeading from './heading.js'import './main.css'impor原创 2020-09-14 17:37:31 · 337 阅读 · 0 评论 -
快速上手webpack
快速上手webpack从案例上手webpack首先目录结构如下//heading.jsexport default()=>{ const element = document.createElement('h2') element.textContent = 'Hello world' element.addEventListener('click',()=>{ alert('Hello webpack') }) return原创 2020-09-13 19:35:30 · 158 阅读 · 0 评论 -
3分钟Axios入门
Axiosaxios的基本使用axios({ url:"....." method:'get'/* 也可以'post'*/}).then(res=>{ console.log('res')});//axios发送get方式请求axios({ url:"....."; params:{ id:1 /* 进行参数传递,寻找指定数据*/ }}).then(res=>{ console.log('res')});axios send原创 2020-07-30 16:51:31 · 204 阅读 · 0 评论 -
浅谈纯函数和纯函数的优缺点
纯函数概念纯函数:相同的输入永远只会得到相同的输出,且没有任何可观测的副作用,相当于数学表达式中的y=f(X)loadsh是一个纯函数的功能库,提供了对数组、数字、对象、字符串、函数等操作的一些方法//下面我们从 slice 和 splice 中认识一下到底什么时纯函数const myArray = [1,2,3,4,5,6,7,8,9]console.log(myArray.slice(0,3))//[1,2,3]console.log(myArray.slice(0,3))//[1,原创 2020-07-30 09:57:50 · 860 阅读 · 0 评论 -
初识高阶函数
函数是一等公民函数可以存储在变量中函数作为参数函数作为返回值在JavaScript中函数就是一个普通的对象(可以通过 new Function()),我们可以把函数存储到变量或者数组中,他还可以作为另一个函数的返回值。高阶函数(Higher-order function)//高阶函数-函数作为参数//当我们需要对每一个不同的值进行不同的值进行操作时,可以传入一个函数作为参数进行数据处理//这里我们通过模拟forEach来了解函数作为参数function forEach(array,f原创 2020-07-29 09:36:43 · 161 阅读 · 0 评论