首页

VueCli3,4中src问题

半世苍凉 提交于 2020-03-16 19:56:03
封装tabbar时发现图片显示不出来,检查了下我的图片确实放在assets文件夹下。 检查了下绑定的路径写错没 tabbar : [ { tabbarImg : "@/assets/img/tabbar/首页.svg" , tabbarText : "首页" } , { tabbarImg : "@/assets/img/tabbar/分类.svg" , tabbarText : "分类" } , { tabbarImg : "@/assets/img/tabbar/购物车.svg" , tabbarText : "购物车" } , { tabbarImg : "@/assets/img/tabbar/我的.svg" , tabbarText : "我的" } , ] 检查没问题,就去网页F12看了下图片路径: 路径还含有@,原封不动,肯定找不到图片。 查阅资料后,得知需要require或者import导入,才能获得动态路径。 import xx from ‘xxxx’ 导入时还要定一个变量来使用,不如require来的快。 tabbar : [ { tabbarImg : require ( "@/assets/img/tabbar/首页.svg" ) , tabbarText : "首页" } , { tabbarImg : require ( "@/assets/img

Node基础--day03

好久不见. 提交于 2020-03-06 03:32:46
1. 浏览器端的 AMD 和 CMD 模块化规范 (了解) 浏览器端,不能使用 Common.js 规范,因为 Common.js 是同步加载的; AMD/CMD 可以理解为,common.js 在浏览器端,的解决方案,是异步加载的; AMD模块化规范代表:RequireJS框架 对于依赖的模块,AMD 是提前执行; 推崇依赖前置,先定义模块,再使用; CMD模块化规范代表:SeaJS框架 对于依赖的模块,CMD 是延迟执行; CMD 推崇,尽可能晚的,执行这个模块,类似懒加载;推崇依赖就近; ES6模块化 (大趋势):ES6 在语言标准层面上(语法上),实现了模块化功能,而且实现得相当简单;完全可以取代 CommonJS 和 AMD 规范,成为浏览器和服务器,通用的模块化解决方案;(vue Reat 前端框架会使用) 2. 模块成员的分类 Node.js 由三部分组成:ECMAScript 核心 + 全局成员 + 模块成员 模块成员,分三类: 核心模块、第三方模块、用户自定义模块 核心模块 随着Node.js的安装包,一同安装到,本地的模块;如:fs,path 等; 核心模块使用:require(‘核心模块标识符’) 第三方模块 非官方提供的模块;必须去 NPM 网站上下载,才能使用; 先从 npm 官网上,下载指定的,第三方模块; require(‘第三方模块标识符’)

App启动加载广告页面思路

情到浓时终转凉″ 提交于 2020-02-27 01:11:43
需求 很多app(如淘宝、美团等)在启动图加载完毕后,还会显示几秒的广告,一般都有个跳过按钮可以跳过这个广告,有的app在点击广告页之后还会进入一个广告页面,点击返回进入首页。今天我们就来开发一个广告页面,效果如下。 效果图.gif 思路 1. 广告页加载思路。 广告页的内容要实时显示,在无网络状态或者网速缓慢的情况下不能延迟加载,或者等到首页出现了再加载广告页。所以这里我不采用网络请求广告接口获取图片地址,然后加载图片的方式,而是先将图片异步下载到本地,并保存图片名,每次打开app时先根据本地存储的图片名查找沙盒中是否存在该图片,如果存在,则显示广告页。 2. 判断广告页面是否更新。 无论本地是否存在广告图片,每次启动都需要重新调用广告接口,根据图片名称或者图片id等方法判断广告是否更新,如果获取的图片名称或者图片id跟本地存储的不一致,则需要重新下载新图片,并删除旧图片。 3. 广告页点击。 如果点击广告需要跳转广告详情页面,那么广告链接地址也需要用NSUserDefaults存储。注意: 广告详情页面是从首页push进去的 。 4.广告页的显示代码可以放在AppDeleate中,也可以放在首页的控制器中。如果代码是在AppDelegate中,可以通过发送通知的方式,让首页push到广告详情页。 5.广告页面的底部和启动图的底部一般都是相同的

美化博客园界面

生来就可爱ヽ(ⅴ<●) 提交于 2020-02-24 16:00:10
阅读目录 写在前面 博客界面设计原理 我当前的博客园首页是怎样设计的 分享是怎样实现的 我的侧边栏时间控件是怎样实现 博客园界面目录设置 回顶部、收藏、添加评论、首页侧边栏是如何实现? 另外分享一个适合男孩的博客园界面 还有一个更加雅致的版本分享 回到顶部 写在前面 上次无意间写了一篇博文,谁知还是有挺多人关注的。评论当中都是问我界面看起来挺别致的,是怎样设计的? 我不好一个一个的告知,特此,写了这篇博文,希望大家的博客界面都看起来更加悦目。 回到顶部 博客界面设计原理 其实要让自己的博客更加好看(好看与否每个人的眼光不一样),无非就是覆盖原先的css,然后自己写一些css让界面符合自己的审美观。 回到顶部 我当前的博客园首页是怎样设计的 每个人的博客都有自己的管理后台,大家可以跟我一步一步设置下去 1、进入管理后台 2、进入管理后台的“设置”界面 3、选择博客皮肤 4、链接相关的css样式:在页首html文本框中输入<link href="http://files.cnblogs.com/files/liyunhua/cnblogs.css" rel="stylesheet" /> 5、点击保存按钮即可。(大家不信可以自己试试,然后看下自己博客园界面是否...) 回到顶部 分享是怎样实现的 有园友问我,右侧分享是怎样实现的 百度输入“百度分享代码”,就知道怎么做了,

05 深入模板

拜拜、爱过 提交于 2019-12-27 05:03:48
Django模板语言是Django内置的模板语言,Jinjia2是当前Python最流行的模板语言。 5-1 变量与标签 # 变量以{{ variable }}表示,variable是变量名,变量的类型可以是Python支持的数据类型,使用方法如下: # 从下面的例子可以看出,模板的变量需要和标签相互结合使用 # 模板的标签就如Python里面的函数和方法 <ul id="cate_box" class="lf"> {% for type in type_list %} #是for遍历标签,将变量进行遍历输出 <li> <h3><a href="#">{{ type.type }}</a></h3> #代表变量type_list的某个属性 <p> {% for name in name_list %} {% if name.type == type.type %} #是if判断标签,主要对变量进行判断处理 <span>{{ name.name }}</span> {% endif %} {% endfor %} </p> </li> {% endfor %} </ul> # Django常用内置标签 # {% for %} 遍历输出变量的内容,变量类型应为列表或数据对象 {% for item in myList %} {{ item }} {% endfor %} # {% if

以百度钱包为例谈钱包类产品应该如何设计

狂风中的少年 提交于 2019-12-09 17:41:53
如果你们公司要做钱包类产品,要你当这款产品的产品经理,你应该怎么样设计呢?今天,就以百度钱包为例,来谈一谈如何做分析竞品背后的思想。 先上图: 百度钱包的产品定位是什么呢?做竞品分析首先要弄清楚竞品的定位。当然,对方是不会直接告诉你的,你需要透过产品现象看本质,从产品外观、功能、布局上分析竞品背后的逻辑和思想。 了解一款产品应该先从公司背景入手,这不难获取。 百度,全球最大的中文搜索引擎、致力于让网民更便捷地获取信息,找到所求。百度超过千亿的中文网页数据库,可以瞬间找到相关的搜索结果。旗下产品有百度搜索、团购、百科、贴吧、游戏、软件工具、百度房产、外卖、电影、优步、钱包等等。 如果百度要做钱包应该是什么样的呢?从第一印象出发,百度钱包应该是一款与钱相关的理财产品。百度是定语,只是为了说明公司出处,钱包才是重点。百 度钱包的广告语是“做一个能返现金的钱包”,“返现金”从这个词上来考虑百度钱包应该是花钱的钱包,重点而不是理财的钱包,只有消费了才会返现金。再来看 它的产品是不是这样设计的,以印证我们的思路。从钱包产品首页自上向下来看: 从设计角度来说,用户看页面是扫描形式的,从上到下、从左到右的扫描。所以,一般设计时,都遵循页面上方元素比下面元素重要,左面元素比右面元素重要。 “扫一扫”应用场景一般是付款时使用,如商家有个二维码,直接扫描支付;“二维码”一般是收款时使用

wordpress主题开发:怎样添加导航菜单?

匿名 (未验证) 提交于 2019-12-02 23:42:01
2019独角兽企业重金招聘Python工程师标准>>> 这是一篇针对wordpress新手的文章,如果你是一位老手,可以离开看看别的内容。一些新手朋友在刚接触到wordpress时,会碰到这样那样的问题。本章就是针对新手朋友问到的“ 如果添加或设置 wordpress主题 导航菜单? ”。上次就碰到一个群友问:“楼主,你的主题的顶部导航菜单怎么不显示啊?” 听到这个问题,有点让我哭笑不得。没办法,是新手嘛,不知道怎么设置菜单。下面,就随高时银博客一起来设置一下导航菜单吧。 首先进入后台,点击“外观――>菜单”,这时页面如下图: 点击蓝框里的“创建新菜单”,出现如下图: 在红框里自己写一个菜单名,随便取个名字。然后单击右侧的“创建菜单”。这样,我们就创建了一个导航菜单。这样是不是就完事了呢?当然没有。我们还要给菜单添加内容,否则,这个菜单就是一个空菜单。接着往下看吧。比如,我创建了一个“哈哈”菜单后,会显示如下图: 如果你建了多个菜单,就会有如图中的下拉框里的多个菜单,我们选择刚刚创建的“哈哈”菜单,然后,从左侧的“页面、链接、分类目录”中添加内容到菜单。 分类目录和页面只需要在前面的小方框里打个勾,然后点击“添加至菜单”就可以了。 这里讲一讲链接的添加,如下图: 比方说,你想给菜单添加一个“首页”,我们可以在第一个框里填写网站首页的地址,如http://wanlimm.com

微信小程序开发过程中tabbar页面显示的相关问题及解决办法

落花浮王杯 提交于 2019-11-30 07:52:17
在微信小程序的开发过程中如果有使用过tabbar的同学,我相信一定会遇到一些困扰。为什么有些时候代码中明明已经在app.json里面增加了tabbar,可以页面中就是不显示呢?可不可以有些页面显示tabbar,而有些页面不显示tabbar呢?今天我把我在开发过程中遇到的问题整理出来跟大家分享。 问题1:为什么页面底部不显示tabbar? 很多网友(包括我自己)也遇到过此类问题,在app.json里面明明加了tabbar,list里面也加了路径怎么就是不显示呢?举例,如下代码,为什么屏幕页面底部没有如期出现tabbar呢? { "pages":[ "pages/clickDemo/clickDemo", "pages/logs/logs", "pages/index/index", "pages/mypage/mypage" ], "window": { "backgroundTextStyle": "dark ", "navigationBarBackgroundColor": "#ddd", "navigationBarTitleText": "Tabbar Demo", "navigationBarTextStyle": "black", "backgroundColor": "#ff0000" }, "tabBar": { "color": "#000000",

玩转Django2.0---Django笔记建站基础五

谁说胖子不能爱 提交于 2019-11-30 03:33:22
  5  模板   Django作为web框架,需要一种很便利的方法去动态地生成HTML网页,因此有了模板这个概念。模板包含所需HTML的部分代码以及一些特殊语法   Django可以配置一个或多个模板引擎(甚至是0,如果不需要使用模板),模板系统有Django模板语言(Django Template Language, DTL)和Jinja2。Django模板语言是Django内置的模板语言,Jinja2是当前Python最流行的模板语言。      5.1  变量与标签   变量是模板中最基本的组成单位,模板变量是由视图函数生成的。如果变量没有被视图函数生成,那么模板引擎解析HTML时,模板变量不会显示在网页上。变量以{{ variable }}表示,variable是变量名,变量的类型可以是Python支持的数据类型,使用如下: # variable为字符串类型或整型,如variable = "Python" {{ variable }} # 输出Python # variable为字典或数据对象,通过点号(.)来访问其属性值 # 如variable = {"name": "Lily", "info": {"home": "BeiJing", "homeplace": "ShangHai"}} {{ variable.name }} # 输出Lily {{ variable

聊一聊百度移动端首页前端速度那些事儿

久未见 提交于 2019-11-28 23:29:28
欢迎大家收看聊一聊系列,这一套系列文章,可以帮助前端工程师们了解前端的方方面面(不仅仅是代码): http://my.oschina.net/MrHou/blog?catalog=477313&temp=1466755903794 这一期,咱们一起来聊一聊----百度移动端首页前端速度的那些事儿 1 长什么样? 我们的业务就是 https://m.baidu.com 别以为只有一个搜索框,我们还有下面丰富的卡片内容,可以提供各式各样的服务。如图1.1 图1.1 其实整个页面的逻辑相对是比较复杂的。 还有各式各样的卡片,轻轻下拉,即可看到,如图1.2 图1.2 2 面临的挑战 可能代码的量级没有很多webapp恐怖,可是“ 百度首页要秒开 ”却是一个共识,可以看到(如图2.1),在利用上了缓存的情况下,我们的首页包大小gzip后只有11.1k左右。耗时也就是500多毫秒。大部分用户“秒开”不是事儿。 图2.1 但是,我们的业务在不断的增长的同时,要维持这样的包大小,就是一门艺术了。 要快,但是我们的服务也必须万无一失,(后续我会分享百度移动端首页的前端架构设计)那么这样的优化,是如何做到的呢,又如何兼顾稳定性,架构性,与速度呢?别急,让我们把这些优化一一道来。 3 我们的业务与我们的优化 3.1 静态文件在哪里? 为了求快,首页是没有js和css外链的,这样会再发起多次请求