- 博客(22)
- 资源 (6)
- 收藏
- 关注
原创 vue中引入jquery
第一步,引入jQuery。在项目的根目录下,使用命令:npm install jquery -S2.打开项目下的文件夹build中的webpack.base.conf.js文件,在文件开头添加以下代码:var webpack = require('webpack')3.然后在webpack.base.conf.js文件中,找到 module.exports={},在其中插入以下代...
2019-12-31 13:11:30 114
原创 学习CSS布局
margin: auto; #main { width: 600px; margin: 0 auto; }设置块级元素的 width 可以防止它从左到右撑满整个容器。然后你就可以设置左右外边距为 auto 来使其水平居中。元素会占据你所指定的宽度,然后剩余的宽度会一分为二成为左右外边距。唯一的问题是,当浏览器窗口比元素的宽度还要窄时,浏览器会显示一个水平滚动条来容纳页面。...
2019-12-23 15:43:59 104
原创 动态修改页面标题title
做适配移动的端的时候想起来的移动端题目太长想改变<!DOCTYPE html><html> <head> <meta charset=utf-8 /> <meta name="viewport" content="width=device-width, initial-scale=1,"> <title>修改...
2019-12-20 10:50:36 1067
原创 窗口改变的时候自动刷新浏览器
$(window).resize(function () { window.location.reload(); var wd=document.body.clientWidth; if(wd>768){ console.log(666) }});
2019-12-20 10:46:20 414
原创 jquery之on()绑定事件和off()解除绑定事件
从jQuery 1.7开始,on()函数提供了绑定事件处理程序所需的所有功能,用于统一取代以前的bind()、 delegate()、 live()等事件函数。on()函数用于为指定元素的一个或多个事件绑定事件处理函数。off()函数off()函数用于移除元素上绑定的一个或多个事件的事件处理函数。off()函数主要用于解除由on()函数绑定的事件处理函数。要删除通过on()绑定的事件...
2019-12-20 10:43:34 2018
原创 WebAssmebly简介
自从2008年各大浏览器为JavaScript执行引擎加入JIT(Just in Time, 即时编译器)以来,JavaScript在浏览器的执行性能有了一个量级的飞跃提升,促进了Web领域的飞速发展,一大波大型Web应用丰富了我们的网络世界。但是,JIT带来的性能提升也有天花板,在处理复杂运算的情况下表现仍有不足,为了更进一步解决JavaScript的性能问题,WebAssembly就应运而生了...
2019-12-19 19:28:55 1000
原创 HTML5 canvas绘制线条
使用HTML Canvas绘制线条,我们需要用到的是Canvas上下文的MoveTo()和LineTo()方法<!DOCTYPE html><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>&l...
2019-12-19 10:10:20 211
原创 Python 中文编码
Python 文件中如果未指定编码,在执行过程会出现报错:Python中默认的编码格式是 ASCII 格式,在没修改编码格式时无法正确打印汉字,所以在读取中文时会报错。解决方法为只要在文件开头加入 # -- coding: UTF-8 -- 或者 # coding=utf-8 就行了#!/usr/bin/python# -*- coding: UTF-8 -*- print( "...
2019-12-18 20:34:41 82
原创 js实现滑动验证码功能
<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码</title><style>.contain{width:400px;heig...
2019-12-17 17:36:04 2016
原创 纯前端实现图形验证码功能
概要:一般的图形验证码就像上方的短信验证码一样,就是后台生成的验证码图片返回给前端的,那样的话就比较简单,因为复杂的都让后台解决了,我在这里主要说的是另一种,就是不调用后台接口,通过canvas画布来解决图形验证码。思路:a.一个文本框用来输入由数字和字母组合的验证码+一个画布标签来显示图形验证码+一个提交按钮;b.提交按钮进行表单验证,输入正确或者错误进行相应的提示;c.用画布生成并渲...
2019-12-17 17:08:53 6309 2
原创 html5 canvas绘图之fillStyle,strokeStyle的区别
context.fillStyle(“”): 表示 填充颜色context.strokeStyle(“”):表示边框颜色。
2019-12-17 16:52:33 680
原创 js实现通过手机号发送验证码功能
代码如下:<!DOCTYPE html><html ><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>发送验证码</title><style>.contain{width:300px...
2019-12-17 16:13:56 2606 4
原创 项目问题animate
1.mouseover和mouseenter的区别mouseover:当鼠标指针位于元素上方时,会发生 mouseover 事件。 mouseenter:当鼠标指针穿过元素时,会发生 mouseenter 事件。2.type事件问题type 事件属性返回发生的事件的类型,即当前 Event 对象表示的事件的名称。它与注册的事件句柄同名,或者是事件句柄属性删除前缀 “on” 比如 “su...
2019-12-17 14:42:05 144
原创 git-----解决failed to push some refs to git的问题
错误如下分析造成原因因为github中的README.md文件不在本地代码目录中解决办法可以通过如下命令进行代码合并git pull --rebase origin master执行上面代码后可以看到本地代码库中多了README.md文件此时再执行语句 git push -u origin master即可完成代码上传到github参考https://j...
2019-12-13 12:26:42 290
原创 H5中Video引入问题
引入视频代码块<video width="320" height="240" controls> <source src="movie.mp4" type="video/mp4"> <source src="movie.ogg" type="video/ogg">您的浏览器不支持Video标签。</video>h5中嵌入视频自动播放...
2019-12-13 10:20:04 506
原创 普通定时轮播
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equ...
2019-12-12 16:18:53 149
原创 animate实现让鼠标悬停一次只运动一次,而不是像带记忆一样悬停几次就运动几次。
这个的实现思路你可以在在animate()函数执行前加入 stop()函数,确保上一次函数执行完 。 具体代码如下 <script type="text/javascript">$(document).ready(function() { $("#box").mouseover(function(){ $("#box").stop().animate({heig...
2019-12-12 15:43:13 636
原创 三张图并排轮播滚动
<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title>三张图轮播效果</title> <style> .product-cont .lunbo{ width: 100%; hei...
2019-12-11 23:36:27 3071
转载 jQuery制作卷轴效果(由中间向两边展开)
1.切图:我是将一个画轴原图切成4个部分,两个轴单独切出来,剩下的主体部分均分切开。2.html结构:前面4个div的背景图即是我们切好的4张图 <div class="content"> <div class="l-pic-index"></div> <div class="r-pic-index"><...
2019-12-10 09:45:15 1547
原创 后台返回数字数据.前台变成对应得汉字 比如 1和0变为 男和女
1.第一个方法为:在 标签里直接写 <el-table-column label="性别" prop="gender"> <template slot-scope="scope"> <span v-if="scope.row.gender==1">男</span> <sp...
2019-12-02 16:18:19 5886 1
原创 vue跨域问题及post传参
方案一:在config.index.js中设置webpack最初的方案是前台传JSON格式的数据过去;设置’Content-Type’:'application/json;charset=UTF-8',大概:axios.post('/user',JSON.stringify(params),{ headers: { 'Content-Type': 'applicati...
2019-12-02 10:56:59 1245
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人