![](https://img-blog.csdnimg.cn/20190330150500626.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
自学前端那些事
文章平均质量分 67
从大一浑浑噩噩到现在大二 总算确定了一个自己以后要走的方向 所以决定把学的东西进行一个整理分享
无处安放的前端
爱编程 不爱bug
展开
-
vue3.0初体验
vue3.0(函数式导入)npm 安装1. 我的vue-cli 4是以上 vue create vue-demo 下一步选择vue3 preview cd vue-demo npm run serve2. 从vue2 升级到3 vue add vue-nextvue3 vue2不同点入口文件3.*import { createApp } from 'vue'import App from './App.vue'import router from './router'cre原创 2021-02-24 10:43:15 · 251 阅读 · 0 评论 -
js移动端无缝轮播图
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no"> <title>Title</title>...原创 2020-04-10 10:18:04 · 339 阅读 · 1 评论 -
Module build failed (from ./node_modules/@vue/cli-plugin-babel/node_modules/babel-loader/lib/index.j
解决办法:修改成原创 2020-02-26 21:21:50 · 9198 阅读 · 1 评论 -
自定义简单的vue-router
import Home from './views/Home'import About from './views/About'import Vue from 'vue'class VueRouter { constructor(options) { this.$options = options this.routeMap = {} // 当前路由的响应式 ...原创 2020-02-18 16:30:39 · 347 阅读 · 0 评论 -
vue 组件传值 通信常用方式
父组件 => 子组件属性props // child prop:{msg:String} // parent <helloWord msg="helloword"/>引用refs // parent <helloWord ref='hw' msg="helloword"/> this.$refs.hw.xx子组件 =>父组件 : ...原创 2020-01-14 19:34:07 · 10179 阅读 · 0 评论 -
nuxtjs初始化 Plugin/Preset files are not allowed to export objects, only functions
npm uninstall nuxtnpm install nuxt@1.4.2npm i eslint-plugin-html@^3原创 2019-12-04 13:57:05 · 191 阅读 · 0 评论 -
判断两个数组中的数据类型是否相等
1. 具体需求:// 获取数据类型 function type(data) { //判断数据类型 let type = Object.prototype.toString.call(data) return type.replace("[object ", "").replace("]", "").toLowerCase() }// 比较两个数组fun...原创 2019-11-07 14:26:14 · 807 阅读 · 0 评论 -
vue基础学习笔记
Vuevue单文件方式 xxx.vue1:准备好配置文件 package.json(包描述文件&& 封装命令npm run dev) + webpack.config.js文件(打包的配置文件)2:创建index.html(单页应用的页)3:创建main.js(入口文件)4:引入vue和相关的文件xxx.vue5:new Vue(options)6:options(...原创 2019-05-24 23:00:58 · 325 阅读 · 0 评论 -
仿jquery 支持jsonp
function ajax(obj){var defaults = {url : “#”,dataType:‘jsonp’,jsonp:‘callback’,success:function(data){}}for(key in obj) {defaults[key] = obj[key]} var cName =“Jquery”+(“1.1.1”+Math.random())...原创 2019-03-21 10:32:06 · 301 阅读 · 0 评论 -
canvas 绘制好看的背景
! function() { //封装方法,压缩之后减少文件大小 function get_attribute(node, attr, default_value) { return node.getAttribute(attr) || default_value; } //封装方法,压缩之后减少文件大小 function get_by_t...原创 2019-03-31 15:57:45 · 1005 阅读 · 0 评论 -
css3 实现 3d滚动轮播图 节流阀处理点击事件
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> *{ padding: 0px; marg...原创 2019-03-30 17:28:51 · 1124 阅读 · 0 评论 -
css3系列
一:渐变:渐变是CSS3当中比较丰富多彩的一个特性,通过渐变我们可以实现许多炫丽的效果,有效的减少图片的使用数量,并且具有很强的适应性和可扩展性。可分为线性渐变、径向渐变1. linear-gradient 线性渐变指沿着某条直线朝一个方向产生渐变效果语法:linear-gradient ( [<point> || <angle>,]? <stop>...原创 2019-03-30 12:03:24 · 211 阅读 · 0 评论 -
css3系列
CSS3现状:浏览器支持程度差,需要添加私有前缀(移动端) requestFullScreen webkitRequestFullScreen mozRequestFullScreen msRequestFullScreen oRequestFullScreen 2、移动端支持优于PC端3、不断改进中4、应用相对广泛2.选择器选择器:CSS3新...原创 2019-03-27 00:13:49 · 198 阅读 · 0 评论 -
html5_day2
一:多媒体:常用方法:load() 加载、 play() 播放、 pause() 暂停Jq没有提供对视频播放控件的方式,也就意味着如果要操作视频播放,必须使用原生的js方法—dom元素常用属性: currentTime 视频播放的当前进度、 duration:视频的总时间 100000/60 paused:视频播放的状态. 常用事件: oncanplay:事件在...原创 2019-03-25 23:33:03 · 313 阅读 · 0 评论 -
canvas圆形和正方形碰撞检测
1. 圆形碰撞检测 // 角度转弧度 function d2a(n){ return n*Math.PI/180; } // 弧度转角度 function a2d(){ return n*180/Math.PI; } window.onload=function (){ let oC=document.getE...原创 2019-09-23 19:20:39 · 732 阅读 · 0 评论 -
JavaScript 倒序输出带空格字符串
1. 第一种方法 function revertByWord (str){ //1. 分割字符串 按空格进行分割 数组的元素的先后顺序就是单词的顺序 let arr = str.split(' ') console.log(arr) let result = arr.map(item =>{ return item.split('...原创 2019-08-29 19:46:25 · 360 阅读 · 0 评论 -
给定一个仅包含数字 2-9 的字符串,返回所有它能表示的字母组合。
思路:1. 先建立电话号码与键盘的映射 => ['', 1, 'abc', 'def', 'ghi', 'jkl', 'mno', 'pqrs', 'tuv', 'wxyz']2. 把输入的字符串按单字符分割变成数组 => 234=>[2,3,4]3. 保存键盘输入后的映射内容 => 23 => [abc,def]4. 递归组合字母...原创 2019-08-29 21:35:27 · 2448 阅读 · 0 评论