JS
关注
分享
扫一扫
LILEILEILOVE
这个作者很懒，什么都没留下…
展开
-
头部菜单下划线效果
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style>nav { position: relative原创 2020-11-15 00:00:26 · 183 阅读 · 0 评论 -
vscode创建用户代码片段
文件 -------- 首选项--------用户代码片段搜索 vue.json{ // Place your snippets for vue here. Each snippet is defined under a snippet name and has a prefix, body and // description. The prefix is what is used to trigger the snippet and the body will be expanded a原创 2020-10-12 23:07:12 · 206 阅读 · 0 评论 -
rem的使用
window.onload = function () { var setRem = function () { // UI设计稿的宽度 var uiWidth = 750; // 移动端屏幕宽度 var winWidth = document.documentElement.clientWidth; // 比率 var rate = winWidth / uiWidth; // 设原创 2020-10-12 13:39:56 · 156 阅读 · 0 评论 -
axios
vue 入口文件main.js中的代码这里可以引入自定义css样式import Vue from 'vue'import App from './App'import './assets/css/lll.css'Vue.config.productionTip = falseimport axios from "axios"Vue.prototype.ax = axiosnew Vue({el:'#app'render:h=>h(app)})单个组件中引入async cr原创 2020-08-28 08:47:34 · 127 阅读 · 0 评论 -
脚手架安装
1.安装Nodejs，不要改动默认路径2.win+r => cmd => node -v3.npm -v4.进入文件夹 盘符e: 非盘符 cd demo1 ctrl+c退出5.npm速度较慢，可使用cnpm npm install -g cnpm --registry=https://registry.npm.taobao.org6.安装vue脚手架 cnpm i -g @vue/cli7.创建一个vue项目 vue create demo1 一路回车原创 2020-08-25 11:06:03 · 341 阅读 · 0 评论 -
vue混入2
在vue项目中创建文件夹plugin（代表插件），里面创建文件mixin.js,(代表混入的方法），在这里import { get, post } from './utils/request'import md5 from 'js-md5'export default { methods: { $encrypt(str) { return md5(md5(md5(str + 'simba').split('').reverse().join('')) +原创 2020-08-25 10:37:38 · 152 阅读 · 0 评论 -
vue混入
代码片import axios from "axios";Vue.minxin({methods:{get(url){return axios.get(url)}}})Vue.minxin({})为vue定义的混入方法，用于自定义插件。原创 2020-08-25 10:23:51 · 94 阅读 · 0 评论 -
echarts副标题 富文本标签
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>副标题 富文本标签</title></head><body> <原创 2020-07-13 19:57:58 · 1674 阅读 · 0 评论 -
mock
// let obj = Mock.mock({ // 'userlist|10': [ // { // "uid|+1": 1001, // name: "@cname", // city: "@city(true)", // email: "@email", //原创 2020-07-07 09:33:05 · 134 阅读 · 0 评论 -
定时器 setTimeout
// fun1 = function(){// for (var i = 0; i < 4; i++) {// var tc = setTimeout((i)=>{//把 i 当做参数传了进来 // console.log(i);// clearTimeout(tc)// },100,i) // }// }// fun1()//0 1 2 3 // fun2 = function(){原创 2020-07-02 14:01:22 · 212 阅读 · 0 评论 -
jquery
一、基本介绍1、jQuery是个JavaScript函数库，它很大程度的简化了JavaScript的编程；2、主要包括：HTML元素选择和操作、CSS操作、HTML事件函数、JavaScript特效和动画、HTML DOM遍历和修改、AJAX、Utilities等功能，同时还提供大量插件；3、基础语法：$(selector).action() 是固定选择符号，selector是要操作的元素，选择方法是XPath与CSS选择器语法的组合，action()是选择到元素后要执行的方法；4、一般原创 2020-06-30 09:39:01 · 137 阅读 · 0 评论 -
判断滚动条向上还是向下
经常会遇到的以下情形：导航向下滚就隐藏，向上滚动就显示实现滚动动画效果：向下滚动 左右两边的内容向中间移动，而向上滚动 两个内容又退回到左右两边；又或者向下滚动canvas放大，反之缩小这些动画原理当知少不了scrollTop()函数；scrollTop() 定义和用法scrollTop() 方法设置或返回被选元素的【垂直滚动条位置】。Note：当滚动条位置位于最顶部时，位置是0；当用于返回位置时：该方法返回 第一个匹配元素的滚动条的垂直位置。语法：(selector).scrollTop转载 2020-06-28 19:28:25 · 1194 阅读 · 0 评论 -
节流和防抖
函数防抖：将几次操作合并为一次操作进行。原理是维护一个计时器，规定在delay时间后触发函数，但是在delay时间内再次触发的话，就会取消之前的计时器而重新设置。这样一来，只有最后一次操作能被触发。函数节流：使得一定时间内只触发一次函数。原理是通过判断是否到达一定时间来触发函数。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="v原创 2020-06-24 23:05:26 · 138 阅读 · 0 评论 -
ES6解构赋值
1.数组的解构赋值ES6允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构。ES5之前，为变量赋值，只能直接指定值。let a=1;let b = 2;let c = 3;console.log(a);console.log(b);console.log©;ES6中可以这样赋值：let [a,b,c] = [1,2,3];console.log(a);console.log(b);console.log©;上面代码，可以从数组中取值，按照对象位置，对变量赋值。本原创 2020-06-23 22:18:13 · 522 阅读 · 0 评论 -
JScookie总结
什么是CookieCookie 是服务器保存在浏览器的一小段文本信息。浏览器每次向服务器发出请求，就会自动附上这段信息。Cookie的作用Cookie 主要用来分辨两个请求是否来自同一个浏览器用来保存一些状态信息，例如：对话（session）管理：保存登录、购物车等需要记录的信息。个性化：保存用户的偏好，比如网页的字体大小、背景色等等。追踪：记录和分析用户行为。不推荐使用Cookie作为客户端存储，原因：它的容量很小（4KB）缺乏数据操作接口而且会影响性能客户端储存应该使用 We原创 2020-06-23 08:46:24 · 262 阅读 · 0 评论 -
发射子弹
<script>window.onclick = e =>{let div = document.createElement(‘div’);div.classList.add(‘bg’)let x = e.pageX;let y = e.pageY;div.style.left = x +‘px’;div.style.top = y + ‘px’;document.body.appendChild(div);let rnd = Math.round(Math.rand.原创 2020-06-22 14:17:50 · 273 阅读 · 0 评论 -
JS随机生成32位字符串
function string(){var str=’’;var arr=[]; for (var i=1;i<=32;i++){ var list=['a','b','c','d','e','f','g', '1','2','3','4','5','6','7','8','9','0']; var num=Math.rou...原创 2020-04-29 16:59:51 · 860 阅读 · 0 评论 -
随机生成一个颜色 十六进制
function font(){var str=’’;var arr=[]; for (var i=1;i<=6;i++){ var list=['a','b','c','d','e','f', '1','2','3','4','5','6','7','8','9','0']; var num=Math.round(Math...原创 2020-04-29 16:58:36 · 370 阅读 · 0 评论 -
输出今天是这一年的第几天
var now = new Date(); var time = now.getTime();// console.log(time)var old = new Date(2020,0,0);var times = old.getTime();// console.log(times)var t = time - times;// console.log(t)var d = pa...原创 2020-06-22 13:22:52 · 430 阅读 · 0 评论