自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

周家大小姐

本博客建立初衷为随便记录,不为解决任何人的问题,不喜勿喷,喜欢带走,不回复任何私信,谢谢

  • 博客(25)
  • 资源 (30)
  • 问答 (1)
  • 收藏
  • 关注

原创 html 引入title图标

<!--css js 文件的引入--> <link rel="shortcut icon" href="images/favicon.ico">  

2019-01-28 14:31:38 2314

原创 HTML 网站编码格式,UTF-8 国际编码,GBK或 gb2312 中文编码

<meta http-equiv="content-type" content="text/html;charset=utf-8" /><meta name="Keywords" content="关键词一,关键词二"><meta name="Description" content="网站描述内容"&gt

2019-01-28 14:30:54 3360

原创 vue 操作dom元素

 html:<div class="foods-wrapper" ref="foodScroll"> <ul> <!-- 专场 --> <li class="container-list food-list-hook"> <div v-for="(

2019-01-28 14:24:38 841

原创 websocket和ajax的区别

1.本质不同 Ajax,即异步JavaScript和XML,是一种创建交互式网页应用的网页开发技术; WebSocket是HTML5一种新的协议,实现了浏览器与服务器全双工通信。其本质是先通过HTTP/HTTPS协议进行握手后创建一个用于交换数据的TCP连接,服务端与客户端通过此TCP连接进行实时通信。2.生命周期不同。websocket建立的是长连接,在一个会话中一直保持连接;而...

2019-01-23 10:26:51 5041 1

原创 js 显示当前时间

 <html><head><script type="text/javascript">function startTime(){ var today=new Date() var h=today.getHours() var m=today.getMinutes() var s=today.getSeconds() // add a ze...

2019-01-22 14:37:14 177

原创 小程序点击多个指定地方都能关闭弹框

 比如在popupDom和text这里都需要关闭当前这个弹框 可以给他们定义一个一样的事件data-target="self" catchtap='hideBaitiaoView'index.wxml<!-- 白条弹框 --><view class='popupDom' hidden='{{hideBaitiao}}' data-target="self" catch...

2019-01-18 21:27:32 4750

原创 小程序封装组件

需求: 在一个项目中我们会发现有很多的共同样式 ;所以我们如果想优化代码就得自己封装组件:子组件: 在根目录上建立一个components的文件夹,在里面自定义一个文件如:infocellindex.json{ "component": true,//是否使用组件 "usingComponents": {}//引入组件,这里做为子组件为父组件使用,暂时不需要引入其它子...

2019-01-18 20:38:02 2151

原创 heroku 服务器的使用

有时候我们在练习项目的时候需要自己的服务器;这里给你们推介下heroku 免费的服务器注册网址在email字段一定要使用谷歌邮箱后缀为@gmail.com注册好后;项目中的引用在项目中创建 .gitignore 文件  node_modulesgit init git add .git commit -am ‘initial commit’keroku 打包上传安...

2019-01-15 09:16:01 6176

原创 vue 聊天框定位到底部

mounted () { this.scrollToBottom();}, //每次页面渲染完之后滚动条在最底部updated(){ this.scrollToBottom();}, methods: {// scrollToBottom() { this.$nextTick(() => { var containe...

2019-01-13 16:46:19 2500 1

原创 URL转码与解码

在url传参的时候如果你不想让别人看到内容;比如中文;你可以用encodeURI编码再用decodeURI进行解码,原理:返回编码为有效的统一资源标识符 (URI) 的字符串,不会被编码的字符:! @ # $ & * ( ) = : / ; ? + '     encodeURI()是Javascript中真正用来对URL编码的函数。编码:encodeURI('http:...

2019-01-11 15:34:01 1615

原创 vue query传参刷新后数据消失问题

需求:通过url传参页面跳转当时能正常渲染;但是刷新后数据就消失了;解决方案:params传参:this.$router.push({name:'list', params:{user: id}})取值:this.$route.params.user发现可以渲染;但是一刷新就变成了[object object]需要在router.中修改routes: [...

2019-01-11 11:50:48 12530 4

原创 localStorage取值报[object Object]

需求页面跳转的时候取值://存储 localStorage.setItem('user', this.$store.getters.targetUser)//取值:console.log(localStorage.getItem('user'))结果: 解决方法:JSON.stringify(),JSON.parse()JSON.stringify()函数 作...

2019-01-11 11:35:36 7561

原创 vue 重置vuex数据

有时候在我们把数据存储下来的时候,在某个时候需要移除这些数据却不知道怎么移除了;下面我有一些自己的方法一: dispatch重新赋值store.jsconst actions = { //这里面的方法是用来异步触发mutations里面的方法,context与store 实例具有相同方法和属性 setGargetUser({ commit }, targetUser) { ...

2019-01-10 16:12:55 12427

原创 vuex 解决数据刷新消失的问题(本地存储,持久存储插件)

需求:在页面跳转的时候会携带一些数据进来正常渲染,但是会有一个问题就是一刷新的时候数据就没有了;所以我们在需有一个解决的方案;一.就是在vuex中localStorage 或者sessionStorage相比sessionStorage,存储数据更安全,sessionStorage可以在控制台被看到sessionStorage只会在关闭页面后数据才会消失 而localStorage关...

2019-01-10 09:55:06 4280 1

原创 vuex actions使用(action和mutations的区别)

我们先说说actions和mutations的区别,mutations在请求数据的时候是同步的;而actions是异步的 action的功能和mutation是类似的,都是去变更store里的state,不过action和mutation有两点不同:1、action主要处理的是异步的操作,mutation必须同步执行,而action就不受这样的限制,也就是说action中我们既可以处理同...

2019-01-09 16:59:05 20750 5

原创 media 媒体查询外部引入文件样式

 当浏览器窗口大于992px执行<link media="screen and (min-width:992px)" rel="stylesheet" href="css/screen_pc.css"><!--假设PAD屏幕在991~768px 会执行--><link media="screen and (min-width:768px) and (m.

2019-01-09 11:41:31 2525

原创 设置Meta标签(兼容内核,页面缓存时间,窗口)

若页面需默认用极速核,增加标签:<meta name="renderer" content="webkit"> 若页面需默认用ie兼容内核,增加标签:<meta name="renderer" content="ie-comp"> 若页面需默认用ie标准内核,增加标签:<meta name="renderer"

2019-01-09 11:37:06 875

原创 网站优化禁止百度转码

禁止百度转码 在互联网上,有两种类型的Web资源,即Web和WAP。Web类资源主要是电脑端浏览,WAP类资源主要是移动手机端浏览。当我们使用移动端或平板电脑等移动设备访问百度搜索时,许多移动浏览器不能直接访问网页,所以这个时候就会自动转码,以增强用户的体验感。为什么大部分人对转码问题不太满意呢?大部分的人还是不希望自己的网站被转码,因为转码过的网站布局可能没有之前好看,还有很...

2019-01-09 11:29:56 348

原创 HTML 响应式布局

一 视口移动前端中常说的 viewport (视口)就是浏览器中用于呈现网页的区域。视口通常并不等于屏幕大小,特别是可以缩放浏览器窗口的情况下。手机端与PC端视口存在差异,电脑端的视口宽度等于分辨率,而移动端的视口宽度跟分辨率没有关系,宽度默认值是设备厂家指定的。iOS, Android基本都将这个视口分辨率设置为 980px。1、为什么手机端视口要设为980px?乔布斯设想:苹果...

2019-01-09 11:16:44 5142

原创 vue 配置公共头部(header)

需求:整个项目;每个项目都有头部 但是内容不一样;这种情况我们可以考虑在app.vue中创建公共头部;App.vue<template> <div id="app"> <div class="header" v-if="isShowHeader" id="headers"> &lt

2019-01-07 19:36:54 26746 7

原创 vue 打包后找不到路径

在打包后发现点开dist方件;浏览器中一片空白;我们需要在config文件下的把 assetsPublicPath: "/",变成: assetsPublicPath: "./",这个可以让他变成相对路径 把: productionSourceMap: ture,变成: productionSourceMap: false,因为这个东西在打包的时候会给你生成很多Sour...

2019-01-07 11:09:25 3343

原创 git 移除仓库文件

在上传项目到GitHub时,忘记忽略了某个文件夹target,就直接push上去了, 最后意识到了此问题,决定删除掉远程仓库中的xxx文件夹。但是在github上只能删除仓库,却无法删除文件夹或文件, 所以只能通过命令来解决,具体方法如下新建一个文件夹git init  //初始化下git remote add origin https://github.com/xxxxx.git  ...

2019-01-05 18:37:24 1225

原创 移动端去掉a标签点击时出现的背景

需求:每次在a链接点击的时候总是会有一个背景色出来很难看;我们需要去掉a:active { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);} 

2019-01-05 18:01:04 853

原创 vue input 警告[DOM] Input elements should have autocomplete attributes (suggested: "current-pass

vue input 警告提示为:输入元素应该具有自动完成属性解决方案为:autocomplete <input :type="type" :value="value" :placeholder="placeholder" :name="name" ...

2019-01-04 20:08:33 15291

原创 vue @input和@click的区别

@input 一般用于监听事件只要输入的值变化了就会触发input <input :type="type" :value="value" :placeholder="placeholder" :name="name" @input="$emit('input',$event.targe...

2019-01-04 17:40:38 40495

vue2.0 结合iview-ui组件分页功能

结合iview组件封装的一个分页功能组件,点击下一页上一页,每页显示条数,切换对应的数据

2019-08-08

common.zip

创建一个coomon.js用来写公共的js文件,在页面的js中引入,根据id来动态修改路径

2019-07-25

net_car.zip

对不同的store中的文件进行抽离方便管理,这个vue是用的vue3.0

2019-07-09

orderList.zip

内容模块用的是Vant WeappUI组件库,这里没有压缩进去,主要是功能进去了; 对用户选择的时间进行筛选

2019-06-25

小程序授权登录页面开发.zip

小程序开发的登录页面和微信授权功能,以及授权功能的封装

2019-06-19

test-map.rar

通过vue-amap实现定位,插件的实现,main.js中注册等.

2019-06-04

miaomiao-movie.zip

对项目的初始化,和router.js的抽离.对每个页面都生成一个router在大项目上方便管理

2019-05-08

小程序搜索功能并对搜索出的数据存储到历史记录

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序实现搜索功能

用户对搜索出来的list点击后,去到下一个页面,但是也会把当前数据在当前页面做成一个历史记录,如果点击历史对应的标签会,把带着当时存下来的Id跳到detail页面

2019-05-03

小程序对请求进行封装,对http进行抽离

需求:在一个页面有三个及多个请求,请求的数据很多都是重复的,让整个页面看起来很臃肿,那个这个时候我们可以对其相似的代码进行抽离;

2019-05-01

小程序评分,含有半星,整星

由豆瓣电影为案例星星样式,字体大小,颜色都由动态传入,动态传入分数,计算出几颗亮星和半星及灰星星

2019-04-30

getCurrentPages()使用

使用场景:可以在某个页面修改另一个页面的data或者调用另一个页面的方法。

2019-04-29

vue 通讯录向上滑动事件

第一个是在通讯录右边的索引条上进行滑动,滑动到相应字母就跳转到相应字母的锚点上。

2018-10-30

router-view复用路由的抽离

路由的注意事项,二级三级路由的引用和路由的抽离,以及router-view的复用

2018-06-25

vue中的ref使用

父组件通过 ref引用子组件中的属性,然后在父组件中通过ref去改变子组件的属性值

2018-06-25

vue三级路由

vue如何使用二级路由和三级路由,以及路由的引用,路由的抽离

2018-06-25

jpegtran.exe

需要复制到 node_modules\jpegtran-bin\vendor 下面 image-minimizer-webpack-plugin: 用来压缩图片的插件

2022-11-16

node-modules\optipng-bin\vendor\optipng.exe

webpack5压缩images依赖下的包

2022-11-16

JS Code Run_v1.2.2_apkpure.com.apk

安卓手机js code run 的apk 为您的桌面Scratchpad。它在编写代码时运行,并在右侧的输出面板中显示格式化的结果。

2022-01-08

RunJS-Setup-2.2.2.exe

RunJS是你桌面的JavaScript和TypeScript游乐场/草稿板。它在编写代码时运行,并在右侧的输出面板中显示格式化的结果。

2022-01-08

add-activity-transfer-msg.vue

根据不同ID一次性请求所有对应ID详情的内容,请求回来是一个数组,要把每个数组插入对应的ID数组中统一在页面显示

2020-04-10

vue+es6+element对图片进行选中与取消

vue+es6+element对图片进行选中与取消,取消选中的时候,对当前所点击之后的序号进行重新计算

2020-04-08

README.md编写教程(基本语法)

README.md编写教程(基本语法) Markdown是一种纯文本格式的标记语言。通过简单的标记语法,它可以使普通文本内容具有一定的格式。

2020-02-12

SetRole.js promise all 对axios返回做统一处理

一个增加一个删除,两个都是在提示的时候进行aixos,我们可以分别在then之后使用message但是如果用到promise的方法可以做到优化,看代码

2020-01-04

reduxexample.zip

react安装,action,reducer及store的使用,dispatch触发store,action.js store会返回给到reducer会根据传过来的type返回一个状态,reducer判断postAction.js传过来的有没有FETCH_POSTS这个属性如果有就返回一个新的state

2019-12-08

storjs分离封装.rar

对vue2.0中的store进行分离,对组件中的数据通过store进行分发

2019-10-19

axios_vue_element.zip

根据原装修改的aixos封装的方法,让页面看起来没有复杂,对每个文件的请求独立 ,里面用到了orders.js,如果再创建一个文件请求可以在同级下面直接创建并引入和orders.js相同的路径文件进行修改就可以

2019-10-16

prod.env.zip

配置生产环境和线下环境自动配置,如果axios不封装那就每个页面都需要引入

2019-09-29

selectarr.html

多维数组遍历并赋值,使用concat方法,先合并再拆分;之前用for在第三层的时候赋不了值

2019-09-10

vuex对store进行抽离.zip

当项目越来越大的时候我们需要对项目进行抽离;这样显得项目不会看起来很复杂

2019-08-26

iviewSelect.zip

vue2.0 结合iview组件实现五级联动,点击上级给下级赋值利用@on-select取到所点击的下标再与数组里的Id进行匹配

2019-08-23

vue2.0富文本编辑器.zip

在vue中使用富文本编辑器,使用插件上图,视频,查看源代码和编写原代码

2019-08-22

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除