通过list-style-image属性指定自己的图片作为列表项样式

Posted 2020-08-06

设计包含了用户的交互体验和视觉，css所要描述的内容，大多来自于设计领域可以说基本是ps上内容的移植，所以了解些ps设计上的知识有助于你将设计稿转换成css代码，而交互体验主要是指用户在应用上的操作是否流畅，这种流畅包括性能和交互两个方面。

计算
如果细数前端这些年的发展，其实除了一些浏览器环境特有的问题，大多数还是在照搬后端的那些东西，包括模块化，编译，面向对象等等，这么做的原因是什么？我觉得是为了解决web应用中的一个趋势，计算前置，为了使web应用在设计中能够使用户交互更加流畅，我们把很多后端的计算逻辑搬到了前端来完成，这种趋势促进了前端技术的发展。

元字符^（和数字6在同一个键位上的符号）和$都匹配一个位置，这和\b有点类似。^匹配你要用来查找的字符串的开头，$匹配结尾。这两个代码在验证输入的内容时非常有用，比如一个网站如果要求你填写的QQ号必须为5位到12位数字时，可以使用：^\d{5,12}$。这里的{5,12}和前面介绍过的{2}是类似的，只不过{2}匹配只能不多不少重复2次，{5,12}则是重复的次数不能少于5次，不能多于12次，否则都不匹配。因为使用了^和$，所以输入的整个字符串都要用来和\d{5,12}来匹配，也就是说整个输入必须是5到12个数字，因此如果输入的QQ号能匹配这个正则表达式的话，那就符合要求了。和忽略大小写的选项类似，有些正则表达式处理工具还有一个处理多行的选项。如果选中了这个选项，^和$的意义就变成了匹配行的开始处和结束处。

在整个页面中，我们相当于只是搭建了一个页面布局（3个div），然后再在这些布局中塞我们将要展示的模块代码。这是我们看到的html内容，对于所有的js，只需要引用一个require的js文件，然后在文件中使用data-main指定一个配置文件，在require中使用data-main指定了这个文件，相当于告诉require的起始搜索位置为这个目录。

注意在这段代码上面还利用了 bind 方法做了处理，这些事件回调中的 this 都会变成 Fastclick 实例上下文。

另外还得留意，onclick 事件以及安卓的额外处理部分都是走的捕获监听。

咱们分别看看这些事件回调分别都做了什么。

模型类：拿MVC类比，我们通过模型来获取数据，此时我们必须定义模型类，同理在大多数javascript客户端框架中也会要求我们创建模型类，但是在AngularJS中这种情况不会发生，在AngularJS中有一个scope对象，此对象用来存储模型类，Scopes被附加到DOM元素上，我们可以通过使用数据属性到scope对象，此对象用来存储模型类，Scopes被附加到DOM元素上，我们可以通过使用数据属性到scope的对象。$rootScope是AngularJS程序中的父Scope。

这里我们注意一下，我们使用的所有的例子都是公用一份CSS样式表的，所以在下面我们将不会再次提及样式的问题，如果改动样式我们会直接写在HTML中。

这里我们我们所以下为什么要使用这个!important属性，因为当你引入了boostrap的时候，会发现boostrap的属性我们在样式表中是无法对其进行替换的，除非你在行内样式中更改这个另当别论，所以这个时候我们有3种解决方法

为保证ERP系统的信息流准确快速的传递，需要给系统设计一个消息盒子机制。当系统中发生业务操作后，需要提醒下一个环节的操作人员，以保证ERP信息流快速准确传递。比如生产任务单(工作单，加工单，制单)过帐完成后，需要通知仓库准备材料供车间领料生产。

回过头来再看看这个demo的实现过程，react组件化的思想让我们编写代码的时候思维清晰，便于阅读。我们通过父组件来控制状态，并通过props传递，来保证组件内的状态一致，并且我们可以清晰的看到某一个方法该由谁来维护。这是一种全新的前端编码体验，相信以后会成为主流。

另外，我们看到代码中，html直接嵌到js中了，这就是React提出的一种叫JSX的语法。其实入门react本身还是很简单，只是很多人看到JSX和ES6的语法，就打了退堂鼓了，因为我们被代码分离“洗脑”太久了。其实，它们就好像是一堵墙，要是我们畏惧这个障碍止步不前，那么只能停留在原地，如果我们骨气勇气爬上去，才发现react的风景真的很优美！

SOA的提出是在企业计算领域，就是要将紧耦合的系统，划分为面向业务的，粗粒度，松耦合，无状态的服务。服务发布出来供其他服务调用，一组互相依赖的服务就构成了SOA架构下的系统。

　　既然说是一种架构的话，所以一般认为SOA是包含了运行环境，编程模型，架构风格和相关方法论等在内的一整套新的分布式软件系统构造方法和环境，涵盖服务的整个生命周期。