文章库ARTICLE COLUMN

  • web前端开发中遇到的问题整理(一)

    web前端开发中遇到的问题整理(一)

    摘要:完成已完成安装,重新启动编译。可以打开微信开发者工具,新建项目,项目目录就是文件夹。记录开发过程中遇到的问题及解决方案,如有不全或者错误欢迎留言更正持续整理更新正 记录开发过程中遇到的问题及通过自己摸索或查阅网上的教程整理出的解决方案...

    zxhaaazxhaaa 评论0 收藏0
  • background背景和border颜色,以及background-clip属性,透明度问题探讨

    background背景和border颜色,以及background-clip属性,透明度问题探讨

    摘要:这种情况是绿色背景色没有被透上来将小方块背景色改为红色,白色透明边框变成了红色透明边框,综上两点,说明透明边框的颜色随着背景色而变化。 showImg("https://img-blog.csdnimg.cn/20190320164217207.png");showImg("https://img-blog.csdnimg.cn/...

    FWHeartFWHeart 评论0 收藏0
  • 前端面试题总结

    前端面试题总结

    1:Object.getOwnPropertyDescriptors 的用法 2: 理解Object.defineProperty的作用 3: js设计模式之发布/订阅模式模式 4:节流和颤抖函数

    DonneDonne 评论0 收藏0
  • css中::before和::after的区别

    css中::before和::after的区别

    摘要:中和的区别表示法是在中引入的,符号是指伪元素,符号是指伪类支持的浏览器同时也都支持中引入的表示法。语法语法同和都是某标签的兄弟节点异是某标签前的兄弟元素是某标签后的兄弟元素我是在标签前的兄弟元素我是在标签前的兄弟元素我是标签效果如图 ...

    jamesjames 评论0 收藏0
  • 做一个好看的红白机模拟器

    做一个好看的红白机模拟器

    这是一个纯css实现的红白机模拟器,没有使用到任何图片,如下图所示 showImg("https://segmentfault.com/img/bVbp0uy?w=1266&h=759"); 同时支持移动端横竖屏模式 竖屏 showImg("https://segmentfault.com/img/bVbp0Fh?w=516&h=749");...

    dackeldackel 评论0 收藏0
  • CSS遇到的坑

    CSS遇到的坑

    摘要:前言自学了那么久,慢慢开始写页面遇到了不少关于的坑,想写一篇文章来记录一下,也方便以后自己在遇到这些坑时回顾一下,遇坑即更。 前言 自学了那么久,慢慢开始写页面遇到了不少关于css的坑,想写一篇文章来记录一下,也方便以后自己在遇到这些坑时...

    ooghoogh 评论0 收藏0
  • flex禁止ios微信浏览器回弹机制

    flex禁止ios微信浏览器回弹机制

    摘要:问题描述由于微信游览器存在回弹机制,在下拉滚动的时候会把整个页面下拉出现由提供字眼问题复现解决思路把整个或者用固定在浏览器的可视区域范围内,内容区域滚动的话需要使用滚动插件,在这里我用的是的滚动组件,如果使用是不会滚动的代码样式结构 ...

    stormjunstormjun 评论0 收藏0
  • 读《css世界》笔记(1)

    读《css世界》笔记(1)

    摘要:流体布局下的宽度分离原则宽度分离原则就是将独立占用一层标签而利用流动性在内部自适应呈现。为了不影响之前的布局我们需要重新计算的宽度。但是不支持属性还是需要手动计算值。使用不建议使用通配符设置盒模型。 css流体布局下的宽度分离原则 宽度分...

    浠ラ箍浠ラ箍 评论0 收藏0
  • 前端面试题

    前端面试题

    摘要:前端面试题总结,持续更新和区别浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式,可以利用等跟服务端进行数据交互。 前端面试题总结,持续更新 cookies sessionStorage和localstorage区别 浏览器的缓存机制提供了可以将用户数据存储在客...

    seal_deseal_de 评论0 收藏0
  • Vue2.0实用笔记

    Vue2.0实用笔记

    摘要:实例中,可追踪数据发生变化时,会开启一个队列,把变化记录其中,在下一次事件循环前,进行去重优化,然后重新渲染。最早通过实现了这一需求,通过事件可监听的变化,实现不同页面的操作。过滤器的使用通过引入中 1、vue中的过渡、动画效果 单组件(...

    JowayYoungJowayYoung 评论0 收藏0
  • 对BFC规范的理解

    对BFC规范的理解

    摘要:垂直方向的距离由决定。属于同一个的两个相邻的会发生叠加,与方向无关。计算的高度时,浮动子元素也参与计算。形成后出现的常见问题重叠问题浮动相关问题可以解决的问题叠加的问题,要阻止重叠,只要将俩个元素别放在一个中即可。 1. 什么是BFC BFC(...

    pingan8787pingan8787 评论0 收藏0
  • 前端培训-初级阶段(9 -12)

    前端培训-初级阶段(9 -12)

    摘要:前端最基础的就是。往期内容前端培训初级阶段前端培训初级阶段后记惯例补上主讲人文章参考资料引用培训目录出处已备份到笔记字体生成原理及使用技巧查询再聊移动端页面的适配布局教程语法篇布局教程实例篇使用实现手淘页面的终端适配 前端最基础的就是...

    LancerCometLancerComet 评论0 收藏0
  • vue的源码解析(passive特性,感觉是面试加分项)

    vue的源码解析(passive特性,感觉是面试加分项)

    摘要:突然发现一个特性。这里核心是检查是否支持,是什么提出的一个新的浏览器特性开发者通过一个新的属性来告诉浏览器,当前页面内注册的事件监听器内部是否会调用函数来阻止事件的默认行为,以便浏览器根据这个信息更好地做出决策来优化页面性能。 今天我...

    phodalphodal 评论0 收藏0
  • Css实现手机端页面强制横屏

    Css实现手机端页面强制横屏

    摘要:检测手机竖屏下,提示用关闭屏幕旋转锁定,并横置手机。想想手机浏览器还是竖屏,而内容却被强制横屏的画面有多奇怪吧页面强制横屏是一碗都快放坏了的冷饭。但文主百度到的解决方法都用了。文主觉得有些高炮打蚊子。所以自己用实现了一个。 样式 @medi...

    lieepslieeps 评论0 收藏0
  • css制作从下往上逐渐显示的div

    css制作从下往上逐渐显示的div

    摘要:代码我是顶部其中是整个容器,是需要从下往上显示的。那么我这里让从下往上显示的想法就是遮罩始终在最下方的同时增加,固定高度的同时绝对定位至遮罩的底部。只要满足,就不会让从外观来看是从下往上显示的。 html代码 我是div顶部 ...

    shuiboshuibo 评论0 收藏0
  • 开发一个psotcss插件

    开发一个psotcss插件

    摘要:另一个是,返回结果对象,譬如,获得处理结果的字符串,包含组件里创建的和自定义信息,创造一个实例并将其加入到中,获得所有创建过的。写在最后想写一下的可以按照这里的指引,很详细这是我写的一个将转为的插件参考 git地址:开发一个psotcss插件 ...

    李昌杰李昌杰 评论0 收藏0
  • 开发中遇到的问题总结

    开发中遇到的问题总结

    摘要:获取字符串中出现次数最多的字符。去掉字符串中的所有空格中对象数组按对象属性排序 VUE 1、vue——解决You may use special comments to disable some warnings. Use // eslint-disable-next-line to ignore the next line. Use / eslint-disable /...

    YuqiYuqi 评论0 收藏0
  • 微信小程序开发中遇到的问题及解决办法(一)

    微信小程序开发中遇到的问题及解决办法(一)

    摘要:社区中的说法大概是这个是因为小程序架构的原因导致事件有一定的延迟,最终使的改变不够及时导致的。折中解决办法隐藏,使用结构,重新渲染分享图。 1、整个页面覆盖的自定义弹窗,滑动弹窗中的内容,页面内容也会滑动。如果快速滚动弹窗,页面内容和...

    tinyqtinyq 评论0 收藏0
  • Vue+Vue-router+Vuex项目实战

    Vue+Vue-router+Vuex项目实战

    摘要:实现电商网站效果展示下载代码安装依赖启动项目运行环境需求分析登录页面商品列表页网站首页购物车页实现结算商品详情页可按颜色品牌对商品进行筛选,单击选中,再次点击取消根据价格进行升序降序销量降序排列商品列表显示图片名称销量颜色单价实时显示...

    ChiclaimChiclaim 评论0 收藏0
  • TP5实现表格拖动排序并保存到数据库功能

    TP5实现表格拖动排序并保存到数据库功能

    摘要:于是我就研究如何拖动排序并永久把排序保存到数据库中,做了小时,做出来了。现在只是实现了在当前页面排序,但数据库还是老样子。在每次拖动完成后,利用这款插件内置的函数,通过方式把排序完成的每个行的传到后台。 前一段时间修改了一个旧的项目,...

    nevermindnevermind 评论0 收藏0
  • 如何避免无样式内容闪烁(FOUC)?

    如何避免无样式内容闪烁(FOUC)?

    什么是FOUC? FOUC - Flash Of Unstyled Content 文档样式闪烁 即 文档样式短暂失效如果使用 import 引入 css 文件会导致某些页面在IE下出现一些奇怪的现象: 以无样式显示页面内容的瞬间闪烁 形成原因 通过 @import 引入 css 样式 @import "../fou...

    孙吉亮孙吉亮 评论0 收藏0
  • 常见的css布局

    常见的css布局

    实现两边定宽,中间自适应 1.圣杯布局 首先html结构如下 圣杯布局 2111111111111 left right css部分 *{ margin: 0; padding: 0; } ...

    wayneliwayneli 评论0 收藏0
  • vue项目之bug无处不在(一)style-loader依赖缺失

    vue项目之bug无处不在(一)style-loader依赖缺失

    摘要:一依赖缺失好好的项目,两天不管你,怎么就闹脾气,非要整出这么一个,原因还未找到报错如下知道原因的小哥哥小姐姐,麻烦留个言,感激不尽按照提示然后依然报错尝试删除删除后,执行然后,重新执行奇迹般成功了 一、style-loader依赖缺失 好好的项目...

    coordinate35coordinate35 评论0 收藏0
  • CSS Grid响应式网页布局 - W3Schools视频03

    CSS Grid响应式网页布局 - W3Schools视频03

    摘要:继续响应式网页布局的实现,今日讲的是方案。就是为二维布局设计的,最适合用来做网页布局。其中是最小宽度单位,等于六个等于三个等于两个而则等于五个。 继续W3Schools响应式网页布局的实现,今日讲的是CSS Grid方案。CSS Grid就是为二维布局设计的...

    leejan97leejan97 评论0 收藏0
  • 幻灯片如何实现 - W3Schools视频04

    幻灯片如何实现 - W3Schools视频04

    摘要:幻灯片是网页上常见的一项功能,今日我们来看看上的幻灯片教学。这就是幻灯片最核心的逻辑。系列全部视频响应式网页布局响应式网页布局响应式网页布局幻灯片如何实现响应式导航如何实现 幻灯片(Slideshow)是网页上常见的一项功能,今日我们来看看W3S...

    gyl_codergyl_coder 评论0 收藏0

热门文章

<