编程之家(jb51.cc)前端开发栏目主要收集最新编程资料，例如：html教程、Bootstrap教程、vue教程、AngularJS教程、node.js教程等。
CSS 选择器 选择前几个元素 CSS 选择器 选择前几个元素 选择第n个，n代表数字:nth-child(n){ } 选择列表中的偶数的标签:nth-child(2n){ } 选择列表中的奇数标签:nth-child(2n-1){ } 【负方向范围】选择第1个到第6个:nth-child(-nʶ
使用css完成物流进度的样式 使用css完成物流进度的样式 效果： css样式： ul li { list-style: none; } .package-title{ padding: 15px; background:#eee; font-size: 42px; } .package-statu
$.AJAX()方法中的PROCESSDATA参数 在使用jQuery的$.ajax()方法的时候参数processData默认为true(该方法为jQuery独有的) 默认情况下会将发送的数据序列化以适应默认的内容类型application/x-www-form-urlencoded 如果想发送不
form表单提交的几种方式 表单提交方式一：直接利用form表单提交 html页面代码： <!DOCTYPE html> <html> <head> <meta charset="UTF-8" /> <title>Ins
判断H5页面环境在微信中还是小程序中 用小程序提供的wx.miniProgram.getEnv可以获取环境参数 <script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.
wx.reLaunch和wx.navigateTo，wx.navigateTo的区别 2019-03-23 11:18:05 wx.navigateTo 用于保留当前页面、跳转到应用内的某个页面，使用 wx.navigateBack可以返回到原页面。对于页面不是特别多的小程序，通常推荐使用 wx.n
微信小程序如何从数组里取值_微信小程序 传值取值的几种方法总结 小程序里常见的取值有以下几种，一个完整的项目写下来，用到的概率几乎是100%。 列表index下标取值 页面传值 form表单取值 1. 列表index下标取值 实现方式是：data-index="{{index}}"
H5项目接入微信授权登录，通过 UA 区分微信还是普通浏览器： let ua = navigator.userAgent.toLowerCase(); let isWeixin = ua.indexOf('micromessenge
微信小程序获取data-xx=""属性的值，自定义属性设置和获取（data-） 微信小程序<view class="details-btn" data-taskId="111" bindtap='taskdetails'
小程序报错：TypeError: Cannot read property ‘addEventListener‘ of undefined 解决办法 将调试基础库由2.16.0（或者当前的） -> 2.14.1 解决问题
H5跳转微信小程序-成功案例（VUE）（踩坑无数） TuoMei 已于 2022-07-29 09:52:22 修改 准备工作 根据官方提供的资料需准备以下几点： 1、已认证的服务号 2、绑定JS接口安全域名 （在微信公众平台设置） 3、IP白名单 （在微信公众平台设置） 4、将小程序和H5公众号进
微信小程序 页面跳转和数据传递实例详解 这篇文章主要介绍了微信小程序 页面跳转和数据传递实例详解的相关资料,这里附有实例代码帮助到家学习理解，需要的朋友可以参考下 微信小程序 页面跳转和数据传递 1.先导 在Android中，我们Activity和Fragment都有栈的概念在里面，微信小程序页面也
情景1.拉取公司代码演示： 因为github有墙，这里我们以gitee(码云)为例作为演示 (其实就是国产github，也非常好用~) 步骤一：打开Git界面 先在一个空文件夹右击Git Bash Here，打开git界面 步骤二：输入克隆远程仓库指令 别人复制的链接在这里获取 拿到别人赋值的链接自
如何开发微信小程序？ 作为一名10多年一直从事互联网平台开发的从业者，我来回答下这个问题吧。 微信小程序开发流程总体可以归纳为4个步骤， 老张带您捋一捋整个环节，小白用户可以收藏了。 好了废话不多说，开始！ 一、开发前小程序需要准备的资料 我们在开发微信小程序前，需要准备下相关资料。这个资料主要是后
原生小程序开发优化方案 为了更好的制定优化方案，我们 有必要先了解下小程序的底层架构、以及与普通网页开发的差异 小程序最终渲染载体与当下一些热门的技术 Flutter、React Native等不同，依然是浏览器内核，而不是原生客户端。 而对于传统的网页来说，UI 渲染和 JS 脚本是在同一个线程中
1，不要下两倍尺寸的图片， 小程序本身自己就会对元素缩小两倍，设计图片的一杯就已经很清晰了。 2，图片压缩，（主要是压缩静态资源，ps 可以压缩，然后有一些在线压缩工具，保持600-800kb 的静态） 3，通用的代码组件化 4，是在工程量太大可以分包，分包现在最大支持20m（一般都不会去分包的）
kindeditor4.x代码高亮功能默认使用的是prettify插件，prettify是Google提供的一款源代码语法高亮着色器，它提供一种简单的形式来着色HTML页面上的程序代码，实现方式如下： 首先在编辑器里面插入javascript代码： 确定后会在编辑器插入这样的代码： <pre
这一篇我将介绍如何让kindeditor4.x整合SyntaxHighlighter代码高亮，因为SyntaxHighlighter的应用非常广泛，所以将kindeditor默认的prettify替换为SyntaxHighlighter代码高亮插件 上一篇“让kindeditor显示高亮代码”中已经
在之前我们已经使用用 / 来进行计算，但如下情况不一样 例如 p{ font: 16px/30px Arial, Helvetica, sans-serif; } 如果需要使用变量，同时又要确保 / 不做除法运算，而是完整地编译到 CSS 文件中，这种情况怎么办？？？可以使用 #{} 插值语句将变量
混合指令（Mixin）用于定义可重复使用的样式，避免了使用无语意的 class，比如 .float-left。混合指令可以包含所有的 CSS 规则，绝大部分 Sass 规则，甚至通过参数功能引入变量，输出多样化的样式。
在设计网页的时候常常遇到这种情况：一个元素使用的样式与另一个元素完全相同，但又添加了额外的样式。 通常会在 HTML 中给元素定义两个 class，一个通用样式，一个特殊样式。 普通CSS的实现 接下来以警告框为例进行讲，解4种类型 | 类型 | 说明 | | | | | info | 信息！请注意
语法嵌套规则 选择器嵌套 例如有这么一段css，正常CSS的写法 .container{width:1200px; margin: 0 auto;} .container .header{height: 90px; line-height: 90px;} .container .header .lo
Sass编译输出的CSS格式可以自定义。
有4种输出格式：
- :nested – 嵌套格式
- :expanded – 展开格式
- :compact – 紧凑格式
- :compressed – 压缩格式
@import 	Sass 拓展了 @import 的功能，允许其导入 SCSS 或 Sass 文件。被导入的文件将合并编译到同一个 CSS 文件中，另外，被导入的文件中所包含的变量或者混合指令 (mixin) 都可以在导入的文件中使用。 例如： public.scss $font-base-co
为什么会出现css预处理器 	CSS不是一种编程语言，仅仅只能用来编写网站样式，在web初期时，网站的搭建还比较基础，所需要的样式往往也很简单。但是随着用户需求的增加以及网站技术的升级，css一成不变的写法也渐渐不再满足于项目。没有类似js这样的编程语言所有的变量，常量以及其他的编程语法，css的
sass变量同javascript变量，可以用来存储一些信息，并且可以重复使用。 先来对比一下css中的变量 同css变量对比 CSS 变量是由 CSS 作者定义的，它包含的值可以在整个文档或指定的范围内重复使用。 用CSS变量来实现简单的代码： :root{ --font-size:18px; }
	sass 运算符虽然没有像那些编程语言那么强大，但为了更灵活的输出css，也增强了一些运算符的功能，例如赋值运算符、等号操作符、比较运算符、逻辑运算符、字符串运算符...等等，接下来就来详细介绍下这些运算符的基本使用 赋值运算符 赋值运算符就是把一个值赋值给一个变量，通过冒号（：）的方式进行承接
VScode设置中文 打开vscode ，按快捷键“Ctrl+Shift+P” 输入configure language，回车 选择安装其他语言 （默认是英文的） 选择简体中安装（荧光笔标注的地方） 按提示重启 右下角会有安装成功提示，会有重启(restart)提示 按提示重启。 下载Live Sa
https://segmentfault.com/a/1190000022018995 https://www.jianshu.com/p/8c3599dda094 vuex教程中，有这样一句话和这样一段代码： 实践中，我们会经常用到 ES2015 的参数解构来简化代码（特别是我们需要调用commi
