![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端
文章平均质量分 69
弃码从安cty
入IT,无止境
展开
-
Angular 学习笔记
Angular 学习笔记原创 2022-08-24 19:09:37 · 1372 阅读 · 1 评论 -
VS code用不了淘宝镜像 cnpm ?
解决 VS code 无法使用 cnpm 的问题问题描述问题解决问题描述我们在新安装的 VS code 中能够使用 npm 下载插件或者运行项目,但是 npm 可能下载速度太慢,所以我们想用淘宝镜像 cnpm 下载插件,但是发现在 VS code 中无法使用问题解决以管理员身份运行 VS code在终端依次执行以下两个命令,cnpm 就能使用啦!!!命令1: set-ExecutionPolicy RemoteSigned命令2: Set-ExecutionPolicy RemoteSign原创 2022-02-10 16:01:38 · 1036 阅读 · 0 评论 -
JS 笔记
JS笔记JS排序sort函数1. 数组元素排序2. 根据数组中对象的某个属性排序3. 根据数组中对象的多个属性值排序JS排序sort函数array.sort(fun):参数fun可选,规定排序顺序,必须是函数。如果调用该方法时没有使用参数,将按字母顺序对数组中的元素进行排序,说得更精确点,是按照字符编码的顺序进行排序,而不是按照数值大小排序。如果想按照其他规则进行排序,就需要提供比较函数,该函数要比较两个值,然后返回一个用于说明这两个值的相对顺序的数字。比较函数应该具有两个参数 a 和 b,其返回值原创 2021-10-09 11:47:18 · 171 阅读 · 0 评论 -
简单分页器的功能实现
上效果上代码<!-- * @Author: cty * @Date: 2021-06-29 14:14:39 * @LastEditTime: 2021-08-06 13:41:48 * @LastEditors: Please set LastEditors * @Description: 分页器--><!-- * @description: 传入参数:总页数allPages 传出参数: 当前分页inputPage --(@cur原创 2021-08-06 13:46:33 · 197 阅读 · 0 评论 -
可拖动大小页面
上效果上代码<template> <div class="box"> <div class="left">盒子1</div> <div class="resize"></div> <div class="mid">盒子2</div> <div class="resize2"></div> <div class="right">原创 2021-08-04 15:38:03 · 151 阅读 · 0 评论 -
Vue 中 this.$nextTick(()=>{ }) 的用法
this.$nextTick(()=>{ }) 将回调函数中的操作放到下一次DOM更新之后执行,类似全局方法vue.nextTick,只不过 this.$nextTick 只作用于调用它的实例代码示例<template> <button ref="ctyBtn" @click="clickHandle">{{content}}</button></template><script>export ..原创 2021-07-28 15:18:08 · 2883 阅读 · 0 评论 -
Vue中判断鼠标向上还是向下滚动
标签中监听鼠标滚动事件@mousewheel="mouseWheel"根据事件 e 的 wheelDelta 和 detail 的正负来判断向上还是向下滚动methods: { mouseWheel (e) { if (e.wheelDelta || e.detail) { if (e.wheelDelta > 0 || e.detail < 0) { //当鼠标滚轮向上滚动时 console.log("向上") .原创 2021-07-28 11:24:37 · 2012 阅读 · 4 评论 -
npm提供的颜色选择器
下载包cnpm cnpm install vcolorpicker -S 或者 npm install vcolorpicker -S在main.js中引入import vcolorpicker from 'vcolorpicker'Vue.use(vcolorpicker)组件中使用<template> <colorPicker v-model="color" /></template><script>export default原创 2021-07-09 12:33:02 · 732 阅读 · 0 评论 -
CSS画三角形
在前端开发过程中,有时候需要自己写下拉框,这时候一个小三角形可实现下拉框的指向效果,如下图所示。所以本文就记录一下我画三角形的思路以及实现方法。实现方式利用盒子的边框实现配合旋转可以实现任意方向任意角度的三角形;加入面试官问你如何用CSS实现三角形效果,这时,你可以反问他,你需要尖尖朝哪个方向的、尖尖角度是多少的三角形,这也许会让他对你高看一眼哦~实现过程描述 首先,我们来看一样下面的东西 这...原创 2021-07-13 10:35:41 · 100 阅读 · 0 评论 -
前端实现放大镜效果
前端实现放大镜效果用到的技术注意事项效果展示代码实现用到的技术html + css + javascript + vue2.x + less注意事项代码中两处图片路径需要按照自己的情况修改,复制可用,根据放大镜大小需要适当修改计算数值。效果展示代码实现<template> <div class="demo"> <div class="smallPic" @mousemove="moveOnImg" @mou原创 2021-07-13 10:37:57 · 945 阅读 · 0 评论 -
前端轮播图的实现
效果图用到的技术Html、CSS、less、JavaScript、vue2.x、elementUI扩展用法图片、翻页按钮和选择器样式大小位置在CSS中修改即可实现代码<template> <div class="carousel"> <div class="showImgPart"> <!-- 图片列表 --> <img v-for="(item, index) in imgs"原创 2021-07-13 10:35:00 · 369 阅读 · 0 评论 -
在Vue中实现颜色选择器
说明对于前端程序员来说,很多时候写功能页面的都是直接调用UI库的组件,这也确实加快了开发效率,但是我个人认为这对开发基础有所阻碍,我本身也是一个初级前端程序员,所以在我闲暇之余,很注重基础技能的提升。今天这篇文章是向大家分享一下我闲暇之余做的颜色选择器。程序运行截图程序说明通过左边滑块选择一个基准颜色再在右边的详细颜色中选择颜色选中的颜色结果显示在左下角的小圆角方块里,同时结果将以rgb形式和十六进制形式显示在小圆角方块的右边两个输入框中程序缺陷:用户可以通过该程序的输入框输入rgb或者原创 2021-07-07 10:23:38 · 1911 阅读 · 0 评论