- 博客(25)
- 收藏
- 关注
RSS订阅
原创 小程序中的下拉刷新上拉加载
小程序中的下拉刷新上拉加载下拉刷新在需要下拉刷新的页面中找到json：配置下拉刷新开启按钮： "enablePullDownRefresh": true在该文件的js 文件配置相关内容： /** * 页面相关事件处理函数--监听用户下拉动作 */ onPullDownRefresh: function () { this.setData({ pagenum: 1 //当前页码 }) this.getDetail(this.data.obj)
2021-07-19 20:53:11
76
原创 echarts地图下钻可缩放
echarts地图下钻可缩放在geo中写相关属性点击查看geo相关属性geo 地理坐标系组件用于地图的绘制，支持在地理坐标系上绘制散点图，线集。 geo: { map: map, // center: [115.97, 29.71],//当前视角的中心点 zoom: 1.2, //当前视角的缩放比例 roam: true, //是否开启平游或缩放 scaleLimit: {
2022-03-16 13:28:23
3382
原创 npm与yarn的异同
npm与yarn的异同npmnpm 下载的时候慢。尤其是运行在新的项目耗时较长。删除node_modules，重新下载的时候裱也是如此。·同一个项目，安装的时候无法保持一致性。由于packagt json文件中版本号的特点。不同版本号在安装的时候代表不同的含义。如果是多人协同开发下载的版本不同，很容易在开发中出现问题。·安装的时候，包会在同一时间下载和安装，如果在中途某个时候一个包抛出了一个错误，但是npm会继续下载和安装包。因为npm会把所有的日志输出到终端，有关错误包的错误信息就会在一大堆np
2022-02-17 07:00:00
876
原创 项目中的跨域设置
/**@Description:配置文件*/module.exports={publicPath:"./",devServer:{open:true,proxy:"http://106.15.179.105/api"},};//proxy是代理的意思//代理跨域就是在欺骗浏览器让浏览器认为你访问的还是同源的localhost：8080，但是用代理把地址代理到了需要跨域的地址去了//首先第一步把vue.config.js放在...
2021-11-29 05:30:00
263
原创 chrome 谷歌前端性能分析
chrome 谷歌前端性能分析1.打开控制台（f12）,接着按 Ctrl +shift + p ，在搜索框输入 show performance monitor 回车即可。里面有四个重要的参数：他们分别是：CPU占比、分配内存、创建dom 节点、事件监听。chrome调试技巧，使用getEventListeners获取DOM元素上绑定的事件打开控制台（f12）在下方点击Event Listeners 可以看见相关事件注意：getEventListeners 不要在原码中调用会报错。可以在控制
2021-11-28 20:30:00
697
原创 TypeScript初识
TS初识下载ts检验ts下载完成在写ts中如果有哪些需求可以点击TS中文版官网浏览器是无法识别ts代码的，我们可以通过ts-node 进行翻译。下载ts-node：TypeScript 数据类型 |变量
2021-11-13 19:16:57
1093
原创 http状态码
http状态码http状态码分类：100-199 提示信息 – 表示请求正在处理200-299 成功 – 表示请求正常处理完毕300-399 重定向 – 要完成请求必须进行更进一步的处理400-499 客户端错误 – 请求有语法错误或请求无法实现500-599 服务器端错误 – 服务器处理请求出错。1XX：信息响应信息响应指示接收和理解请求。它是在请求处理继续进行时临时发出的。它提醒客户等待最终的响应。消息只包含状态行和可选的头字段，并由空行终止。由于HTTP/1.0标准没有定义任何1xx状
2021-10-07 20:07:54
330
原创 AXIOS
Axios 拦截分为请求拦截和响应拦截，请求拦截就是在你请求的时候会进行触发！只要是你发送一个 axios 请求就会触发！所以我们主要用它做我们的loading 加载和数据的权限验证,包括我们所有的数据预加载也可以实现，响应拦截主要是我们在 loading 加载，和做所有数据加载需要整体的结束，这个时候的结束就需要在数据马上发给前端的时候进行隐藏和结束，包括我们的请求头的设置，后端数据已经发送过来的时候，我们为了确保请求头的传递就必须在看看header 里面是否有你需要的请求，如果有的话，再次进行设置！当然
2021-10-05 20:58:08
167
原创 js字符串常用方法
字符串常用方法length 属性返回字符串的长度 var str = "qwertyuiop" var str2 = "1234567890" console.log(str.length);//10 console.log(str2.length);//10indexOf() 方法返回字符串中指定文本首次出现的索引（位置）： var str = "Welcome to China."; var pos = str.indexOf("Welcome");
2021-10-04 16:44:23
137
原创 async和await
async和awaitasyncasync&await是Promise和Generator的语法糖。1.可以作用在任何方法前, 返回值是一个Promise对象(回调函数也可以使用async)async function fn() { return "Hello" };fn();2.函数内部return的返回值, 会成为then回调函数的参数 var fn2 = async () => { return 111 } fn2().then(res=>{
2021-10-03 18:45:04
146
原创 js--promise
promisePromise 对象用于表示一个异步操作的最终完成 (或失败)及其结果值。一个 Promise 必然处于以下几种状态之一：待定（pending）: 初始状态，既没有被兑现，也没有被拒绝。已兑现（fulfilled）: 意味着操作成功完成。已拒绝（rejected）: 意味着操作失败。因为 Promise.prototype.then 和 Promise.prototype.catch 方法返回的是 promise， 所以它们可以被链式调用。当 .then() 中缺少能够返回 p
2021-10-02 17:28:01
198
原创 js基础--箭头函数
箭头函数1.当箭头函数中只有一个参数的时候,可以省略形参参数的括号2.当箭头函数中只有一句代码的时候 可以直接省略{}3.当箭头函数中有切只有一句代码的时候 可以省略return 箭头函数会直接的把这句代码的执行结果当作函数返回值。4.有多条语句(要加上花括号,写法和以前一样) =>{ 语句1; 语句2; 语句3;…} let arr = [1, 2, 3, 4, 5]; // let newArr = arr.filter(function (item, index) { //
2021-10-01 22:53:27
676
原创 js之继承
js之继承js继承有许多继承，我们在这里就简述几个常用、实用、易理解的ES5继承。JS中的类和实例是基于原型和原型链机制来处理的.1.原型链继承特点:JS继承也不像其他语言中的继承一样(其他语言:子类继承父类,就是拷贝一份父类的属性和方法),js中他是把父类的实例放到子类的原型链上,子类实例想要去调用这些属性和方法的时候,实际上是基于__proto__原型链查找的形式去完成的。子类实例可以直接修改父类上的方法(这样就会导致其他父类实例都会收到影响)。父类中私有的属性和方法,在实现原型链继承之
2021-09-30 22:34:42
128
原创 js 基础--数据类型和判断
数据类型1.基本数据类型 String 字符串 Number 数字 Boolean 布尔值 null 空 undefined 未定义 symbol 唯一值 bigInt 大数字 2.引用(对象)数据类型 Object 基类 {} plainObject Array Function Date RegExp数据类型判断...
2021-09-29 12:03:05
76
原创 js基础---var let const的区别
var let const的区别变量提升 在未定义之前可以使用而且不报错。预解释 预解析 在浏览器拿到js代码将要执行之前,会整体的解读一遍js文件,把其中的var声明的变量还有function提前定义。var声明的变量会有一定的缺点（内层变量可能覆盖外层变量的问题以及用来计数的循环变量泄露为全局变量，let const 语法和 var一样都是用来声明变量的1.是否存在变量提升？var声明的变量存在变量提升 let/const声明的变量不存在 console.log(a); //und
2021-09-28 16:20:55
66
原创 数组方法总结
数组方法总结1.concat()用于连接两个或多个数组。该方法不会改变现有的数组，而仅仅会返回被连接数组的一个副本。2.unshift()在数组开头添加新元素。原数组发生改变。unshift()方法不能用于 Internet Explorer 8 之前的版本，插入的值将被返回成 undefined3.push()数组的末尾添加新的元素。原数组发生改变。4.shift()数组头部删除一个元素返回被删除的元素，原数组发生改变。5.pop()删除数组的最后一个元素。6.splice()截
2021-09-06 18:46:50
103
原创 微信小程序使用组件vant
微信小程序使用组件vant首先下载vanteg:在桌面新建一个文件夹vant，打开终端 npm init 回车…接着npm install @vant/weapp下载后在桌面找到vant文件夹打开，点击node_modules 、@vant 、 weapp、lib 即可（vant\node_modules@vant\weapp\lib）使用vant在需要使用的页面中引入eg:将lib 放入项目文件夹component中，需使用vant的文件的json :**json
2021-08-25 12:40:59
441
原创 微信小程序——image
微信小程序——imageimage（图片）默认宽高（320*240)px由于微信小程序体积限制为<=2M ,因此当我们使用图片时可从外网上获取。我们可以先将图片传到网上获取合适格式再实用。接下来推荐分享几个高速稳定的图床网站，拿去不谢！1 阿里图床图片不能大于10M（一般图床单张图片上限为5M、10M）文件命名里中英文（数字）同时存在的情况下，你会遇到上传失败，请将图片文件名重命名后再次尝试。2 sm.ms15 年成立的免费图片外链网站。上传下载速度快。无需注册，无外链限制，默认
2021-07-25 21:11:29
484
原创 vue项目配置rem
vue项目配置remexport default function() { // 7.5根据设计稿的横向分辨率/100得来 var deviceWidth = document.documentElement.clientWidth; // var deviceWidth = window.screen.availWidth // console.log(navigator.userAgent) // console.log(deviceWidth) ...
2021-07-17 19:05:52
78
原创 小程序的页面跳转
小程序中的页面跳转小程序的导航分为 声明式的导航 编程式的导航非tabbar页面，url="/路径"路径一定是需要在app.js配置的路径<navigator url="/pages/info/info">详情页面</navigator> <navigator url="/pages/logs/logs" open-type="switchTab">分类页面</navigator>tabbar页面 open-type=“switchTab”
2021-07-17 18:55:02
524
原创 小程序请求接口（封装）
小程序接口的封装先建两个js:eg:request.js 封装公共请求头部const request = (params) => { return new Promise((resolve,reject)=>{ wx.showLoading({ title: '加载中...', }) wx.request({ url: BASE_URL + params.url, method: params.method || 'GET',
2021-07-16 16:49:01
222
原创 小程序中的循环
小程序中的循环【数组 字符串等】 <!-- vue v-for 循环 v-for="(item,index) in list"--> <!-- 小程序 中的循环--> <!-- <view wx:for="{{list}} ">{{item}}</view> --> <!-- 正确的用法 wx:for="{{list}}" 默认取值item (循环中的每一项) index（每一项的下标）； 需要改
2021-07-15 10:08:38
1279
原创 小程序顶部tab切换
小程序顶部tab切换wxml:// A code block<view class="viewbox"> <text data-num="1" bindtap="tapHandle" class="{{activeIndex==1?'activetext':''}}">电影</text> <text data-num="3" bindtap="tapHandle" class="{{activeIndex==3?'activetext':''}}"&
2021-07-15 09:45:48
150
原创 安装vant 组件库
创建项目vue create yxsc_project安装vant 组件库第一步安装命令 npm install vant@next --save (因为使用的是vue3.x 所以要安装vant的针对vue3的版本 vant@next)第二部vant的进阶使用 通过 npm install postcss postcss-pxtorem --save-dev (用来将px尺寸转化为rem尺寸)配置rem的根元素字体大小 安装lib-flexiable 安装命令 npm i
2021-05-31 11:26:24
371
原创 vue2----vue3浅谈
vue2----vue3vue3vue3完全兼容vue2，它有着速度快体积小，更易维护更接近原生的特点，使它在未来的IT行业中运用更加广泛，也更加深受各大行业的青睐，速度更快重写了虚拟Dom实现编译模板的优化更高效的组件初始化undate性能提高1.3~2倍SSR速度提高了2~3倍体积更小 分装打包后整体体积变小，无须担心内存问题。更易维护 可与其他框架同时使用，代码灵活，可以多次使用。vue3与vue2代码略有不同vue3中可有多个根节点...
2021-05-28 19:43:46
309
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人