大师网-带你快速走向大师之路 解决你在学习过程中的疑惑,带你快速进入大师之门。节省时间,提升效率

style

style /stail, staɪl/ n. & v.(第三人称单数:styles;过去分词:styled;复数:styles;现在进行时:styling;过去式:styled)

SpringBoot-10-之初阶整合篇(下)

background-image: url(a2.png);getJSON('http://localhost:8080/swords/findall', function (data) { console.log(data); new Vue({ el: "#root",//与id是box的元素绑定 data: {//数据 imgData: data.data } });三、控制器:由于没有修改太多就不贴了,和上篇基本一致,这里用来个重定向到展示url @PostMapping("/submit_form") public void greetingSubmit(@ModelAttribute Sword sword, HttpServletResponse response, @RequestParam("file") MultipartFile file) { //.

Yii2.0踩坑记(持续更新)

在页面中显示几条带选的选项,如果选择 '请选择' 这个选项,后项后台传入: '' //空,并不是null 如果选择其他的选项,这传入的是每个选项对应的key,并使选项本身的value,这里是: 0 //第一个选项 1 //第二个选项 //.

20分钟深入理解CSS盒模型

/*IE模型*/ box-sizing:border-box;width/height 兼容Firefox、chrome会好一些 dom.getBoundingClientRect().child1 { height: 100px;child2 { height: 100px; } 源码html 例二 看完代码,想下父盒子的高度到底是100px还是110px; CSS盒模型 html * { margin: 0;image.png 创建BFC后 #sec { background: #f00;

Canvas水波效果

Canvas水波效果 效果图 water.gif 完整代码 Javascript水波图 html, body { width: 100%;// 兼容的requestAnimationFrame函数 let requestAnimationFrame = (function () { return window.requestAnimationFrame || webkitRequestAnimationFrame || mozRequestAnimationFrame || function ( callback) { window.setTimeout(callback, 1000 / 60); // 角度 // 遍历colors数组,进行绘制 colors.forEach((item, index) = { ctx.fillStyle = item; ctx.moveTo(0, posHeight + deltaHeight);

重温大漠CSS3知识文本篇 text-overflow

重温大漠CSS3知识文本篇 text-overflow 当网页制作中遇到了文本内容溢出的问题,你会使用什么CSS3方法来处理呢?此时CSS3的text-overflow会帮助你解决这一个问题。- Snip20180722_1.png text-overflow:clip 实例1 css3 文本溢出 .text-overflow-clip { width: 100px; padding: 10px; border: 1px solid #ccc; /* 强制不换行 */ white-space: nowrap; /* 溢出隐藏 */ overflow: hidden;'来代替隐藏部分 */ text-overflow: ellipsis;

Vue2.0 路由配置及Tab组件开发

tab-item flex: 1 text-align: center .tab-link color: $color-theme border-bottom: 2px solid $color-theme 我们在其中嵌套了很多 标签,tag 属性用以渲染成某种标签,渲染后该标签仍会监听点击,触发导航;to 属性为目标路由的链接, .router-link-active 为当前路由,可以添加 active 样式 同样的,需要要在 App.vue 中引入并输出 Tab 组件,并且项目启动时,我们为其配置一个默认跳转的路由 // router/index.js .

vue项目升级到Webpack4

vue项目升级到Webpack4 原来的项目是用vue-cli生成的基础配置,使用的是webpack2,升级完成之后构建的速度有了大幅的提升,此次升级到webpack4的过程中还是碰到了挺多的问题,因此写一篇文章来记录一下,也希望能帮看到的人少踩一点坑。 vue-loader,vue-loader升级到v15之后,配置和之前相比区别还是比较大的,详细的可参考vue-loader文档css$/, use: [ process.env.NODE_ENV === 'production' ?

Vue中使用CSS预处理器 stylus以及配置全局变量的方法

styl$/, loader: 'style-loader!styl // assets/css/reset.styl 用于重置CSS样式 * margin 0 padding 0 a text-decoration none b. vue组件中的使用 // 使用stylus语法书写即可 vue中加载stylus文件 a. 在JS环境中 // main.js import '@/assets/css/reset.styl' b. 在style中 //App.vue中 @import './src/assets'), path.join(__dirname, '. 转载须知 原创不易:本文原创首发于简书,转载请注明来源地址和作者

小Tip:有三角的指示框阴影实现

小Tip:有三角的指示框阴影实现 有三角的指示阴影框 利用css3滤镜 drop-shadow 直接上代码: . filter: drop-shadow(0px 0px 2px rgba(0,0,0,0.4));jiao{ height: 0px; width: 0px; border-bottom: 10px solid #fff; border-left: 10px solid transparent; margin: 0 auto; background: #fff; border-radius: 5px;

webpack基础 -- css相关处理

webpack基础 -- css相关处理 css的处理 准备页面: app.js base.css common.css 对应的webpack.config.js 修改为: 配置options style-loader的参数: css.transform.js css-loader的参数 css模块化的语法: 感谢阅读 喜欢看小编文章的点个订阅或者喜欢!小编每天都会跟大家分享文章,也会给大家提供web前端学习资料。

前端学习之CSS(二)

前端学习之CSS(二) 一、CSS语法 优先级: (内联样式)Inline style (内部样式)Internal style sheet (外部样式)External style sheet 浏览器默认样式 二、选择器 三、背景/图片 四、文本 / 字体 五、表格 / 列表 六、大小单位(px/em/rem) 【如果大家对程序员,web前端感兴趣,想要学习的,关注一下小编吧。加群:731771211。免费赠送web前端系统的学习资料!!】

HTMLPurifier for Laravel 5

配置里的 user_topic_body 是我们为话题内容定制的,配合 clean() 方法使用: $topic- body = clean($topic- body, 'user_topic_body');

swift4.0 仿新版微信浮窗效果

, 2) + pow(xFloatAreaR - (touchPoint?.value(forKey: "xlIconImage") if image ! UIImage) } } self.floatBall.frame = CGRect(x: UISCREEN_WIDTH - xBallSizeR - 15, y: UISCREEN_HEIGHT / 3, width: xBallSizeR, height: xBallSizeR) self.floatBall.alpha = 1 self.kWindow?.view.layer.mask = nil self.coverView.removeFromSuperview() } } pop extension XLTransitionPop: UIViewControllerAnimatedTransitioning { func transitionDuration(using transitionContext: UIViewControllerContextTransitioning?

PHP与反ajax推送,实现的消息实时推送功能

PHP与反ajax推送,实现的消息实时推送功能 index.html 反ajax推送 .send{color:#555;text-align: left;on('keyup',function(e){ if(e.keyCode == 13){ $('#btn_send').trigger('click'); _this.html('已连接');html($('#username').val()}, url:'ajaxPush.PHP', type:'get', timeout:0, dataType:'json', success:function(data){ $('#content_box').append(' '+data.msg+' ');getJSON('write.php',{'msg':massege,'user':user},function(data){ if(data.sf){ $('#content_box').append(' '+massege+' ');

less 引用与配置

Set default font family to sans-serif. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ button[disabled], html input[disabled] { cursor: default; } /** * 1.

iOS锁-NSCondition

The semantics for using an NSCondition object are as follows: Lock the condition object.) If the boolean predicate is false, call the condition object’s wait or waitUntilDate:method to block the thread.) If the boolean predicate is true, perform the task.(boolean_predicate)) { wait on condition } do protected work (optionally, signal or broadcast the condition again or change a predicate value) unlock the condition Whenever you use a condition object, the first step is to lock the condition.

vue组件模板的几种书写形式

Vue.component('test-component',{ template: '#testComponent' }) new Vue({ el: '#app' }) 当然,如果template内容少的话,我们可以直接在组件中书写,而不需要用template标签。像下面这样: Vue.component('test-component',{ template:` this is test,{{test}} `, data(){ return{ test:"hello test" } } }) 3.第三种 单文件组件 这种方法常用在vue单页应用中 创建. -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;

RecordRTC:利用WebRTC在Web端录制视频

button.disableStateWaiting) { button.disabled = false; } }, onMediaCapturingFailed: function(error) { console.error('onMediaCapturingFailed:', error); if(error.toString().indexOf('no audio or video tracks available') !recordRTC) return alert('No recording found.'); var file = new File([recordRTC.getBlob()], fileName, { type: mimeType }); console.log(file); // that.

HTML常用标签

HTML常用标签 根元素 代表 HTML 或 XHTML 文档元数据的一个集合,包括脚本或样式表的链接或内容。 定义文档的标题,将显示在浏览器的标题栏或标签页上。该元素只能包含文本,包含的标签不会被解释。 定义页面上相对 URL 的基准 URL。 用于链接外部的 CSS 到该文档

论git commit工作流程的标准姿势

js": ["eslint --fix","git add"] }, 这时当你执行git commit操作时,一旦在暂存区存在eslint格式错误的代码,将会自动修复并加入缓存区(eslint --fix 无法自动修复的将会报错)。 如图: 无法自动修复,commit失败 规范化commit-msg 这里我们使用另一个git hooks:commitmsg,我们来安装validate-commit-msg检查 Commit message 是否符合格式。 yarn add validate-commit-msg 在package.json中配置: "scripts": { .