前端学习
有夏无夏
这个作者很懒,什么都没留下…
展开
-
uniapp -- 调用其他js
步骤保证要引入的js是模块化的export default 模块导出import XXX from ‘./common/XXX.js’export 模块导出import {XXX} from ‘./common/XXX.js’commonjs、adm、cmd模块模块化是什么把系统分离成独立功能的方法,需要什么功能就加载什么功能相互独立+可重复使用ES6模块 – 用于浏览器环境【export+import】1. 定义模块 – 输出模块export default {name: 'X原创 2020-06-12 21:33:09 · 6012 阅读 · 0 评论 -
Eslint
这里写自定义目录标题Eslinteslinteslint是什么为什么需要怎么用初始化启动Eslinteslinteslint是什么插件化的JS代码检测工具为什么需要JS是弱类型语言,开发过程中容易出错。Eslint可以在编码中发现问题而不是执行时。怎么用初始化安装npm install eslint设置lint规则新建一个.eslintrc文件,手写配置项直接在 package.json 文件里的 eslintConfig 字段指定配置输入init命令,选择相关配置项后自动生原创 2020-06-01 10:21:39 · 3308 阅读 · 0 评论 -
uni-app实现底部导航
uni-app实现底部导航今天想把小程序开发完。在实现底部导航的时候,先去看了一下模板源码发现应该是在pages.json中用tabbar组件然而并没有效果显示ok.去uni-app官网看一下这个组件具体应该怎么使用看了就是这段代码是因为自己启动页弄错了,启动的不是这个文件吗?经检查是文件未启动错将跳转页设为首页,效果出现!...原创 2019-12-25 10:05:25 · 2034 阅读 · 0 评论 -
uni-app的从入门到放弃
uni-app之旅前几天已经开始了uni-app的学习。然而在我兴致勃勃的把出错的地方记录下来的时候,不小心,关闭了。。。。这点希望CSDN做出优化,能够在联网情况下实时保存笔记,而不是一定要上传之后才可以,真的很不方便,已经出了好几次状况了言归正传这里是对前几天试水做一个总结,也正式开启自己的uni-app之旅建议官方文档一定是最好的学习教程,然而一开始拿着我自己是有点觉得枯燥的。...原创 2019-12-20 17:27:27 · 1261 阅读 · 0 评论 -
vue--6.3 单文件组件与Vue中的路由
ES6写法:实际是省略了一个App,即因为在ES6内,如果键值是一样的,只要写一个就可以了文件以.vue结尾叫作单文件组件运行:Travel的文件夹下 npm run dev =》尝试启动vue项目路由根据网址的不同,返回不同的内容给用户路由的配置都放在router的index.js下面...原创 2019-05-31 18:14:31 · 207 阅读 · 0 评论 -
vue--6.2项目代码结构介绍
项目整体结构src结构config结构bulid结构原创 2019-05-31 11:57:04 · 274 阅读 · 0 评论 -
vue-计算属性,方法,侦听器
计算属性 缓存机制computed内写一个fullname计算属性,值是一个函数插值表达式内属性名调用即可内置缓存:当依赖的变量没有发生任何改变的时候,这个计算属性就不会重新计算了。他会一直用上一次计算的结果,这样会提高一些性能eg:改变age的值,没有console.log的内容输出,即计算属性没有重新计算改变计算属性内依赖的变量console.log的内容输出计算属...原创 2019-05-28 12:51:45 · 223 阅读 · 0 评论 -
vue-6.1 用vue-cli创建一个 vue 项目
安装node.js官网 download LTS(更稳定)对应安装包cmd– node -v => node是否安装成功– npm -v => npm是否安装成功码云注册创建项目(仓库)本地代码与线上代码通过Git相关联download Gitcmdgit --version报错 https://blog.csdn.net/wochunya...原创 2019-05-31 10:51:20 · 224 阅读 · 0 评论 -
vue 6-4多页应用VS单页应用
多页应用每次页面跳转,后台的服务器都会给我们返回一个新的HTML文档首页时间快:页面首个屏幕的内容展现出来的时间 =》因为访问一个页面,服务器返回一个HTML,页面就会被展示出来,这个过程只经历了一个 http请求的过程SEO效果好: 搜索引擎优化效果非常好,搜索引擎在做排名的时候,需要知道网页的内容,根据网页的内容才会给网页权重来进行网页的排名。搜索引擎可以识别HTML中的内容,而每个页面...原创 2019-05-31 19:25:50 · 241 阅读 · 0 评论 -
Vuex实现数据共享
点击详情页面时,首页城市会跟着变Home.vue 组件和 City.vue组件之间如果能够有公用的组件,就可以实现数据的共享 – Vuex 数据层框架npm install vuex --savesrc 下创建一个store文件夹,建一个index.js 文件index.js文件内main.js内配置引入根vue实例内传入store...原创 2019-08-31 21:56:28 · 1516 阅读 · 0 评论 -
vue--ajax
import axios from 'axios'mounted () { this.getDetailInfo() } methods: { getDetailInfo () { axios.get('api/detail.json') } }获得动态路由的参数 ![在这里插入图片描述](https://img-blog.cs...原创 2019-09-03 21:54:37 · 750 阅读 · 0 评论 -
vue--name的作用
vue中name 的作用递归组件使用name进行自身递归的调用对keep-alive页面取消缓存 ,通过name取消vue 调试插件进行调试时,会显示组件名,便于调试原创 2019-09-03 22:01:56 · 277 阅读 · 0 评论 -
vue--解决多个页面之间滚动互相影响的问题
页面在点击跳转到新页面时可能会出现: 新页面的当前所在位置是原页面滑动到的位置,影响用户体验解决方案https://router.vuejs.org/zh/guide/advanced/scroll-behavior.htmlrouter 内添加scrollBehavior (to, from, savedPosition) { return { x: 0, y: 0 }}...原创 2019-09-03 22:30:29 · 4479 阅读 · 0 评论 -
npm run dev报错 -- code ELIFECYCLE
解决方案git install原创 2019-09-09 20:19:56 · 534 阅读 · 0 评论 -
js之对象序列化
什么是对象序列化对象的状态转换成字符串对象的状态信息转换为可以存储或传输的形式的过程为什么会有对象序列化希望把对象obj的内容保存在磁盘上 — 对象obj序列化序列化:obj的内容转换成一个字符串的形式,保存在磁盘上 存储反序列化:字符串还原成对象 传输JavaScript中的对象序列化JSON.stringify() 和 JSON.parse()规则:1....原创 2019-10-06 21:40:45 · 2640 阅读 · 0 评论 -
原型链
一. 创建对象原型链创建对象有 三种 主要的形式第三种方式详解:p是一个对象,将p作为参数放入object.create()中。生成一个o3对象即o3的 _ ptoto _指向的就是p。也就是说p是o3的原型对象。即Object.create方法是把参数中的对象作为一个新对象的原型对象赋给o3,o3本身没有需要的属性,是通过原型链获得混合方式最好二. 原型(对象)、构造函数、对...原创 2019-05-18 17:03:21 · 510 阅读 · 0 评论 -
HTML-CSS复习
HTML-CSS复习思维导图HTML表单post、Get详解css元素分类功能快捷键撤销:Ctrl/Command + Z重做:Ctrl/Command + Y加粗:Ctrl/Command + B斜体:Ctrl/Command + I标题:Ctrl/Command + Shift + H无序列表:Ctrl/Command + Shift + U有序列表:Ctrl/...原创 2019-04-11 19:31:39 · 202 阅读 · 0 评论 -
bootstrap之媒体对象组件
最近一直在学bootstrap的知识。今天在看到媒体对象时,明明自己写的和教程上一样,然而奇怪的事情发生了!!!按理说应该是这样:然而我的却是这样:后面的文字压根没换行,直接不见了~~~怪我愚钝,反正是弄了半天,最后终于发现!!!!因为我的p标签里写的是英文,对没有空格的英文来说,它默认你是一个单词,自然就不会换行。而中文会识别出每一个字,超过宽度自然就会换行。以后原创 2017-03-09 17:16:00 · 428 阅读 · 0 评论 -
前端框架--bootstrap开始
今天学习前端Bootstrap,其实很久以前就看过,但没怎么用。总觉得只是定义一个类用人家封装好的东西,自己再在它的基础之上进行样式的修改,没有什么需要去学的。但等到前段时间要写页面了,既然是自适应,自己当然想先拿bootstrap来写,省时省力,却发现很多地方有点不知如何下手。索性重新好好地看一遍,写的详细些,原谅我小白,也是写给小白同志们的。从加载开始。。以前看sublime快捷键那么原创 2017-03-01 19:59:25 · 596 阅读 · 0 评论 -
a href = "javascript:;"和 a href = "#"
今天看到了 a href = "javascript:;" 其实是很不理解的。查的过程中有人说JavaScript:;是个伪协议,主要是用来删除a 标签所带的样式,为了使点击的时候不跳转。那么这个时候问题就来了,既然是为了不跳转,用#不行吗?原来当链接使用#时,#默认锚点是首部,所以有可能会在页面中跳到最开始的位置,但是JavaScript;:就不会。其实就是JavaScript :viod(原创 2016-10-30 09:58:10 · 598 阅读 · 0 评论 -
响应式网页的字体大小呀~~~
最近用响应式网页,会发现如果你将网页每个需要用的地方字体大小设为多少PX时,很有可能缩小页面字体会因为网页而出现排版不太好看的问题这个时候。。。如果你把font-size:不设为PX就好了嘛!那设为什么呢?大部分地方都会设为多少em,原谅我太懒,不想拿着计算器噼里啪啦。那就设为rem好了。rem是指根元素的字体大小,em是指父级元素字体的大小。当把html{ font-原创 2016-11-05 12:05:19 · 5334 阅读 · 0 评论 -
前端学习---有关float,分开BFC就好
BFC的应用发表于 2016-08-04 | 暂无评论 | 19次阅读回顾一下BFCBFC是Block Formatting Context的缩写,译为块级格式上下文。如果你对块级框,块框,行级框,行框等概念不了解可以先去看看框模型与视觉格式化模型BFC其实就是块级框的布局规则,相当于CSS页面布局的地基,并非什么神奇的概念,大家习以为常的一些东转载 2016-09-20 20:50:51 · 903 阅读 · 0 评论 -
前端学习---字符集
有时候看到这样的一串:这是什么意思呢?其实是指:body{font:12px;line-height:1.5;font-family:tahoma(大河马,英文用,更圆滑),arial(无衬线体字型),sans-serif(无衬线体字型,通用字体符)}"\5b8b\4f53″ 就是 “宋体”。用 unicode 表示,不用 SimSun, 是因为 F转载 2016-09-20 20:03:52 · 397 阅读 · 0 评论 -
JS复习
Js复习数据类型var name = ‘…’;var length = 100;多行字符串var line = ` 多行字符串`定义函数方法一:var square = function() {...}// An highlighted blockvar square = function(n, length) { var len = length; va...原创 2019-04-11 20:12:32 · 636 阅读 · 0 评论 -
前端 -- relative AND absolute 小结
relative AND absolute 小结从学前端开始,relative和absolute就成了我的老大难。而且总是在自己觉得已经弄清楚的情况下,一旦涉及稍微复杂的案例就又全部弄混淆。这几天在复习前端的知识,觉得差不多弄懂了一些,在此做一个小结元素定位static relative absolute fixed非 static 元素可以用 top left bottom righ...原创 2019-04-12 21:20:11 · 243 阅读 · 0 评论 -
Vue生命周期
生命周期函数【这些函数并不放在methods这个对象里,而是单独放在Vue实例里】Vue实例在某一个时间点会自动执行的函数初始化初始化事件,和生命周期相关的内容当Vue最基础的初始化完成后自动调用beforeCreate【生命周期函数】Vue 处理外部注入和双向绑定相关的内容当这部分初始化完成后,Vue实例的初始化操作都完成了,会自动执行Created【生命周期函数】是否有el选...原创 2019-05-27 19:18:31 · 156 阅读 · 0 评论 -
MVP,MVVM架构模式
MVP模式原创 2019-05-24 19:46:45 · 218 阅读 · 0 评论 -
vue--简单的todolist
实现TODOList 最简单的1. input框中输入内容2. 点击提交按钮3. input框中的内容输入到下面的ul的li中具体实现htmlinput输入内容-- v-model="inputValue"实现数据双向绑定button点击提交-- v-on:click="handleBtnClick"实现方法绑定ul的li中要存放输入后提交的内容-- v-for="item ...原创 2019-05-24 13:14:54 · 237 阅读 · 0 评论 -
js--面向对象
面向对象主要分为两大块:类与实例和类与继承类与实例类的声明–两种(ES5和ES6)实例–直接newconsole.log(new Animal(), new ANimal1());类与继承 对原型链的掌握如何实现继承t继承的那种方式原理是什么,特点是什么,缺点是什么第一种:通过构造函数 – call()缺点只实现了部分继承,如果父类的属性都在构造函数上,没有问题;如果父类...原创 2019-05-19 20:11:57 · 289 阅读 · 0 评论 -
HTML引用外部css的路径
HTML引用外部css,其实说简单点就是href 内填入路径即可然而今天感觉自己之前都有点。。没引入进来就试出来的赶脚。。。索性就把情况都归纳一下1. html,css 在同一文件夹下直接引用css的名字即可,因为在当前路径之下2. html,css 在同一文件夹下 ,但!css在该文件夹的子!文件夹下在引用css的名字前加上子文件夹名字即可,相当于顺着找就能找出这个css...原创 2019-05-08 15:40:09 · 17132 阅读 · 4 评论 -
npm Error: EPERM: operation not permitted
在安装完Node.JS之后,安装 express 出现错误错误如下:D:\nodeJs>npm install expressnpm ERR! Windows_NT 10.0.17134npm ERR! argv "D:\\nodeJs\\node.exe" "D:\\nodeJs\\node_modules\\npm\\bin\\npm-cli.js" "install" "ex...原创 2019-05-03 20:23:28 · 1251 阅读 · 0 评论 -
css-animation动画
动画涉及两类transformtransition使transform动画更平滑过渡animationanimation的@keyframes实现各种动画效果小例子1实现背景色的改变// An highlighted block /* animation实现的动画效果*/ .animation div{ background: ...原创 2019-05-03 17:01:20 · 191 阅读 · 0 评论 -
Js 经典案例
1. 选项卡切换思路 - 1. 查找到选项卡元素 - 2. 对选项卡里的每个button都设置监听事件 - 3. 找到事件发生的button - 4. 先清除选项卡内激活的按钮 - 5. 为现在触发的按钮添加active类 * 清除激活按钮的 active类 + 1. 通过active查找到 激活的按钮 + 2.判断如果存在这样的按钮 + 3. 将...原创 2019-04-22 11:36:36 · 3241 阅读 · 0 评论 -
前端学习------优先级和覆盖
以前学习前端知识的时候,如果引用了母板页或者有其自带的样式。由于优先级的问题,重设的样式可能不起作用。因此有以下几种解决方案 1.将自己写的css样式的优先级提高。标签内大于内联大于外部引用。 优先级整理博客链接:原创 2016-09-18 20:31:12 · 571 阅读 · 0 评论