共享博客 - 简单搜索

使用Jquery和bootstrap实现上移、下移、置顶、至底部等功能

2024年04月02日最近休息了两个月，中途考了驾照，成功拿到驾照。这几天刚换了家工作，主要做PC端，然后遇到了这个效果，就分享给大家咯！一个使用jq和bootstrap实现的上下移动置顶的效果，如上图所示附demo下载地址：点击下载需自行引入 jq和bootstrap 的js与css，demo里面已整理，可自行下载demo查看代码如下（代码我从项目中复制粘贴过来，可能多一些没有用的，自行删除修改）：.wrapper{ width: 100%; height: 100%; bac

前端 JS JavaScript jq jquery

css隐藏滚动条兼容谷歌、火狐、IE等各个浏览器

2024年04月02日哦，千呐！终于来更新博客了！！！项目中，页面效果需要展示一个页面的移动端效果，使用的是一个苹果手机样式背景图，咋也没用过苹果，咋也不敢形容。如下图所示：在谷歌浏览器如图一滚动条顺利隐藏，但是火狐就如图二了，有了滚动条丑的一批。一句CSS代码，隐藏滚动条div::-webkit-scrollbar { display:none }但不兼容火狐，让人脑瓜疼的火狐啊，下面小方法解决火狐隐藏滚动条。附代码如下<style> .tp_box{

前端 css

谈下公司拖欠工资的事情，如何去劳务仲裁处理，一个前端程序员

2024年04月02日说到拖欠工资，很多人都不会觉得陌生，也有人拿到了工资（当然是少部分人遇到讲信用的老板），不过大部分人还是没拿到钱。好了，说说我自己吧！希望这篇文章能带你了解了解。。。去年2018年，西安，大学刚出来的我在之前也上过各类班，毕业后，很顺利的在学校附近找了一家互联网公司，公司不小也不大，，属于中小型吧，是给自己开发项目的，当时工资不是很高。刚开始，去公司面试，试用期一周，福利听起来也挺好，朝九晚六，双休，五险一金等（对于双休，也是很多程序

劳务骗子公司西安骗子公司

使用vue简单实现选项卡切换效果分享

2024年04月02日好久没更新了，敷衍下，嘿嘿！使用vue简单实现选项卡切换效果简单写了点样式，自行复制查看附代码<style scoped> .menu{ display: flex; align-items: center; } .menu span{ color: #444950; font-size: 12px; line-height: 24px; background: #f5f6f7;

前端 JS JavaScript vue

jq实现监听滚动条滚动的位置显示相对的内容对应菜单高亮

2024年04月02日前段时间，项目中需要做一个表情插件，效果如下图所示也就是点击滚动到对应位置，并且点击的菜单高亮，在滚动时候，继续监听滚动，内容滚动对应的分类菜单高亮，简单做了一个小demo，分享给大家（demo样式大概写的，使用自行修改）demo下载蓝走云盘：点击下载若复制下方代码，请自己引入jq.wrapper{ width: 100%; height: 100%; background: #000; } .emoji_box{ width: 320px;

前端 JS JavaScript jq jquery

VUE中非父子组件之间如何传值

2024年04月02日首先，我们在src中创建一个公共js,index.js，文件名自己起吧,写入下方代码import Vue from 'vue' // 全局使用 var bus = new Vue() export default bus其中 bus 是我自定义的命名，大家随便定义。接着，我们在传值页面中，引入（路径要引入正确哦）import bus from '../vueEvent/index'在HTML中，我随意定义了点击事件<template

前端 JS JavaScript vue

js中三目运算的使用三目运算符如何判断多个条件

2024年04月01日在我们平时编码中经常使用到三目运算符，也是比较好用的语法key == 1 ? 值一 : 值二也就是说，当key和1对比成立时候，为值一，否则为值二去年做项目时，用户信息区域显示多个星星级别，就用了三目运算符来做的，不过需要多次判断，有的人就比较好奇了，三目运算符如何多次判断？？？虽然没啥技术含量，但是可能还是有很多人不知道，因为有几次聊天中发现我身边几个程序员朋友都不知道语法如下<span>{{key == 1 ？ ‘我爱你’: key == 2 ? '我

前端 JS JavaScript

vue中实现点击按钮滚动到页面对应位置使用c3平滑属性实现

2024年04月01日 vue项目中，需要实现点击对应按钮，滚动到对应页面位置，下面分享一个简单实用的方法<template> <div class="box"> <div class="btn"> <span @click="Submit(1)">按钮一</span> <span @click="Submit(2)&qu

前端 vue JS JavaScript css3

vue中使用 v-model 实现实时获取输入框内容的长度以及限制

2024年04月01日举个简单的例子输入框使用v-model双向绑定，使用maxlength属性做限制，最多只能输入50字符span中使用最多限制的 50，减去nameText当前的长度即可<input type="text" v-model="nameText" maxlength="50"> <span>{{50 - nameText.length}}</span>data中定义nameText

前端 JS JavaScript vue

vue中实现对一个数组进行搜索 vue实现搜索功能

2024年04月01日 vue中实现搜索功能input 中 v-model 绑定<input type="text" placeholder="按主页名称或编号搜索" v-model="inputKey"> <div> <div v-for="(item,index) in search(inputKey)" :key='index'> &

前端 JS JavaScript vue

vuex安装 vuex的使用 vue状态管理使用教程 vuex存储数据获取数据修改数据

2024年04月01日附Demo下载：点击下载首先，第一步，相信大家已经搭建好vue框架了，搭建好，启动如下图所示vue搭建好之后，我们开安装vuex首先，我们输入命令接着，我们启动项目在项目中 src 文件里，新建文件夹 store ，并在 store 文件夹中新建 index.js，在 index.js 中引入 vuex 和 vue，在创建 Vuex.Store 实例保存到变量 store 中，最后使用 export default 导出 store如下所示import Vue from &

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Vue中如何获取url后面传的参数

2024年04月01日首先，我们在src下新建 js文件，或者新建文件夹，在文件夹中新建js文件（反正最后引入时，路径正确即可），js代码如下export default { getUrlKey (name) { return decodeURIComponent((new RegExp('[?|&]' + name + '=' + '([^&;]+?)(&|#|;|$)').exec(location

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

Vue中如何实现点击显示再点击隐藏点击页面空白区域也隐藏效果

2024年04月01日平时项目中，经常会做一些下拉菜单等效果，这种效果可能会需要通过一个按钮来控制显示隐藏，并且当点击页面其他空白区域时，也要将其隐藏。简单写个Demo <button @click.stop="ShowHidden = !ShowHidden">显示或隐藏</button>  <div v-if="ShowHidden" @click

前端 JS JavaScript vue

vue中使用watch监听Vuex中存储的值变化

2024年04月01日需求是当vuex中存储的PageId 发生变化，则让定义的index的值等于 PageId，那么就得实时监听PageId的变化computed 中computed: { monitor () { return this.$store.state.PageId } }watch 中watch: { monitor () { this.index = this.$store.state.PageId } }computed 和 watch 中必须定

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS

使用JS的concat()方法将两个数组合并拼接到一起

2024年04月01日项目中，调用接口，获取到数组，显示到页面，然后将新建的每次保存到vuex中存一个数组，最后需要把接口数据与vuex存储的合并到一个数组。例如接口获取的数组和vuex存储的数组let jiekou = [{name: '名字1', id: '1'}, {name: '名字2', id: '2'}] let vuex = [{name: '名字3', id: '3'}, {name:

懒猪前端开发前端博客个人博客网站制作鹏仔先生百变鹏仔 HTML CSS javascript JS