- 博客(13)
- 收藏
- 关注
RSS订阅
原创 给windows 电脑添加（vs code）右键快捷方式
问题: Windows上面安装Visual Studio Code编辑器后,常常会因为安装的时候忘记勾选等原因,没有将"Open with Code(右键快捷方式)"添加到鼠标右键菜单里,使用起来多有不便,所以需要我们手动将VSCode添加至鼠标右键菜单之中.解决:1.新建reg文件.在桌面上新建一个文本文件,然后将文件后缀改为:*.reg,文件名任意,例如:add_shortcut.reg.2.编写文本文件内容.将下面的内容Copy到刚才新建的*.reg文件中,文本内容如下:Win
2020-08-03 09:56:20
657
原创 react项目中使用状态管理
1. 安装 redux2. 安装 react-redux3.在src目录下创建一个store目录import { createStore } from 'redux'// 1. 定义const notices = (state = { isAllRead:false, count: 8 }, action ) => { switch (action.type) { case "Read_All": return {...state, isAllRea..
2020-06-08 16:03:20
712
原创 uniapp项目简单实现购物车
一个电商项目中可以说购物车功能的实现可以说是非常重要的，这次疫情期间刚好自己做了一个小demo，停工不停学，逆战到天明。话不多说，先看看效果。一、当我们进入购物车页面时应该首先判断用户是不是出于登录状态onShow() { try { const userid = uni.getStorageSync('userid'); const token = uni.getStorag...
2020-02-23 16:05:40
12024
4
原创 电商放大镜插件的使用方法
1.需要依赖jquery2.需要一个插件，这个插件是基于jquery扩展的插件，是扩展在jquery的原型上的，所利用的方法是 jquery 的 $.fn.extend()使用前需要自己搭配静态界面 需要方法的中图（注意图片大小应该是中图的两倍，以便做方法图片），以及需要选项切换的小图布局如图：此时需要在大图的盒子上设置自定义属性 ：data-zoom-image="{{da...
2019-12-18 14:01:59
436
原创 重写滚动条样式
在很多时候由于内容过多将会自动撑开父元素产生系统滚动条，这时候系统的滚动条不太美观就极大的影响自己项目的整体效果，那么需要自己手动写滚动条样式// left_selectPam_treeMenu 这个就是父元素设置为overflow：auto.left_selectPam_treeMenu::-webkit-scrollbar { /*滚动条整体样式*/ width: 10px; /*高宽分别对应横竖滚动条的尺寸*/ height: 8px;}.left_selectPam_
2020-05-20 15:40:26
539
原创 快速自定义复选框checkbox
在工作中常常需要使用checkbox 复选框，但是原生的样式又不好看。所以这个时候就需要自己修改样式<input type="checkbox" v-model="checked" id="myCheck"><label for="myCheck"></label>使用label 来写样式#myCheck + label{ backg...
2020-03-25 14:17:10
228
原创 Css实现背景渐变
一、渐变 渐变是CSS3当中比较丰富多彩的一个特性，通过渐变我们可以实现许多炫丽的效果，有效的减少图片的使用数量，并且具有很强的适应性和可扩展性。二、线性渐变线性渐变指沿着某条直线朝一个方向产生渐变效果div { background:linear-gradient(to left, red , blue) } /*从右到左*/div { background:...
2020-01-15 23:01:51
536
原创 移动端的flex布局
传统的布局方式是基于盒状模型依赖以dispaly属性+position属性+float属性。这样布局对于一些特殊的布局非常的不方便。比如垂直居中就不容易实现。2009年时W3C就提供了一种新的布局方式——flex布局，它就可以方便简洁，响应式来处理各种界面，目前也得到了所以浏览器的支持。这意味着，现在就能很安全地使用这项功能。Flex 是 Flexible Box 的缩写，意为"弹性布...
2020-01-15 20:22:11
663
原创 VUE中的双向数据绑定
1.原理vue中可以通过v-model指令实现双向数据绑定，那么在vue底层中是如何实现的呢？其实是使用了es5中的Object.defineProperty()实现的2.Object.defineProperty()此方法的作用： 它可以直接在一个对象上定义一个新的属性，或者修改一个对象的现有属性，并且返回这个对象语法：Object.defineProperty(obj,prop,...
2019-12-18 14:23:24
273
原创 CSS3也可以实现动画效果
transform 该属性允许我们对元素进行旋转、缩放、移动。1、移动transform: translate(100px, 0px); 第一个参数:水平方向 第二个参数:垂直方向2、scale 缩放transform: scale(0.5, 0.5) 默认的值1。因此0.01到0.99之间的任何值，使一个元素缩小；而任何大于...
2019-08-24 16:20:02
382
原创 vue项目中使用md5对用户信息加密
一、使用场景在登录注册的时候前端常常会把用户的信息存储在cookie、sessionStorage。但是这样直接把信息存储在本地就会造成信息泄露、信息直接暴露在本地、这是就需要对信息进行加密后再存储、此时我们就可以使用MD5插件对信息进行加密，尤其是在登录注册的时候MD5非常方便在vue中使用MD5加密二、安装模块 npm install js-md5 -D在小型项目中可...
2019-08-24 15:17:59
446
原创 响应式网站实现原理
一、媒体查询媒体查询可以让我们根据显示器的特性为其设置不同的css样式，媒体查询是由媒体类型和一个或者多个检测媒体的表达式组成，媒体检测的媒体特性可以是width 、height 和color等，使用媒体查询可以在不改变页面的情况下，为特定的一些设备定制出不同的效果。媒体查询的方式实际操作：对媒体提出询问（表达式）开始，如果表达式结果为真（符合条件），媒体查询中的css被应用，如果表达...
2019-08-24 14:10:02
357
原创 在uni-app框架中简单实现数据可视化
图表库的选择大家都知道前端实现数据可视化可以使用echarts、antV、F2.js、等等图表库都能实现数据的可视化。但是由于需要实现跨平台、多端运行。我们在这里选择uCharts。肯定你要问为什么要选择这个呢？uCharts相比F2.js和Echarts的复杂的设置，uCharts几乎可是实现傻瓜式的配置Echarts在跨端使用更复杂、uCharts只需要简单的`canv...
2019-08-17 15:34:03
3736
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人