- 博客(23)
- 收藏
- 关注
RSS订阅原创 JS转换动态执行代码修改对象指定的值
例如：调接口后返回新的值给translateInfo的value给替换掉然后把新的对象返回出去getTranslateData方法处理主要是看else这一块 reduce累加器参数给this后,当index为keys的最后一个的时候a参数为this.pageDetailData,b参数为name然后就可以给a[b]重新赋值。
2023-10-30 09:38:39
195
原创 live Server安装使用
live-server可以帮助我们在网页开发中开启一个实时的服务以方便我们可以实时查看开发的网页，更主要的是开发移动端的时候在同一局域网下我们可以通过本地在手机上访问网页效果。我们就可以通过生成的地址去访问，当然也可以通过本地id加55656端口号进行访问，如果想用其他端口号可以在运行live-server的时候用--port的方式指定端口号。安装完之后就会有live-server的命令然后我们在需要启动服务的根目录输入cmd回车。然后输入live-server命令回车。
2023-07-07 14:42:20
1351
原创 实现[1,2,3,4].toTotal()结果等于10
首先注意看题目不是单纯的写一个函数传入参数类似于 toTotal（[1,2,3,4]）思路：需要在Array的原型对象上加一个toTotal方法通过this内部去实现累加。
2022-10-10 09:39:22
171
原创 a-z26个字母依次排序超出显示aa、ab...
工作中有一个需求要求是a-z依次排序到末尾z下一个就要是aa、ab....以此类推，在此记录。话不多说上代码主要就是 Convert26 这个函数将10进制转为26进制。
2022-09-29 09:47:30
416
原创 css文本溢出显示...
多行省略（英文注释帮助解决不生效问题主要是盒模型中--box-orientvertical;单行省略（不生效用displayblock)
2022-07-18 15:11:17
214
原创 记录布局样式
/* 当有固定头部或者底部时可以在template根中使用该套类名 */.page-container { height: 100%; width: 100%; overflow: hidden; display: flex; flex-direction: column; box-sizing: border-box; &-header, &-footer { width: 100%; } /*主体内容不滑动*/ &-m.
2022-02-10 15:52:25
349
4
原创 记录项目页面切换动画
// global transition css/* fade */.fade-enter-active,.fade-leave-active { transition: opacity 0.3s; position: fixed; top: 0; left: 0;}.fade-enter,.fade-leave-active { //position: ; opacity: 0;}/* fade-transform */.fade-transform-le.
2021-12-03 09:44:36
224
1
原创 chrome插件开发引入图片静态资源
这个问题困扰了我很久，按照路径引入托是不生效的，在网上找了很久都没找到，最后翻文档看到的，在这里记录一下。 <img src="" alt="" id="imgs">这里要使用chrome.extension.getURL('本地路径') 生成一个可识别的urlconst imgUrl = chrome.extension.getURL("assets/images/sssh.png");$('#imgs').attr('src', imgUrl)最后完美显示...
2021-11-26 17:22:59
2710
2
原创 JavaScript Array方法
1.concat() 用于合并两个或者多少数组，此方法不会更改现有数组，而是返回一个新的数组var a=[1,2,3];var b=[4,5,6];a.concat(b) //[1,2,3,4,5,6]2.every() 测试一个数组内的所有元素是否都通过某个函数的测试，返回一个布尔值 全部通过true/有一个未通过falsevar a = [1,6,15,36]a.every((el,index,arr)=> { el<40}) //true3.fill(.
2021-03-05 18:34:18
145
1
原创 js闭包函数
JavaScript闭包函数闭包函数的定义：因为每一个函数都有一个自己的局部作用域，外部是访问不到的，如果在一个内部函数里，对在外部作用域(但不是全局作用域)的变量进行引用，那么内部函数就被认为是闭包(closure)。举个简单的例子：function fn() { var name = "小明"; function fun() { return name } return fun() } var name = fn() console.log(name)这
2021-02-27 10:43:23
132
原创 js改变this指向的三种方法
1.call() function fn(x, y) { console.log(this); } var obj = { name: "zs" } fn(1, 2); fn.call(obj, 1, 2); //call( this指向,参数... )2.apply function fn(x, y) { console.log(this); } var obj = { name: "zs" } fn(1, 2); fn
2021-02-26 17:39:13
185
原创 基于vue的一些比较好用的ui框架
像element和iview就不说了1. Vanthttps://vant-contrib.gitee.io/vant/#/zh-CN/home2. Muse-UIhttps://muse-ui.org/#/zh-CN/installation3. Aut Designhttps://www.antdv.com/docs/vue/introduce-cn/
2020-10-31 16:57:49
993
原创 根据地址获取该地区的经纬度
1.安装josnp，解决跨域。npm i vue-jsonp -S2.main.js中添加import VueJsonp from 'vue-jsonp'Vue.use(VueJsonp)3.使用方法this.$jsonp('http://api.map.baidu.com/geocoding/v3/', { address: '深圳市福田区天健创业大厦', output: 'json', ak: 您的密钥}).then(json => { // 得到
2020-09-18 10:12:03
235
原创 uniapp学习-1
生命周期应用生命周期 onLaunch: function() { console.log('App Launch'); //当uniapp实例初始化完成后触发，全局只会触发一次 }, onShow: function() { console.log('App Show'); // 当uniapp初次显示，从后台进入前台时触发 }, onHide: function() { console.log('App Hide'); //当uniapp从前台进入后台时触发 }
2020-08-18 17:56:07
160
原创 Vue项目CDN优化
当我们项目完成后，build后发现文件会比较大，部署到服务器上首页加载还比较慢，这都是打包资源太多的问题，照成文件比较大，加载比较慢，这个时候我们就可以使用CDN资源优化项目了build后会打印出日志，会发现这个js文件很大，我当时的是1.6m。废话不多说，优化如下1.在vue.config.js 添加如下配置// chainWebpack: config => { // //发布模式 // config.when(process.env.NODE_ENV === '
2020-08-04 15:48:20
1469
原创 ES6常用的语法
ES6新语法我们知道在es6之前的版本使用var来声明一个变量 0.可以一次定义多个变量 1.定义时可以只声明不赋值 2.定义之后可以随时修改变量的值 3.变量声明会被提升 4.可重复定义变量 5.全局定义的变量会被作为全局对象（global/window）的属性 6.在代码块中使用var关键字声明的变量不会被束缚在代码块中在es6中新增了声明变量的方法l...
2020-08-04 15:11:32
329
原创 关于阿里矢量图标彩色icon使用
当你搜到这样类似的文章时，说明普通的icon你已经会引入和使用了。1、引入图标库的css和js，路径根据你放在那个目录决定。2、linux是font class，在这里要用#加class名。就这么简单。...
2020-08-04 14:45:36
678
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人