使用 BootStrap 中的CSS全局样式，我们就可以不用自己定义CSS样式了。 响应式图片 <!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" cont ...
分类：
Web程序 时间：
2020-04-05 00:38:03
阅读次数：
96
1、轻量级框架 只关注视图层,是一个构建数据的视图集合,大小只有几十kb Vue.js通过简洁的API提供高效的数据绑定和灵活的组件系统 2、简单易学 国人开发,中文文档,不存在语言障碍,易于理解和学习 3、双向数据绑定 也就是所谓的响应式数据绑定。这里的响应式不是@media 媒体查询中的响应式布 ...
分类：
其他好文 时间：
2020-04-04 20:34:39
阅读次数：
542
应用场景描述 例如PHP 从数据库读取一个商品，那么当商品标题很长的时候，很可能会影响页面布局。处理方法如下： PHP 字符串截取 JS 字符串截取 CSS 属性处理（推荐） CSS 属性处理方法 html代码片段 <li > <span class="cut">商品标题商品标题商品标题商品标题商品 ...
分类：
Web程序 时间：
2020-04-04 09:26:46
阅读次数：
91
移动端主流方案 1. 单独制作移动端页面（主流） 京东商城手机版 淘宝触屏版 苏宁易购手机版 .... 2. 响应式页面兼容移动端（其次） 三星手机官网 .... 移动端技术选型 ?流式布局（百分比布局） ?flex 弹性布局（推荐） ?rem适配布局（推荐） ?响应式布局 建议： 选取一种主要技术 ...
分类：
移动开发 时间：
2020-04-02 01:07:53
阅读次数：
112
1.0 响应式开发原理 1.1 响应式开发原理 就是使用媒体查询针对不同宽度的设备进行布局和样式的设置，从而适配不同设备的目的。 设备的划分情况： 小于768的为超小屏幕（手机） 768~992之间的为小屏设备（平板） 992~1200的中等屏幕（桌面显示器） 大于1200的宽屏设备（大桌面显示器） ...
分类：
移动开发 时间：
2020-04-01 22:13:14
阅读次数：
170
你也许会觉得Web前端开发是一个很简单的工作，但当你深入其中时，一定会发现好像Web前端开发不是那么简单，光网站性能优化、响应式、框架就让你焦头烂额。确实，做前端开发就是先易后难，想成为一个优秀的Web前端开发，没有那么简单。不过，天下事难则不会，会则不难，你只需要掌握11项技能就可以成为Web前端 ...
分类：
Web程序 时间：
2020-04-01 17:54:45
阅读次数：
88
响应式布局中宽度与高度相同 纯css方法设置ul中li宽高相等 关键词：VW / VH vw：视窗的宽度 vh：视窗的高度 思路：根据vw获取视图宽度从而设置li的宽度等于高度 代码： <li> <div class="test"> <img src="../images/hm1.png" alt= ...
分类：
Web程序 时间：
2020-03-31 22:46:39
阅读次数：
489
这套全新的zblog响应式主题（精仿高仿卢松松博客最新版Z-blog主题） 更新记录： 1、增加作者文章数、评论数、浏览量（效果看侧边栏作者信息）2、文章摘要显示功能及文字字节计算，效果请看网站文章3、更新作者社交信息功能，用户可以直接在个人资料中设置（目前还没完善功能）4、增加发布文章时选择样式文 ...
分类：
其他好文 时间：
2020-03-29 12:43:46
阅读次数：
478
我们现在的业务是基于新闻客户端实现的，都要经过新闻客户端的环境，进行前后端数据上的交互。但是我们在调试过程中，非常的不方便。 通常使用的工具有：modheader, postman, fiddler 等，但这些工具都会存在的问题： 1. 缺少客户端里相应的设备信息； 2. 即使将 cookie 信息 ...
分类：
Web程序 时间：
2020-03-27 17:09:56
阅读次数：
94
一. 强制更新的实例方法 vm.$forceUpdate() 迫使 Vue 实例重新渲染。注意它仅仅影响实例本身和插入插槽内容的子组件，而不是所有子组件。 在没有留意到数组或对象的变更检测注意事项，或者你可能依赖了一个未被 Vue 的响应式系统追踪的状态。 然而，如果你已经做到了上述的事项仍然发现在 ...
分类：
其他好文 时间：
2020-03-27 12:47:32
阅读次数：
90
