- 博客(35)
- 收藏
- 关注
RSS订阅原创 element-ui el-table 滚动到底部，进行加载下一页
el-table-column fixed label="排名" width="50" prop="RowIndex" align="center"> 俺的方法是写了一个自定义组件，进行监听滚动条是否拉到最底部进行一个处理。console.log('没找到元素')
2023-09-12 14:44:40
1453
原创 css滚动条隐藏
::-webkit-scrollbar { /* 1 */ }::-webkit-scrollbar-button { /* 2 */ }::-webkit-scrollbar-track { /* 3 */ }::-webkit-scrollbar-track-piece { /* 4 */ }::-webkit-scrollbar-thumb { /* 5 */ }::-webkit-scrollbar-corner { /* 6 */ }::-webkit-resizer { /* 7 .
2022-02-18 15:55:38
339
原创 vue css动态 实现更换主题颜色效果！！！
写的不好 勿喷~！！！！！！！~~~~~~~~~~~~~~~~1.首先安装 npm i css-vars-ponyfill --s 这是一个可以改变css变量颜色的插件 ！2.在项目创建一个 scss 样式文件, 项目中需要用到scss 所以安装了scss css预处理器。设置一个全局样式，效果如下 还要在vue.config.js设置一下来个loader3. 在需要更换的颜色的地方 写上自己刚刚定义好变量的主题颜色，就可以更换主题色了。4. 个人自我感觉良好的写了两种...
2021-07-27 22:57:58
2697
8
原创 computed 计算属性和应用场景！！！！！留给不争气的自己无聊的时候看看
computed 计算属性和应用场景！！！！！ 可能现在的人都是用vue3 了 不过我还是感觉vue2x才是用的最爽的第一种是最常见的！第二种是用于某种需要进行重置数据的操作 当然你也可以用watch，一般大数据操作还是使用官方推荐watch...
2021-06-16 23:16:30
200
2
原创 苹果各种兼容！！处理方法
，异步更新Dom元素后的操作，
refs组件传值根据组建的name属性进行传值，在这里插入图片描述
2020-07-10 20:12:23
626
原创 记录一个递归写法！！简单版！
记录自己写的递归写法！ 查询当前存在匹配！ 用于多重数据进行匹配, 写法如下！ 仅仅记录给自己看！！！代码 如下！ 首先第一个参数是所需要的数据，第二个则是我自己定义的索引，进行匹配，第三个参数就是存放匹配到的数据！forExpresslist(data, isNums, objson) {let isNum = isNums || 0if (data) {for (let item of data) {if (item.value == this.poStageTopayTypelist[is
2020-07-10 19:24:53
275
原创 商品轮播图！！！用户购买商品展示！！
使用动画进行编写！代码如下 栗子Vuedata(){this.isCurrent:0}methods:{编写一个定时器autoplay(){setTimeout(()=>{if (this.isCurrent <= 数组的长度的时候) {this.isCurrent ++} else {this.isCurrent = 0}},3000)}}动画 ：@keyframes myAnim {0% {transform: translateY(18px);op
2020-06-21 10:55:35
650
原创 小程序不用scroll-view 锚点滚动到指定位置
之前想用scroll-view,可是用起来并不是特别的顺手，查看了小程序的Api,觉得用这个会比较好玩！！首先查看微信小程序文档API，wx.createSelectorQuery() 可以获取dom到屏幕顶部的距离。这个是微信文档的一个API， res 返回的是一个数组，数组的res【0】.top + res[1].scrollTop 等于 Dom元素到顶部的距离。、const query = wx.createSelectorQuery()query.select(’#the-id’).boun
2020-06-21 10:48:09
1257
原创 Vue.env文件配置！！！
.env.development ：开发环境下的配置地址文件，.env.production : 线上环境下的配置文件地址，运行的时候进行 npm run dev 是默认执行开发环境下的配置文件，npm run build 是执行默认情况下的配置文件， 所以要在package.json 里面进行开发命令的设置！如果需要查看自己的当前是在哪个以下是dev环境的配置文件内容：prod 开发...
2020-03-08 12:18:36
1092
原创 vue -router路由
首先下载安装vue-router 进行installnpm install vue-router第二部，进行main挂在第三步， 设置router第四步， 设置路由这就完成了！！！
2020-02-17 16:36:47
101
原创 Vue项目中px转化成rem方法！！！（小白求关爱）
第一。首先下载 npm install postcss-pxtorem完成下载之后，在package.json文件中添加添加这段代码“postcss”: {“plugins”: {“autoprefixer”: {},“postcss-pxtorem”: {“rootValue”: 16, // 根元素大小1rem = 16px“propList”: ["*"]}}...
2020-02-16 20:01:39
12625
2
原创 本地代理跨域问题！！！
在配置文件中Vue.config.js 配置proxy （反向代理跨域）proxy: {// change xxx-api/login => mock/login// detail: https://cli.vuejs.org/config/#devserver-proxy '/api': { target: process.env.VUE_APP_BASE_API, ...
2019-11-18 21:56:38
214
原创 vue项目进入的网址下的颜色条
NProgress实现：首先下载安装，在router.befornEach((to,from,next)=>{NProgress.start() // 使用完毕})
2019-11-15 15:09:30
203
原创 VueX获取数据和修改数据
一。首先是获取数据，两种方式第一种。。。获取然后这里是使用第二种获取的方式呢！！！然后页面的使用也是直接使用this.属性使用，还有一中方是就是直接使用this.$store.state.属性，获取里面的值，关于修改也有两种方法；第一种直接使用this.$store.commit('自定义的方法”，参数)进行修改，第二种：：：在computed里...
2019-10-30 17:11:01
14717
2
原创 关于Vue底部Tabal设置！！
一创建router.js文件进行用来管理显示底部导航栏的一些页面二.在对应的tabal页面上进行，那么对应的子路由就会映射到上面来打开页面进行查看就OJBBK了！！！初级文章 勿喷...
2019-10-30 16:58:40
279
原创 Vue vue-rotuer懒加载resolve
方便自己更加理解路由懒加载编写的；使用resolve的方法进行 require引入，是为了webpack打包的时候，页面加载不用全部进行加载，能真正的发挥出所需要的路由进行加载...
2019-10-30 15:46:45
230
原创 判断页面是pc端还是移动端！！详情
给自己看的Vue项目创建.js文件！ 复制就行export function browser () {// 判断网页var u = navigator.userAgentvar app = navigator.appVersionreturn { // 移动终端浏览器版本信息WeChat: u.match(/MicroMessenger/i) == ‘MicroMessenger’,...
2019-10-28 17:30:28
456
原创 Vue跨域面传送数据
一.使用this.$router.push({name:'跳转的页面}，query:{id=参数})，进行跳转下面举例了3种方法！进行页面的跳转另一个页面的接受参数方式！完成 仅仅是给组件加深回忆！！！...
2019-10-27 14:38:33
240
原创 VueX用户刷新的数据，Vuex初始值清空解决方法！！！
一.先理解一下Vuex，他是把值存储到内存上去的，所以用户刷新页面了之后内存被重新定义了，所以用户的数据返回到了初始的状态本人的解决的思路，先把值从存放到sessionStroage里面，然后在通过修改store里面的数据，而且在store里面还要定义这个值必须要在seeionStorage里面进行获取，要不然刷新页面vueX的值还是没有改变！ 下面举个栗子：首先在定义存放数据的文件里面进行获...
2019-10-25 16:58:19
3250
原创 微信oppenid获取！
一。首先上传一张图片先根据后台接口进行传值！（Appid就是小程序的AppId,appsecret,也是小程序的 然后就是code，用户同意之后授权拿到！）通过接口发送到后台！后台进行调换！...
2019-10-25 16:41:57
511
原创 微信小程序的日常操作
一. 首先呢！是对微信小程序的promise进行编写，promise是一个异步的操作，相当于ajax没什么区别附上代码吧：，下面只是对代码的一些封装（简单封装，其实还有很多的配置）需要再次进行理清楚；二.然后就是遗忘很久的一些操作js文件的一些方法：1.操作函数里面的访问data的值：定义一个操作this的变量进行取代this作用域，然后再进行 .data.属性，进行获取data里面...
2019-10-11 12:08:36
336
原创 Vue项目中的路由守卫！！！
一.直接进入主题吧！首先呢！先下载Vue-router 配置路由！然后在路由设置下添加meta属性，看图我这里呢！实在全局(main.js)配置了路由守卫，看图,next方法就是跳转对应的路由，to是当前的路由地址。。。写的不好！！勿喷 仅仅给自己查阅！！！！！！...
2019-09-23 21:22:55
611
1
原创 微信小程序登录流程（仅仅是给自己记录看的！！！！）
一，使用官方定义的BUttom1.通过这里的buttom，调起用户授权登陆，caniuse方法就是判断该按钮是否可以根据版本进行使用。2. open-type=“getUserInfo”：其实就是发起授权窗口，使得用户授权，bindgetuserinfo：就是打开对应js文件定义的getUserInfo的一个方法，然后把用户的信息存放到定义的usinfo里面去。...
2019-09-18 21:50:27
148
原创 Vue项目中，Cannot find module 'node-sass' 报错找不到解决方法！！！！！
**Vue启动项目，找不到Cannot find module ‘node-sass’ 模块！！！(解决方法)。**问题点：刚开始启动项目 npm run serve 启动项目报错“Cannot find module ‘node-sass’ “，报了5个错误，搞了一上午，原来是网络的原因导致下载安装的no-model报的缺失，导致了项目的不完整，所以导致不能重启；运行命令：cnpm in...
2019-09-13 21:59:07
98073
22
原创 Vue cli - 3.0 编写模拟静态数据
Vue cli 3.0 如何 进行编写模拟本地数据进行模拟开发！1.首先 vue cli -3.0 已经没有生成state这个静态文件夹了，所以我们的静态资源应该存放哪里呢？ 应该存放在public里面，如下图，mock是我创建的存放json数据的一个文件夹，如图：2.在mock里面创建相对应的json数据，在创建于package.json同级文件创建Vue.config.js文件，3....
2019-09-08 14:20:44
499
原创 Vconsole移动端调试程序！
第一步首先npm命令下载 第二步，在项目入口文件main中写入一下代码第三步，打开项目就可以直接看到conosle绿色的按钮了第四步，点击打开就行了看到以上内容说明完成！！！！！！！！！！！！！！...
2019-07-05 16:32:56
206
原创 前端小白讲解如何实现手机和pc端共享网页，设置端口。
我确实是个小白，为了不让自己忘记只能在这里写写这种东西，增强一下自己的记忆力了！首先第一步打开控制面板，找到window防火墙设置，然后在点击高级设置，…好了下面看图说话！第一步：第二步：第三步：第四部：第五步第六步第七步：第八步：第九步第十步**自定义名字就可以完成了斜体样式！**...
2019-06-24 23:58:40
1159
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人