在现代web开发中，CSS框架和JavaScript (JS) 是两个常用的工具。CSS框架通过提供一系列样式和布局选项，可以帮助我们快速构建美观的网页。而JS则提供了一套功能强大的脚本语言，可以为网页添加交互和动态效果。本文将深入探讨CSS框架和JS之间的关系，并通过具体代码示例来说明它们如何相互配合。
最初的网页以HTML为主，是纯静态的网页。网页是只读的，信息流只能从服务端到客户端单向流通。开发人员也只关心页面的样式和内容即可。
不会前端开发的后端不是一个好的后端开发，平时写点小项目可以用得上，先简单了解一下前端这个概念。
框架的视图层由 WXML 与 WXSS 编写，由组件来进行展示。 将逻辑层的数据反映成视图，同时将视图层的事件发送给逻辑层。 WXML用于描述页面的结构。WXS是小程序的一套脚本语言，结合 WXML，可以构建出页面的结构。WXSS 用于描述页面的样式。 说了那么多，我来概括下： WXML 相当于HTML WXS 相当于JavaScript WXSS 相当于Css 为什么这么说呢？因为它们的语法基本一样，所以当一个完整的小程序能运行时，这三点都需要有，wxml和wxss用于渲染页面结构，而一些点击事件，比如用户完成登陆点击、跳转等等 是需要用js来完成的
1.首先我们拿到一个新的框架(我感觉wx小程序和框架差不多),先分析里面的东西 例如这个微信小程序 我们先看下面的四个文件[图片上传失败...(image-b7995a-1530512606769)]
https://blog.csdn.net/chenmozhe22/article/details/80035871
2）css、js、img等静态资源合并压缩（vue的项目有压缩css和js）
在上期文章中，FinClip的工程师和我们主要聊了聊如何写出小程序的样式内容。在本期文章中，我们来看一下如何在小程序中使用 js 的，即在小程序中使用脚本内容处理内容或样式的改变。
给你一条学习路线，初学前端的话，需要先学习一下前端的三大基础知识，即HTML、CSS和JavaScript 。
就是说我们不用再写一大堆的媒体查询了,直接把下载好的js文件引用就可以了,这个貌似已经过时了,所以就不多讲解.
每个子目录中保存着一个页面的相关文件 —— 通常是4种不同扩展名的文件， 分别是页面中的逻辑文件、页面结构文件、样式表文件、配置文件； 为了减少开发时的配置项，框架特别约定描述页面的这4个文件必须具备相同的路径和文件名；
renderer与DOM元素是相对应的，但并不是一一对应，有些DOM元素没有对应的renderer，而有些DOM元素却对应了好几个renderer，对应多个renderer的情况是普遍存在的，就是为了解决一个renderer描述不清楚如何显示出来的问题，譬如有下拉列表的select元素，我们就需要三个renderer：一个用于显示区域，一个用于下拉列表框，还有一个用于按钮。
作者简介：张智超，北京微函工坊开发工程师，CSDN微信开发知识库特邀编辑。微信小程序爱好者。 感谢@翟东平 @qq_31383345 @nigelyq 等热情参与和共建 责编：CSDN知识图谱小助手 「小程序」是什么 张小龙在朋友圈里这样解释道：小程序是一种不需要下载安装即可使用的应用，它实现了应用「触手可及」的梦想，用户扫一扫或搜一下即可打开应用。也体现了「用完即走」的理念，用户不用关心是否安装太多应用的问题。应用将无处不在，随时可用，但又无需安装卸载。 微信小程序是一种全新的连接用户与服务的方式，它可以
让网页展现的更快，官方说法叫做首屏绘制，First Paint 或者简称 FP，直白的说法叫做白屏时间，就是从输入 URL 到真的看到内容（不必可交互，那个叫 TTI, Time to Interactive）之间经历的时间。当然这个时间越短越好。
HTML 4和CSS 2目前支持为不同的媒体类型设定专有的样式表。比如，一个页面在屏幕上显示时使用无衬线字体，而在打印时则使用衬线字体。screen和print是两种已定义的媒体类型。媒体查询让样式表有更强的针对性，扩展了媒体类型的功能。
<meta name="viewport" content="width=device=width,initial-scale=1,user-scalable=0">
YUI不仅为我们提供了一个强大的JS框架，同时还提供了几个CSS的框架，分别是Reset、Base、Font以及Grid。通过在页面中引用这几个CSS，可以让我们的前端开发工作事半功倍，达到快速将美工图转化为实际产品、并且能够保证在绝大多数浏览器上的正常表现。今天我们就来了解一下这几个CSS。
回到上一篇我讲的不变前端中，我在文章中明显的指出了，前端的变化会有一个分界线，在这个分界线之前，前端有一个最大的困境，就是：
在小程序开发中与网页开发虽然具有相似性,但仍然是有一些区别的,例如绑定事件的方式,处理事件穿透等
在日常的使用 app 的过程中，大家一定遇到过这样的情况，今天就带领大家手动写一个这样的轮播图
Uni-App，从了解到开发，相信大家都会觉得Uni-App性能不好，其实也这是非原生的弊病。React Native、Flutter等，非原生框架，性能上都会或多或少的折损。但各个框架，都会做出性能提升建议，所以开发者在开发前，多了解一下，后面维护升级等就会更方便一点，否则项目越来越大，后续开发就会越来越难。
官方给出了app.json五个配置项列表.(pages(Array), window(Object), tabBar(Object), networkTimeout(Object), debug(Boolean)),接着我们就详细的分下一下这几个配置项.
React是FaceBook（脸书）公司研发的一款JS框架（MVC） React是一款框架：具备自己开发的独立思想(MVC：Model View Controller) -> 划分组件开发 -> 基于路由的SPA单页面开发 -> 基于ES6来编写代码(最后部署上线的时候，我们需要把ES6编译成ES5 =>基于Babel来完成编译) -> 可能用到Less/Sass等，我们也需要使用对应的插件把他们进行预编译 -> 最后为了优化性能（减少HTTP请求次数），我们需要把JS或者CSS进行合并压缩 -> webpack来完成以上页面组件合并、JS/CSS编译加合并等工作
一、目录： ---- ---- 1.ready（function(){}）方法的使用 2.require最常用的方法: 3.display:none 4.visible:hidden 5.修改span的字体的颜色 6.window对象中self、 top 的区别 7.blur事件的使用 二.、内容: 1. ready（function(){}） ```$(document).ready(function(){ // 当网页加载完成后执行这里的代码块 });``` 2.require('http') 内置模块
如果格式有问题，可以直接在这里进行查看 https://www.yuque.com/shuangguidaidan/ft6o18/tcu448
react官方教程：https://reactjs.org/tutorial/tutorial.html
本次的系列博文的知识点讲解和代码，主要是来自于 七月老师 的书籍《微信小程序开发：入门与实践》，由个人总结并编写，关于更多微信小程序开发中的各项技能，以及常见问题的解决方案，还请大家购买书籍进行学习实践，该系列博文的发布已得到七月老师的授权许可
.js后缀的文件是脚本文件，.json后缀的文件是配置文件，.wxss后缀的是样式表文件,就相当于html中的css文件。
这段时间对项目做了一次整体的优化，全站有了20%左右的提升（本来载入速度已经1.2S左右了，优化度很低），算一算已经做了四轮的全站性能优化了，回顾几次的优化手段，基本上几个字就能说清楚：
1.HTML5(结构层) HTML超文本标记语言是结构层，是为“网页创建和其他可在网页浏览器中看到的信息”设计的语言。它是学习前端开发的基础语言，要重点学习H5的核心元素及布局应用，HTML5是由万维网发布的最新的语言规范，是开放的Web网络平台的奠基石，所以做Web前端，精通HTML5是必须要掌握的一项技能。 2.CSS3（表示层） 作为表示层的CSS又叫层叠式样式表，能给页面起到锦上添花的作用，CSS即层叠样式表(Cascading StyleSheet)。在网页制作时采用层叠样式表技术，可以有效地对页
最近写了太多技术文章，今天想写一点简单的东西。当一个新人问：如何开始学前端？很多知乎人都会发这样的脑图：
原理就是在不同屏幕下，通过媒体查询来改变这个布局容器的大小，再改变里面子元素的排列方式和大小，从而实现不同屏幕下，看到不同的页面布局和样式变化。
浏览器是一个运行在操作系统上的应用程序，每个应用程序必须至少启动一个进程来执行其功能，每个程序往往又会执行很多任务，那么进程就会创建很多线程来执行这些小的任务。
身为前端，打交道最多的就是浏览器和node了，也是我们必须熟悉的。接下来我们讲一下浏览器工作原理和工作过程。从url到页面的过程，......，我们直接来到收到服务器返回内容部分开始。
本文将通过探索web开发的起源和发展方式来解释web开发。这并不是一个关于网络进化的精确编年史，而是更多地关注这个进化的需求，这样我们就能理解这项技术。 一切都是从信息开始的。人类总是需要找到方法与他
注意： 1.v-bind 只能实现数据的单向绑定，从 M 自动绑定到 V， 无法实现数据的双向绑定 2.使用 v-model 指令，可以实现 表单元素和 Model 中数据的双向数据绑定（可以改变源代码） 3.v-model 只能运用在 表单元素中
v-text会覆盖元素中原本的内容，但是 插值表达式 只会替换自己的这个占位符，不会把 整个元素的内容清空。v-html会解析文本中的html标签后展示。具体代码如下：
这要从很久的事情开始说起，前端最初的发展就像一团浑浊的云团，什么都往一块写，然后东拼西凑，最后竟然能运行。其实每个人前端人都会对页面的混杂感到头疼，谁不想好好优化一下呢？但是奈何那会没有成型的工具，更没有现在高质量的组件库，从此解放了我们的代码编写，真正做到了开箱即用，它不香吗？
所谓插件，大概就是项目中可插可拔的比较小功能化的组件；这些功能组件若能力可及，自己也可以完成——也即自己造轮子，但翻看各种技术社区，相关领域的神人们往往会有更好的实现方案贡献出来，这个时候你只需要满怀崇敬之心、感激之情，在遵循别人的使用约定的前提下拿过来应用在自己的项目中即可，省却了很多自造车轮的成本。就像苹果造机，虽名苹果，但其零部件全都是世界各地各个功能厂商共同贡献的结果。编程亦是此理，博主入编程的坑稍晚，但也越发的感觉到，在各种功能组件以及技术框架越来越普遍且适用的今天，正是依靠技术互助共享的精神力量，编程才变得越来越简单、快捷的。瞎哔哔了这么多，博主只想说，我虽没有造轮子的能力，但力所能及的，就是尽量将自己的技术积累以博客的形式记录、分享，自己成长为大菜鸟的同时，也期望能帮到更多的小菜鸟——造车轮子咱不会，但告诉别人如何使用，也算是功德一件。
摘要： 2016年9月22日凌晨，微信官方通过“微信公开课”公众号发布了关于微信小程序（微信应用号）的内测通知。整个朋友圈瞬间便像炸开了锅似的，各种揣测、介绍性文章在一夜里诞生。而真正收到内测邀请的公众号据说只有200个。 虽然内测名额十分稀少，但依赖中国广大开发者的破解和分享精神，在网络上很快出现了...
前段时间，手上刚好接手一个小程序的项目，心想之前自学过一段时间的小程序，终于有项目可以练练手了，可惜，万万没想到，加了两个周末的班结果却成了飞机稿...
背景： SPA的vue应用，采用webpack2构建，打包入口为main.js 输出：main模块打包成app.js，公共lib打包成vendor.js，公共样式打包成app.css，运行时依赖打包成
常见的优化网络请求的方法有：DNS Lookup，减少重定向，避免 JS、CSS 阻塞，并行请求，代码压缩，缓存，按需加载，前端模块化…
框架的核心是一个响应的数据绑定系统，可以让数据与视图非常简单地保持同步。当做数据修改的时候，只需要在逻辑层修改数据，视图层就会做相应的更新。
小程序开发框架的目标是通过尽可能简单、高效的方式让开发者可以在微信中开发具有原生 APP 体验的服务。
这个过程要注意标签位置，以及script标签位置和HTML提供的async defer属性
“ 最近作者在 VIPKID 企业内部做了一次关于‘动画增强技术方案’的分享，在原分享的基础之上，加入了对浏览器工作原理的考察，并补充动画编码启示若干，烩成此篇，欢迎讨论雅正。本文大约 3300 字。老外 2011 年写的浏览器原理，内容很丰富，单击原文可查看。”
领取专属 10元无门槛券
手把手带您无忧上云
云服务器
ICP备案
对象存储
腾讯会议
实时音视频
