搜索到
105
篇与
的结果
-
修改iview的标签为i-的形式而不是驼峰的形式 前言iview组件库中，通过Vue.use注册了iview到项目中后，在组件内调用iview组件时默认都是通过CamelCase的方式引用iview组件的，HTML本身是大小写不敏感的，vue官网也推荐在template中使用kebab-case标签，iview官网也提供了修改的方法，具体操作如下：首先通过 npm 安装 iview-loadernpm install iview-loader --save-dev配置 webpack（build目录下的webpack.base.conf.js文件），改写平时 vue-loader 的配置，形如：module: { rules: [ { test: /\.vue$/, use: [ { loader: 'vue-loader', options: { } }, { loader: 'iview-loader', options: { prefix: false } } ] } ] }参数 prefix 设置为 true 后，所有 iView 组件标签名都可以使用前缀 i-，例如 、完整的标签名如下：{ 'i-affix': 'Affix', 'i-alert': 'Alert', 'i-auto-complete': 'AutoComplete', 'i-avatar': 'Avatar', 'i-back-top': 'BackTop', 'i-badge': 'Badge', 'i-breadcrumb': 'Breadcrumb', 'i-breadcrumb-item': 'BreadcrumbItem', 'i-button': 'Button', 'i-button-group': 'ButtonGroup', 'i-card': 'Card', 'i-carousel': 'Carousel', 'i-carousel-item': 'CarouselItem', 'i-cascader': 'Cascader', 'i-checkbox': 'Checkbox', 'i-checkbox-group': 'CheckboxGroup', 'i-circle': 'i-circle', 'i-col': 'Col', 'i-collapse': 'Collapse', 'i-color-picker': 'ColorPicker', 'i-date-picker': 'DatePicker', 'i-dropdown': 'Dropdown', 'i-dropdown-item': 'DropdownItem', 'i-dropdown-menu': 'DropdownMenu', 'i-form': 'Form', 'i-form-item': 'FormItem', 'i-icon': 'Icon', 'i-input': 'Input', 'i-input-number': 'InputNumber', 'i-menu': 'Menu', 'i-menu-group': 'MenuGroup', 'i-menu-item': 'MenuItem', 'i-submenu': 'Submenu', 'i-modal': 'Modal', 'i-option': 'Option', 'i-option-group': 'OptionGroup', 'i-page': 'Page', 'i-panel': 'Panel', 'i-poptip': 'Poptip', 'i-progress': 'Progress', 'i-radio': 'Radio', 'i-radio-group': 'RadioGroup', 'i-rate': 'Rate', 'i-row': 'Row', 'i-select': 'Select', 'i-slider': 'Slider', 'i-spin': 'Spin', 'i-step': 'Step', 'i-steps': 'Steps', 'i-switch': 'i-switch', 'i-table': 'Table', 'i-tabs': 'Tabs', 'i-tab-pane': 'TabPane', 'i-tag': 'Tag', 'i-timeline': 'Timeline', 'i-timeline-item': 'TimelineItem', 'i-time-picker': 'TimePicker', 'i-tooltip': 'Tooltip', 'i-transfer': 'Transfer', 'i-tree': 'Tree', 'i-upload': 'Upload' } -
Apache httpd.conf 配置文件语法验证 Apache 的 httpd.conf文件修改之后，必须重启服务器才能生效。有时服务器在提供服务的时候，直接更改配置，重启服务，会带来很大的危险性。比如下面这样的错误日志11:22:48 [Apache] Error: Apache shutdown unexpectedly. 11:22:48 [Apache] This may be due to a blocked port, missing dependencies, 11:22:48 [Apache] improper privileges, a crash, or a shutdown by another method. 11:22:48 [Apache] Press the Logs button to view error logs and check 11:22:48 [Apache] the Windows Event Viewer for more clues 11:22:48 [Apache] If you need more help, copy and post this 11:22:48 [Apache] entire log window on the forums咋一看 以为是端口被占用，遇到这样的问题，我们先查看端口占用情况1，开始—->运行—->cmd，或者是window+R组合键，调出命令窗口，2，输入命令：netstat -ano，列出所有端口的情况。在列表中我们观察“本地地址”那一列被占用的端口如果通过以上方法发现我们的端口没有被占用，那多半是我们的Apache配置文件出错了，那么我们需要一种方法，可以检测我们的Apache配置文件有没有语法错误。如果能在修改配置之后，先验证语法正确与否，再重启服务器，则能避免一些不必要的错误。对以上需求，Apache本身提供了相应的命令来验证配置文件的语法。Windows环境的命令：httpd -t （注：如果您的电脑没有未Apache配置环境变量，需要进入到Apache目录的bin目录下执行该命令）Linux环境的命令：[root@server bin]# ./apachectl configtest如果正确无误，会显示Syntax OK信息Syntax OK如果存在错误，则会显示出错的行号以及错误信息，如下:AH00526: Syntax error on line 639 of D:/xampp/apache/conf/httpd.conf: <Directory> directive missing closing '>' AH00526: Syntax error on line 639 of D:/xampp/apache/conf/httpd.conf: <Directory> directive missing closing '>'
-
typecho 让注册的人直接可以发文章 让注册的人成为贡献者组修改文件 \var\Widget\Register.php 第 68 行：$dataStruct = array( 'name' => $this->request->name, 'mail' => $this->request->mail, 'screenName'=> $this->request->name, 'password' => $hasher->HashPassword($generatedPassword), 'created' => $this->options->gmtTime, 'group' => 'subscriber' );这个数组里面有个'group'应该就是了，将'subscriber'改成'contributor'就行了。让 “贡献者” 发帖直接通过无需审核方法参考：http://forum.typecho.org/viewtopic.php?f=4&t=7771修改 var/Widget/Contents/Post/Edit.php 的第 222 和 299 行（开发板在 223 和 230 行）将“editor”为“contributor”或者修改$contents['status'] = 'publish'; // 'waiting';把waiting改成publish即可。
-
网页图片加载错误的处理 在网站中，经常会遇到一种情况，很多图片要么因为图片地址本身指向一个未知地址（404地址），要么因为图片服务器自身的原因未能给img返回正确的图片文件流，就会导致图片错误或者alt信息，如果没有给相应的img设置宽高，甚至还会影响整个页面的布局，针对以上问题，我们可以采用监听图片的error事件然后做相应的处理。如：<img src="图片地址" onerror="this.src='替换图片地址'"/>按正常逻辑，上面的处理不会有问题，但是容易忽略一种情况，那就是替换的图片地址如果也不存在，那onerror里面的代码就会反反复复地执行，直到请求到图片为止，如果一直请求不到，那就相当于一个死循环了。对此，对以上代码添加一行代码this.onerror=none;在执行完第一次图片替换后，取消图片的error事件监听。上面的代码如果用jquery实现就是下面这样$("img").each(function (index,ele) { $(ele).one("error",function () { $(this).attr("src","替换图片地址"); }) });用one绑定的事件只会执行一次，所以不会出现死循环的情况
-
swiper使用技巧（一） Swiper是一个非常好用的轮播插件，满足各种各样的使用条件和环境，响应式，多列，多行，等等，但是，很多时候还是会有一些条件下Swiper提供的API并不能直接帮我们解决问题，但是都可以通过变通的方式处理。今天要分享的就是关于swiper的左右切换按钮，分页导航的显示或者隐藏的问题。有些时候，我们的需求是这样的，1，当swiper没有多页的时候，左右按钮不出现，2，多于一页的时候，左右按钮出现，但是不能向前或者向后时，左右按钮会有不能点击的状态。swiper在初始化的时候会为不能点击的左右按钮加上‘swiper-button-disabled’这个class，我们可以用css为这个class添加相应的样式，如果要隐藏，可以直接隐藏掉，但是这样做的话，当左右按钮只有一个是disabled状态时，就会出现一边有一边没有的情况。解决这个问题的方法是，我们在swiper初始化后获得swiper对象，然后获取swiper.isBeginning和swiper.isEnd属性，然后判断如果这两个属性同时为true那就表示，swiper在同一时间，既不能向前slide也不能向后slide了，那就说明没有超过一页，然后我们就可以执行我们想执行的逻辑了。当然，如果你的swiper不是根据屏幕大小调整显示的数量的响应式的，那就不用这个麻烦，直接判断slide的个数就行了，需要注意的是，这种方法判断时，一定要在浏览器窗口大小改变时，手动触发swiper的update事件，然后再获取isBeginning和isEnd属性，这样获取到的才会是swiper响应式地调整了数量之后的结果。gridSwiper.update(); let $gridSwiperCheck = this.$('.swiper-container-horizontal .home-todo-check'); if (gridSwiper.isBeginning === gridSwiper.isEnd) { $gridSwiperCheck.hide(); } else { $gridSwiperCheck.show(); }
