分类: 前端 | XMwarrior

XMwarrior

Success is the sum of small efforts, repeated day in and day out.

每天进步一点点

Success is the sum of small efforts, repeated day in and day out.

文章分类

日志 5 前端 24 环境搭建&工具分享 2 npm 2 前端架构 10 写作原则 3 读书笔记 1 前端性能优化 1 js练习 1 Markdown 1 日常优质文章收录 2 设计模式 3

                            
                            css变量
                        
                                CSS变量var()语法CSS中原生的变量定义语法是：--*，变量使用语法是：var(--*)，其中*表示我们的变量名称。下面是bootstrap使用的:root定义：
:root &#123;
    --blue: #007bf
                            
                                2019-03-13
                            
                                    前端
                                
                            js
                        
                            css
                        
                            基于CSS3 column多栏布局实现水平滑页翻页交互
                        
                                今天看大神张鑫旭的文章，有一篇  基于CSS3 column多栏布局实现水平滑页翻页交互，为熟悉column多栏布局写法，模仿 起点中文网 封装了个jquery拓展方法。如下：
csshtml,
body {
    width:
                            
                                2019-03-12
                            
                                    前端
                                
                            js
                        
                            jquery
                        
                            css3
                        
                            相邻算法
                        
                                参照“猫眼电影”购票选座规则：
/*
* 影院选座验证
* param &#123;Array&#125; arr
* param &#123;Object&#125; options.ok验证成功回调函数，
                            
                                2019-03-11
                            
                                    前端
                                
                            js
                        
                            网页防扒
                        
                                所谓防火防盗防大佬，虽然我们提倡开源，但是有时也会用到“网页防扒”，在https://www.sojson.com 被挡了一会感觉很蓝瘦，顺便研究了下如何“防扒”，代码如下：
document.onkeydown=function()&am
                            
                                2019-03-06
                            
                                    前端
                                
                            js
                        
                            bootstrap-Modal组件封装
                        
                                bootstrap-Modal组件封装：
(function() &#123;
    $.extend(&#123;
        xmDialog: &#123;
        init: function(
                            
                                2019-02-26
                            
                                    前端
                                
                            jquery
                        
                            bootstrap
                        
                            title美化提示框
                        
                                <!DOCTYPE HTML>
<html>

    <head>
        <meta charset="utf-8">
        <meta name="renderer" content="
                            
                                2019-02-25
                            
                                    前端
                                
                            jquery
                        
                            js运算精度_decimal插件
                        
                                收藏备用：
<!DOCTYPE html>
<html>

    <head>
        <meta charset="UTF-8">
        <title>解决JS运算和精度问题-decima
                            
                                2019-02-19
                            
                                    前端
                                
                            js
                        
                            input-range自定义
                        
                                input-range自定义样式
<!DOCTYPE html>
<html lang="zh">
    <head>
        <meta charset="UTF-8" />
        <me
                            
                                2019-02-01
                            
                                    前端
                                
                            css
                        
                            jquery
                        
                            canvas转换svg合成图片
                        
                                此函数应用场景为：百度地图生成自定义标志
(function ($, document) &#123;
    $.extend(&#123;
        //16进制颜色转换为rgba颜色
        colorR
                            
                                2019-02-01
                            
                                    前端
                                
                            js
                        
                            jquery

            
2 / 3