前端
介绍前端相关的内容
Stephen·You
这个作者很懒,什么都没留下…
展开
-
前端项目npm报错Local package.json exists, but node_modules missing, did you mean to install?
npm报错Local package.json exists, but node_modules missing, did you mean to install?问题现象:今天在使用nodejs项目中配置的npm去启动项目时,出现报错,如下图:问题分析:从报错信息就可以很明确的知道报错的原因了,因为vue-cli脚手架没有安装,再者说就是IDEA缺少了npm插件.所以根据报错信息,进行安装就好了,不过这里有一个坑!解决方法:在IDEA的terminal命令窗口处,输入命令:原创 2020-06-28 17:48:58 · 19111 阅读 · 0 评论 -
bootstrap速成日记之:轮播图
<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, max...原创 2019-12-25 18:37:31 · 93 阅读 · 0 评论 -
前端学习日记js3:习题
//1.顺序排序// var arr=[15,23,35,60,120,-5,-60,-61,-120],min=0;var arr=[15,23,35,60,120,-5,-60,-61,-120];// for(var a=0;a<arr.length;a++){// for(var i=a+1;i<arr.length;i++){// if(a...原创 2019-10-30 09:54:21 · 155 阅读 · 0 评论 -
前端学习日记js1:组成-变量-数据类型
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title></head><!--js作用:1.网页交互效果2.服务器数据交互,向服务器请求数据,然后修改页面js组成:1....原创 2019-10-30 09:53:19 · 248 阅读 · 0 评论 -
前端学习日记js2:习题
// 1.1 求100以内所有能被3和7整除的数的和// 题目描述: 把1-100之间所有能够被3和7同时d整除的数找出来,计算累加和// 题目提示: 在算入累加和之前,使用%判定遍历到的数字是不是可以被3和7整除var x=1,sum=0;while(x<=100){ if(x%3==0 && x%7==0){ sum+=x; }...原创 2019-10-30 09:52:00 · 870 阅读 · 0 评论 -
前端学习日记js2:运算符-条件-循环结构
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //内嵌式一般写于head的title标签下面 //弱数据类型语言:(...原创 2019-10-30 09:50:00 · 203 阅读 · 0 评论 -
前端学习日记之js3:数组1
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script> //数组:数组是一个集合 //数组的特点: // 1.有...原创 2019-10-30 09:48:18 · 140 阅读 · 0 评论 -
前端学习日记Vue:export default
Vue 是通过 webpack 实现的模块化,因此可以使用 import 来引入模块。 此外,你还可以在 bulid/webpack.base.conf.js 文件中修改相关配置。意思是,你的模块可以省略 ".js",".vue",“.json” 后缀,weebpack 会在之后自动添加上;可以用 "@" 符号代替 "src" 字符串等。 export 用来导出模块,Vue 的...原创 2019-10-13 19:56:44 · 349 阅读 · 0 评论 -
前端学习日记Vue:Vue中引用jQuery框架
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <script type="text/...原创 2019-10-13 16:01:37 · 160 阅读 · 0 评论 -
前端学习日记Vue:extends选项与delimiters选项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>vue.exten...原创 2019-10-13 15:22:58 · 170 阅读 · 0 评论 -
前端学习日记Vue:extend选项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>vue.exten...原创 2019-10-13 15:03:20 · 166 阅读 · 0 评论 -
前端学习日记Vue:mixin混入选项
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>Mixin Opt...原创 2019-10-13 14:45:25 · 159 阅读 · 0 评论 -
前端学习日记Vue:watch选项与$watch实例方法
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <ti...原创 2019-10-13 14:41:38 · 185 阅读 · 0 评论 -
前端学习日记Vue:Vue的Methods选项
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <ti...原创 2019-10-13 14:18:28 · 304 阅读 · 0 评论 -
前端学习日记Vue:v-if-else结构,v-if和v-show
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:28:44 · 173 阅读 · 0 评论 -
前端学习日记Vue: v-bind用于 class 和 style 时表达式结果的类型可以是字符串,对象或数组.
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:27:23 · 706 阅读 · 0 评论 -
前端学习日记Vue:Vue指令v-if _v-on
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:26:23 · 141 阅读 · 0 评论 -
前端学习日记Vue:v-once_ v-html _v-bind
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:25:31 · 141 阅读 · 0 评论 -
前端学习日记Vue:vue的初始化过程与生命周期
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:24:36 · 170 阅读 · 0 评论 -
前端学习日记Vue:Vue的实例属性与实例方法
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8">&...原创 2019-10-12 17:23:50 · 119 阅读 · 0 评论 -
前端学习日记Vue:Vue声明变量与Vue构造器创建Vue实例对象
<!DOCTYPE html><html><head><meta charset="utf-8"><title></title><script src="vue.js" type="text/javascript" charset="utf-8"></script></head>...原创 2019-10-12 17:23:01 · 362 阅读 · 0 评论 -
前端学习日记Vue:vue介绍和优点
<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <script src="vue.js" type="text/javascript" charset="utf-8">&...原创 2019-10-12 17:21:57 · 415 阅读 · 0 评论 -
前端学习日记Vue:v-model
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>v-model 绑...原创 2019-10-12 17:20:55 · 128 阅读 · 0 评论 -
前端学习日记Vue:v-cloak_v-pre_-v-once
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <script type="text/javascript" src="../assets/js/vue.js"></script> <title>v-pre &am...原创 2019-10-12 17:20:21 · 131 阅读 · 0 评论 -
前端学习日记:
<style> *{ margin: 0; padding: 0; list-style:none; } ul{ width: 600px; margin:100px auto; } ul...原创 2019-10-11 22:36:59 · 155 阅读 · 0 评论 -
前端学习日记:CSS3的3D变换之transform-skew和rotate制作翻页效果
<style> body { margin: 0; padding: 0; font-family: '微软雅黑'; background-color: #F7F7F7; } .text-box { margin-top: 100px; text-align...原创 2019-10-11 22:35:42 · 575 阅读 · 0 评论 -
前端学习日记:css3的3d变换制作旋转正方体(骰子)
<style> .box{ width: 250px; height: 250px; border: 1px dashed red; margin:100px auto; position: relative; border-r...原创 2019-10-11 22:34:46 · 366 阅读 · 0 评论 -
前端学习日记:css3的2d变换tranform之综合变换实现小火箭飞行(流星)效果
<style> html,body{ height:100%; } body{ background-color: #DE8910; } .rocket{ position: absolute...原创 2019-10-11 22:17:15 · 245 阅读 · 0 评论 -
前端学习日记:css3的transition-tranform(-origin)实现扑克牌扇形展开效果
<style> body{ overflow: hidden; } .box{ width: 310px; height: 441px; margin:100px auto; position: relative;...原创 2019-10-11 22:12:30 · 590 阅读 · 0 评论 -
前端学习日记:if_else条件判断和三元表达式
//弹出一个带有确定和取消按钮的对话框 //var num1=confirm(); /*对话框选择了确定则输出true,选择了取消则输出false alert (num1); 由这个逻辑思路可以做条件判断: */ /*条件判断...原创 2019-10-10 17:36:18 · 653 阅读 · 0 评论 -
前端学习日记:匿名函数和(递归)回调函数
// //常用函数: // function fn(){ // console.log(1); // } // //匿名函数: // (function(){ // console.log(1); // })...原创 2019-10-10 17:35:31 · 99 阅读 · 0 评论 -
前端js语法:判断数组第一个字符串元素是否包含了第二个字符串元素的所有字符。
判断数组第一个字符串元素是否包含了第二个字符串元素的所有字符。// function f(arr){// if(arr.length>=2){// var str1 = arr[0].toLowerCase(),str2 = arr[1].toLowerCase();// for (var i=0; i<str2.length; i++...原创 2019-10-10 17:34:44 · 682 阅读 · 0 评论 -
前端初级语法:返回一个数组被截断n个元素后还剩余的元素,截断从索引0开始。
返回一个数组被截断n个元素后还剩余的元素,截断从索引0开始。// function slasher(arr, n){// return arr.length>n ? arr.slice(-(arr.length-n)) : "" ;// }// console.log(slasher([1,516,15,85,3,841], 5)); //输出结果:[85, 3,...原创 2019-10-10 17:33:19 · 248 阅读 · 0 评论 -
前端-给定一个字符串str,如何实现每个单词首字母都大写,其余部分小写。
确保字符串的每个单词首字母都大写,其余部分小写。function f(str){ var arr = str.toLowerCase().split(" "); //转小写,分割成字符串数组 for(var i=0; i<arr.length; i++){ arr[i] = arr[i].charAt(0).toUpperCa...原创 2019-10-10 17:32:12 · 1203 阅读 · 0 评论 -
前端初学者-浅谈斐波那契数列的几种实现方法
//斐波那契数列:从第3项开始,每一项为前两项的和。 // {1,1,2,3,5,8,。。。}//简单的做法 function fn(n){//定义斐波那契数列的前两项 var num1=1; var num2=1; ...原创 2019-10-10 17:29:22 · 1146 阅读 · 0 评论 -
前端学习日记:变量
/*定义变量*/ var hahaha; /*变量赋值*/ hahaha=123; /*引用变量*/ alert(hahaha);//123 /* 设计案例: 编写程序,让用户输入摄氏度,输出其华...原创 2019-10-10 17:37:01 · 144 阅读 · 0 评论 -
前端学习日记:规避脱标流和实现图片文本的垂直对齐
<style type="text/css"> .father{ width: 200px; height: 200px; background-color: red; }.son{ width: 50px;...原创 2019-10-10 17:37:42 · 125 阅读 · 0 评论 -
前端学习日记:内边距与外边距
<style type="text/css"> /* 内边距: 同时定义四个内边距:顺序为上右下左(顺时针) padding:10px 20px 30px 40px; 外边距: 同时定义四个外边距:顺序为上右下左(顺时...原创 2019-10-10 17:38:34 · 265 阅读 · 0 评论 -
前端学习日记:如何判断一个js对象是否一个DOM对象
我们在写js代码时有时需要判断某个对象是不是DOM对象,然后再进行后续的操作,这里我给出一种兼容各大浏览器,同时又算是比较稳妥的一种方法。要判断一个对象是否DOM对象,首先想到的无非就是它是否具有DOM对象的各种属性或特征,比如是否有nodeType属性,有tagName属性,等等。判断的特征越多,也就越可靠,因为毕竟我们自定义的js对象也可以有那些属性。还有其他方法吗?在DOM Leve...原创 2019-10-11 15:26:22 · 252 阅读 · 0 评论 -
前端学习日记:jQuery的each和map方法
方法语法:map()map(callback)为包装集中的每一个元素调用回调函数,并将返回值收集到jQuery对象的实例中。参数callback (函数)回调函数,为包装集中的每个元素调用该函数。比如,下面的代码将页面上所有div元素的id值收集到一个javascript数组中:var iDs = $("div").map(function(){ return (this....原创 2019-10-11 15:28:59 · 265 阅读 · 0 评论